/*
	Theme Name:	Xtra Child
	Theme URI:	https://www.rtl-theme.com/xtra-corporate-woocommerce-theme/
	Description:Sample child theme of Xtra theme for customization.
	Author:		Xtra Theme
	Author URI:	http://xtratheme.ir
	Template:	xtra
	Version:	1.0.0
*/

.cz-cpt-post .cz_default_loop .cz_post_excerpt{max-height: 258px; overflow: auto;}


.nimabx-wrapper {width:100%;float: right; display: flex ; flex-wrap: nowrap; align-items: center; flex-direction: row-reverse;}
.nimabxtitle.xtra-post-title.codevz-section-title { display: flex; width: 50%; margin-bottom: 0px; margin-left: 2%; float: right; max-height: 100vh; flex-direction: column; }
.nimabxtitle span.xtra-post-title-date {justify-content: center;margin: 0;}
.nimaimg{ float: left; width: 48%; }
.breadcrumbs { text-align: center; padding-top: 0px; padding-bottom: 0px; margin: 0px auto; }
.breadcrumbs_container {
    margin-right: auto;
    margin-left: auto;
}.breadcrumbs a, .breadcrumbs i { font-size: 10px; color: #4f4f4f;padding: 0px; margin: 0px 2px; }

h1.section_title {margin:21px 0;font-size: 16px;}


.page_footer{background: transparent !important;}.cz_grid_link .cz_grid_details {top: 24%; }.footer_2.cz_menu_fx_zoom_out {background:#1c242c;}a.cz_grid_link{aspect-ratio:16/3.6;}.col.s9.col_not_first.righter { width: 74.4%;padding: 0; }aside.col.s3.col_first.sidebar_primary { width:23.9% !important; padding: 0; }
.mb30 { display: flex; margin: 0; margin-bottom: 0; flex-wrap: wrap; }
article.post.type-post.s4 {width: calc(33.333% - 44px);margin: 8px;padding: 15px 14px 14px;background: #ffffff;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow: hidden;display: flex;flex-direction: column;}
.single_con video {max-width: 80% !important;max-height: 600px;
}
.single_con .cz_single_fi img{width: 100%;aspect-ratio:1 / 1}
.cz-cpt-post .cz_default_loop .cz_post_excerpt, .cz_grid_details.cz_grid_details_outside .cz_post_excerpt{height: 240px;color: #555; font-size: 13px; text-align: justify; line-height: 1.6; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; overflow: auto;}
.cz-cpt-post .cz_default_loop > div {padding:0 !important;}
.cz-cpt-post .cz_default_loop .cz_post_title h3,div.cz_grid_details.cz_grid_details_outside h2{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.cz_post_content { margin: 21px 0 0 0; float: right; display: block; width: 100%; }
::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb { background: #ccccccc8; } ::-webkit-scrollbar-track { background: #00000006; } ::selection { color: #ececec; background: #45a6e1;}
a.cz_readmore { position: absolute; bottom: -5px; left: 0;  width: 100%; margin: 4px 0 0px; height: 36px;padding:0 !important; float: right; background: #fdfdfd !important; color: #1da9da !important; text-align: center; border: 1px solid #cfcfcf; border-bottom: 3px solid #3eb8ff; line-height: 2.39rem; border-radius: 10px; transition-duration: 150ms !important; transition: all 0.3s ease; }
a.cz_post_image img {aspect-ratio:1 / 1}
.single_con .cz_post_content img {width: 100%;box-sizing: border-box;max-width: 720px;margin: 0 auto}
video{display: block; position: relative; z-index: 9999; margin: 0 auto;}
img.attachment-thumbnail.size-thumbnail.wp-post-image { aspect-ratio: 1 / 1;width: 69px;object-fit: cover;border-radius: 12px ;border:2px solid #fff}
.item_small h3 { line-height: 1em; }
.item_small h3 a { font-size: 13px !important;font-weight:400; line-height: 1.8em; }
.codevz-widget-content .item_small a{ margin:0 0 -2px 9px; }
.codevz-widget-content .item_small, .item_small:last-child{padding:0 0 0 5px; margin: 0 0 9px; border-bottom:1px solid rgb(255 255 255 / 20%); font-size: 13px; }
.widget li{margin: 0}
.commentlist li article{border-radius:12px;padding: 20px;margin: 0 0 15px}
.active_offcanvas .offcanvas_area.active_offcanvas { padding: 12px 0 0;}
#menu_header_2 > .cz > a { width: calc(100% - 48px); border-radius: 12px; border: 1px solid #a4a0a0; line-height: 2.7em; padding: 0 12px 2px; margin: 5px 12px; }
#menu_header_2 .cz .cz a {width: calc(50% - 49px) !important;float: right; color: #444 !important; padding: 12px 24px !important; }
#menu_header_2 .cz .sub-menu:not(.cz_megamenu_inner_ul) { box-shadow: none !important; border: 0;background: transparent !important;margin: -21px 10px 45px !important; width: calc(100% - 20px); display: block; position: relative !important; }
.single .cz_post_content a {position: relative;z-index: 99;}
div.xtra-share { width: 100%; float: right;}
.clr.mb10, .clr.mt40.relative { float: right; }


.cz_related_posts .cz_related_post{margin: 0 0 18px 1%; width: 24%;}.cz_related_post.col:first-child, .cz_related_post{float:right;padding:0;margin:0 0 18px 1%}
.cz_related_posts .cz_related_post_date { font-size: 11px; text-align: right; height: 20px; margin-top: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*
@media only screen and (min-width: 951px){} 
*/
@media only screen and (max-width: 600px){
	p{
        display: block;
        text-align: justify;
        direction: rtl;
        word-break: keep-all;
        word-wrap: normal;}
	
.single_con h2, .single_con h3, .single_con h4 { font-size: 15px ; word-spacing: 0; text-align: justify; line-height: 2.4em; margin: 0 0 12px; }
	h1.section_title{text-align: center}article.post.type-post.s4 {
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 0 21px 0 !important;
    text-align: center;
}aside.col.s3.col_first.sidebar_primary{width:100% !important}
.theiaStickySidebar {
    margin-top: -24px !important;
}
.single_con video {
  max-width: 100% !important;
  max-height: auto;
}
}
@media only screen and (max-width: 480px){
		.nimabx-wrapper {float: right; display: flex ; flex-direction: column; align-items: center; align-content: center; flex-wrap: wrap; justify-content: flex-start;}
.nimabxtitle.xtra-post-title.codevz-section-title{width: 100%;margin:33px auto 0 !important;}
.nimabxtitle span.xtra-post-title-date { margin:4px 0 3px; position: relative;}
	.nimaimg { width: 100%; }
.footer_2 .elms_right{display: inline-block;float:right;text-align:center;margin: 0 auto}
	
.tagcloud a.nimtagico{ display: block; text-align: center; }
.tagcloud a.nimataglink { margin: 0 3px 9px 3px; padding: 1px 3px; float: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(33% - 14px); }
}
