@font-face {
font-family:vazir;
src:url(https://localhost/wp-content/themes/olympiad-theme/assets/fonts/Vazir.ttf);
font-style:normal;
font-size:1em;
}
@font-face {
font-family:morvarid;
src:url(https://localhost/wp-content/themes/olympiad-theme/assets/fonts/Morvarid.ttf);
font-style:normal;
font-size:1em;
}
:root{
--mainBG:#001;
--titleB:#001;
--titleC:#fff;
--headerB:#fb0;
--headerC:#000;
--columnsB:#001;
--columnsC:#fff;
--contentB:transparent;
--contentC:#000;
--footerB:#fb0;
--footerC:#000;
--btnB:#fb0;
--btnC:#000;
/*[colors]*/
--bodyB:#001;
--bodyC:#000;
/*[theme color]*/
--hoverB:#f00;
--hoverC:#fff;
--selectB:#0050fd;
--selectC:#fff;
--trans:transparent;
--linkB:#fb0;
--linkC:#000;
--dark:#001;
--light:#eee;
--B:#001;
--C:#fff;
--sliderB:#bf0;
--sliderC:#000;
--galleryB:linear-gradient(90deg,#ea0,#ff0,#ea0);
--galleryC:#000;
--galleryItemB:linear-gradient(0deg,#fb0,#ff0,#fb0);
--galleryItemC:#000;
--item-galleryB:linear-gradient(0deg,#ccc,#fff,#ccc);
--item-galleryC:#000;
--shadow:0px 2px 4px rgba(0,0,0,0.5);
}
*{
padding:0;
margin:0;
border:none;
box-sizing:border-box;
outline:none;
}
html,body{
width:100%;
scroll-behavior:smooth;
direction:rtl;
font-family:'vazir',sans-serif;
color:#fff;
background-color:var(--mainBG);
background-repeat:no-repeat;
background-position:top center;
background-size:100% 100px;
}
*::selection{
background-color:var(--selectB);
color:var(--selectC);
}
button,img,input[type=button]{user-select:none;}

.title-child{
display:flex;
flex-wrap:nowrap;
width:100%;
flex-direction:row;
justify-content:center;
align-items:center;
animation:transform 20s linear infinite;
-webkit-animation:transform 20s linear infinite;
-moz-animation:transform 20s linear infinite;
-o-animation:transform 20s linear infinite;
}

@-webkit-keyframes transform{
0%{transform:translateX(-100%);}
100%{transform:translateX(100%);}
}

.btn{
background:var(--btnB);
color:var(--btnC);
}

.btn:hover{
background:var(--hoverB);
color:var(--hoverB);;
}

/* s search */
.wp-block-search{display:none;}

.search-container{
position:fixed;
top:0px;
right:0;
left:0px;
width:100%;
height:50px;
padding:4px;
box-sizing:border-box;
background-color:var(--mainBG);
color:#fff;
border-radius:1px;
display:none;
flex-wrap:nowrap;
flex-direction:row-reverse;
justify-content:flex-start;
align-items:center;
z-index:9999999;
}

.open-search{
position:absolute;
top:8px;
right:10px;
font-size:2em;
font-weight:bold;
border:1px solid;
background:var(--btnB);
color:var(--btnC);
border-radius:8px;
cursor:pointer;
user-select:none;
width:35px;
height:35px;
}

.open-search::before{
content:url("../images/40/search30.png");
}

.search-container input{
width:auto;
padding:8px 4px;
margin:auto 4px;
border:2px solid;
border-radius:4px;
background:var(--light);
}

.search-container button{

padding:8px;

margin:auto 4px;

border:2px solid;

border-radius:4px;

font-size:1em;

font-weight:bold;

}

.close-search{

background:#f00;

color:#fff;

}

.search-container button[type='submit']{

background:#fb0;;

color:#fff;

}

.search-container input:focus-visible{

background:#eee;

}

.search-container button:hover{

background-color:var(--mainBG);

color:#fb0;

}

/* e search */

/* effect */

.effect{

opacity:0;

transform:translateY(50px);

transition:all 0.8s ease;

-webkit-transition:all 0.8s ease;

-moz-transition:all 0.8s ease;

-o-transition:all 0.8s ease;

}

.effect.active-effect{

opacity:1;

transform:translateY(0px);

}

/* main @ */

/* screen desktop */

@media screen and (min-width:786px){

.columns{flex-direction:row;}

.columns div{flex:1;}

.column5{flex-direction:row;}

.qr-img{width:100px;height:100px;}

.box-q{width:80%;}

.widget-area section{min-width:50%;}

}

/* mobile & tablet */

@media (max-width:786px){

.columns{flex-direction:column;}

.columns div{flex:100%;}

.column5{flex-direction:column;}

.qr-img{width:50px;height:50px;}

.box-q{width:100%;}

.widget-area section{min-width:100%;}

}

#page{

/* padding:8px;

margin:8px; */

}

/* menu */

.site-header{
position:fixed; 
top:0px;
right:0;
left:0;
width:100%;
z-index:999999;
margin:auto auto 40px auto;
background-color:var(--mainBG);
transition:top 0.3s ease;
-webkit-transition:top 0.3s ease;
-moz-transition:top 0.3s ease;
-o-transition:top 0.3s ease;
}

.site-title{

margin:auto 50px auto auto;

padding:4px;

width:100%;

display:block;

color:var(--light);

}

.site-title a{

font-size:0.5em;

letter-spacing:0px;

text-decoration:none;

color:var(--light);

margin-right:10px;

font-family:vazir;

}

.site-title .olympiad{

position:absolute;

top:10px;

left:12px;

font-size:0.8em;

letter-spacing:0px;

color:var(--headerB);

font-family:morvarid;

margin:auto;

}

/* menu header*/

.main-navigation{

background:var(--headerB);

color:var(--headerC);

box-shadow:0px 4px 10px rgba(0,0,0,0.2);

}

.header-menu-ul{

list-style:none;

display:flex;

box-sizing:border-box;

justify-content:flex-start;

align-items:center;

}

.header-menu-ul a{

text-decoration:none;

width:100%;

padding:4px;

margin:auto 8px;

border-radius:0;

display:flex;

justify-content:center;

align-items:center;

background:var(--btnB);

color:var(--btnC);

border-bottom:2px solid transparent;

font-weight:800;

transition:all 0.2s ease;

-webkit-transition:all 0.2s ease;

-moz-transition:all 0.2s ease;

-o-transition:all 0.2s ease;

-ms-transition:all 0.2s ease;

}

.header-menu-ul a:hover{

background:var(--hoverB);

color:var(--hoverC);

box-shadow:var(--shadow);

border-radius:4px;

border-bottom:2px solid;

}

/* btn show menu */

.menu-toggle{

padding:2px;

margin:4px;

width:40px;

height:40px;

font-size:2em;

font-weight:bold;

justify-content:center;

align-items:center;

box-sizing:border-box;

background:var(--trans);

transition:0.3s;

-webkit-transition:0.3s;

-moz-transition:0.3s;

-o-transition:0.3s;

}

/* screen */

@media screen and (min-width:786px){

.menu-toggle{display:none;}

.header-menu-ul a{display:flex !important;}

.header-menu-ul{flex-direction:row;}

.header-menu-ul li{width:auto;}

}

/* mobile & tablet*/

@media screen and (max-width:786px){

.menu-toggle{display:flex !important;}

.header-menu-ul a{display:none;border-bottom:2px solid inherit !important;border-bottom:2px solid;}

.header-menu-ul{flex-direction:column;}

.header-menu-ul li{width:100%;}

}



/* footer */

#scroll-to-top-btn{
position:fixed;
bottom:40px;
right:10px;
width:50px;
height:50px;
display:none;
opacity:0.5;
z-index:999999;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#scroll-to-top-btn:hover{opacity:1;}


.namad{
border:1px solid #ccc;
background:#fff;
border-radius:10px;
box-shadow:var(--shadow);
}
.namad:hover{
background:#06f;
}


.columns{

width:100%;

margin:auto;

padding:4px;

background:linear-gradient(0deg,var(--mainBG),#003,var(--mainBG));

color:var(--columnsC);

display:flex;

flex-wrap:wrap;

justify-content:flex-start;

align-items:flex-start;

}

.columns div{

padding:4px;

margin:4px;

}

.columns ul{

list-style:none;

display:flex;

flex-wrap:wrap;

justify-content:flex-start;

align-items:center;

margin:auto;

padding:4px;

line-height:30px;

}

.columns h3{

margin:14px auto;

padding:2px 8px;

text-align:right;

color:#fff;

}

.columns p,.columns a{

font-family:vazir;

font-style:normal;

font-weight:bold;

font-size-adjust:1em;

text-justify:auto;

}

.columns a{

padding:4px;

margin:4px;

text-decoration:none;

display:flex;

background:var(--trans);

color:var(--linkB);

}

.column3 p{

text-align:justify;

margin-left:8px;

}

.column4{

width:100%;

height:auto;

margin:auto;

padding:4px;

background:#ccc;

}

/* footer */

.site-footer{

/*.copyright*/

padding:4px;

margin:4px auto;

font-weight:500;

background:var(--footerB);

color:var(--footerC);

text-align:center;

user-select:nono;

}

.qr-img{

max-width:100px;

min-width:100px;

max-height:100px;

min-height:100px;

object-fit:cover;

margin:14px auto;
padding:4px;
transition:transform .3s ease, box-shadow .3s ease;
border-radius:5px;
}

.qr-img:hover{

transform:scale(1.1,1.1);

box-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);

}

/* map */

.map{

width:100%;

height:200px;

margin:auto;

padding:4px;

display:none;

}

.map-toggle{

background:var(--trans);

padding:4px;

margin:4px auto 4px 10px;

float:left;

width:48px;

height:48px;

object-fit:cover;

cursor:pointer;

}

.columns .share-icon{

transition:transform .2s ease, box-shadow .2s ease;

}

.columns .share-icon:hover{

transform:translateY(-2px);

box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);

}

.columns .tel{

transition:all .2s ease;

}

.columns .tel:hover{

font-size:1.1em;

color:var(--hoverB);

}

.icon-tel::before{

content:url("../images/40/tel2.png");

margin-left:12px;

}

.icon-mobile::before{

content:url("../images/40/mobile.png");

margin-left:12px;

}

.icon-email::before{

content:url("../images/40/email.png");

margin-left:12px;

}

.icon-address::before{

content:url("../images/40/address.png");

margin-left:12px;

}

/* policy btn */

.column2 ul{

display:flex;

flex-wrap:wrap;

flex-direction:column;

justify-content:center;

align-items:flex-start;

}

.column2 a{

padding:4px;

margin:auto;

transition:all .2s ease;

background:var(--trans);

color:var(--btnB);

}

.column2 a:hover{

background:var(--hoverB);

color:var(--hoverC);

box-shadow:0 2px 3px rgba(0, 0, 0, 0.5);

border-radius:4px;

}

#main #post-3{

padding:16px;

margin:12px auto;

text-align:right;

line-height:50px;

direction:rtl;

}

#main #post-3 p{

line-height:34px;

font-size:1.1em;

font-weight:bold;

}

#main #post-3 ul{

width:calc(100% - 8px);

margin:auto;

display:flex;

flex-direction:column;

flex-wrap:nowrap;

justify-content:flex-start;

align-items:flex-start;

}

#main #post-3 ul li{

width:100%;

padding:2px 8px;

margin:8px auto;

font-size:1.1em;

font-weight:bold;

border:none;

display:flex;

justify-content:center;

align-items:flex-start;

}

/* box-content */

.box-content{

width:100%;

min-height:200px;

background:var(--contentB);

color:var(--contentC);

margin:auto;

display:flex;

}

.name-product{

text-decoration:none;

border:1px solid;

padding:4px;

margin:4px auto;

}



/* --- */

.columnsW{

display:flex;

flex-direction:row;

flex-wrap:wrap;

justify-content:center;

align-items:center;

width:100%;

height:auto;

margin:auto;

padding:4px;

gap:8px;

}

.columnsW h3{color:#fff;}

.columnsW section{

display:flex;

flex-direction:column;

flex-wrap:nowrap;

justify-content:flex-start;

align-items:flex-start;

width:400px;

height:600px;

color:#fff;

border-radius:12px;

padding:8px;

margin:auto;

}

.columnsW section img{

width:200px;

height:200px;

border-radius:8px;

}

.columnW1{background:linear-gradient(0deg,#500 5%,#a00,#f00 10%,#a00 70%,#eee 5%);}

.columnW2{background:linear-gradient(0deg,#050 5%,#0a0,#0f0 10%,#0a0 70%,#eee 5%);}

.columnW3{background:linear-gradient(0deg,#005 5%,#00f,#0ff 10%,#00f 70%,#eee 5%);}

/* questions */

.box-q{

height:fit-content;

padding:4px;

margin:12px auto;

box-sizing:border-box;

display:flex;

flex-wrap:wrap;

flex-direction:column;

justify-content:center;

align-items:center;

}

#box-child-q{display:none;}

#btn-q{

padding:10px;

margin:auto;

background:linear-gradient(0deg,#500,#f00,#500);

color:#fff;

border-radius:5px;

border:1px solid;

transition:all 0.3s ease;

cursor:pointer;

font-weight:bold;

font-size:1.2em;

}

#btn-q:hover{

background:linear-gradient(0deg,#555,#fff,#555);

color:#800;

}

.box-q details{

width:100%;

display:flex;

padding:4px;

margin:4px auto;

text-align:center;

}

.box-q details summary{

user-select:none;

padding:4px;

margin:4px auto;

background:linear-gradient(0deg,#500,#f00,#500);

color:#fff;

cursor:pointer;

border-radius:8px;

text-align:center;

transition:all 0.3s ease;

}

.box-q details summary:hover{

background:linear-gradient(0deg,#555,#fff,#555);

color:#800;

}

/* service */

.service-container{

width:100%;

height:fit-content;

padding:8px;

margin:auto;

display:flex;

flex-wrap:wrap;

flex-direction:column;

direction:rtl;

text-align:justify;

}

.service-container h3{

color:#f00;

}

.service-container p{

font-size:1em;

font-weight:bold;

user-select:all;

cursor:pointer;

padding:8px;

margin:8px;

}

/* form contact-us */

.contact-container{

width:100%;

height:fit-content;

margin:70px auto;

padding:8px;

display:flex;

flex-wrap:wrap;

flex-direction:column;

justify-content:center;

align-items:center;

}

.contact-container input{

border:1px solid;

border-radius:5px;

padding:4px;

width:100%;

height:30px;

color:#222;

}

.contact-container input[type=submit]{

border:1px solid;

border-radius:8px;

padding:4px;

width:100px;

height:40px;

background:#fb0;

color:#222;

font-weight:bold;

font-size:1em;

}

.contact-container input[type=submit]:hover{background-color:var(--mainBG);color:#fff;}

.contact-container textarea{

border:1px solid;

border-radius:5px;

padding:4px;

width:100%;

height:auto;

resize:none;

}

.contact-container textarea:focus-visible,.contact-container input:focus-visible{

font-size:1.2em;

background:#fb0;

}

.contact-container label::before{

content:" * ";

color:#f00;

}

/* secondary */

.widget-area{

width:100%;

height:fit-content;

display:none;

flex-wrap:wrap;

flex-direction:row;

justify-content:center;

align-items:center;

padding:8px;

margin:8px auto;

background:#fff;

}

.widget-area section{

height:fit-content;

display:flex;

background:#eee;

flex:0;

flex-wrap:wrap;

flex-direction:row;

justify-content:flex-start;

align-items:flex-start;

margin:8px;

padding:8px;

}

.widget-area section ul{

list-style:none;;

}

.about-us-container{

width:100%;

height:fit-content;

display:flex;

flex-direction:row;

flex-wrap:wrap;

justify-content:center;

align-items:center;

margin:24px auto;

padding:8px;

box-sizing:border-box;

}



#date-container{

min-width:100%;

max-width:100%;

height:40px;

margin:auto;

display:flex;

flex-wrap:nowrap;

flex-direction:row;

justify-content:center;

align-items:center;

/* background:#222; */

color:var(--light);

border-bottom:2px solid #fb0;

padding:4px;

box-sizing:border-box;

overflow:hidden;

}

#date-container p{

transition:transform 0.8s ease;

animation:moveDate 20s linear infinite;

font-weight:bold;

font-size:1.2em;

color:#fb0;

white-space:pre;



}

@-webkit-keyframes moveDate{

0%{transform:translateX(-1000px);}

100%{transform:translateX(1000px);}

}

#date-container:hover p{

animation-play-state:paused;

}

@media screen and (min-width:768px){

/* .box_slider_product{height:300px;} */

.btn_slide_product{width:50px;height:50px;}

.box_total_product{font-size:1em;}

.ad_text{font-size:2.5em;}

.title-container{flex-direction:row;}

}

@media screen and (max-width:768px){

/* .box_slider_product{height:150px;} */

.btn_slide_product{width:40px;height:40px;}

.box_total_product{font-size:0.7em;}

.ad_text{font-size:1em;}

.title-container{flex-direction:column;}

}

@-webkit-keyframes scaleImg{

0%{transform:scale(0,0);}

100%{transform:scale(1,1);}

}

/* mini gallery */

.title-container h3{color:#fff;}

.title-container{

width:100%;

height:fit-content;

overflow:hidden;

background:linear-gradient(140deg,var(--mainBG) 40%,#f00 80%,#fb0 40%);

color:#fff;

margin:auto;

padding:0px;

display:flex;

flex-wrap:wrap;

justify-content:center;

align-items:center;

}

.title-main{

margin-left:10px;

text-align:center;

}

.title-container img{

width:15%;

height:auto;

object-fit:cover;

}

/*  */

.mini-gallery-container{

width:200px;

height:100px;

border-radius:8px;

overflow:hidden;

margin:8px auto;

padding:0px;

text-align:center;

}

.publicity{

width:100%;

height:100%;

transition:all 0.3s ease;

font-size:1em;

border-radius:6px;

padding:4px;

margin:auto;

color:#fff;

animation:hilight 1s;

}

@-webkit-keyframes hilight{

0%{opacity:0;transform:scale(0,0);}

100%{opacity:1;transform:scale(1,1);}

}

@-webkit-keyframes scaleImg-p{

0%{transform:scale(0,0);}

100%{transform:scale(1,1);}

}

/* privacy-policy */

#privacy-policy{

width:100%;

margin:70px auto;

display:flex;

flex-wrap:wrap;

flex-direction:column;

justify-content:flex-start;

align-items:flex-start;

padding:8px;

box-sizing:border-box;

}





/* pages olympiad */

.ol-page{

width:calc(100% - 8px);

height:auto;

padding:8px;

margin:8px;

box-sizing:border-box;

display:flex;

flex-wrap:wrap;

justify-content:center;

align-items:center;

overflow:hidden;



}

.ol-page h2,h3,h4{

color:#f00;

font-family:'vazir', Tahoma, sans-serif;

margin:8px auto;

display:flex;

}

.ol-page img{

display:flex;

width:40%;

height:auto;

object-fit:cover;

margin:auto;

justify-content:center;

align-items:center;

}

.ol-page ul{

width:100%;

list-style:none;

padding:0px;

margin:auto;

display:flex;

flex-direction:column;

flex-wrap:nowrap;

justify-content:flex-start;

align-items:flex-start;

}

.ol-page ul li{

width:100%;

font-weight:bold;

padding:8px;

}

.ol-page p{

font-weight:bold;

font-size:1em;

text-align:justify;

}

.ol-page li:nth-child(odd){

background:#fff;

color:#009;

}

.ol-page li:nth-child(even){

background:#eee;

color:#00a;

}



.ol-page summary{

padding:8px;

margin:8px;

text-align:center;

font-size:1em;

font-weight:bold;

background:linear-gradient(45deg,#f00 10%,#fb0 10%,#f00 50%,#f00 90%,#fb0 90%);

color:#fff;

border-radius:8px;

border-bottom:4px solid var(--mainBG);

cursor:pointer;

transition:all 0.5s ease;

}

.ol-page summary:hover,.ol-page summary:active{

animation:colorm 0.8s linear infinite;

}

@-webkit-keyframes colorm{

0%{background:linear-gradient(45deg,#f00 10%,#fb0 10%,#f00 50%,#f00 90%,#fb0 90%);}

100%{background:linear-gradient(45deg,#fb0 10%,#fb0 10%,#f00 50%,#f00 90%,#f00 90%);}

}

.ol-page-index details{

display:flex;

margin:8px;

background:#fff;
color:var(--mainBG);
padding:4px;

border-radius:8px;

}



@media screen and (min-width:768px){

.ol-page-index details{width:50%;}

}

@media screen and (max-width:768px){

.ol-page-index details{width:100%;}

}



.ol-page .banner{

width:80%;

border-radius:12px;

box-shadow:0px 4px 8px rgba(0, 0, 0, 0.5);

margin:12px auto;

}




/*new post*/
.modern-container {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
}
.latest-posts-section {
margin-bottom: 40px;
padding: 25px;

border: 1px solid #e0e0e0;

border-radius: 8px;

background-color: #fdfdfd;

}

.latest-posts-section h2 {
color: #0056b3; /* آبی تیره */
border-bottom: 2px solid #0056b3;
padding-bottom: 10px;
margin-top: 0;
font-size: 1.8em;
}
.latest-posts-list {
list-style: none;
padding: 0;
}
.latest-posts-list li {
padding: 12px 0;
border-bottom: 1px dashed #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.latest-posts-list li:last-child {
border-bottom: none;
}
.latest-posts-list a {
text-decoration: none;
color: #333;
font-weight: 600;
transition: color 0.3s ease;
}

.latest-posts-list a:hover {
color: #007bff; /* آبی روشن‌تر */
}
.post-date {
font-size: 0.85em;
color: #777;
flex-shrink: 0;
margin-left: 20px;
}
/* Main Loop Styles (For content loaded by the main query) */
.site-main article {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #ececec;
}
.site-main article:last-child {
border-bottom:none;
}
/* === استایل‌های جدید برای بخش نظرات (Comments) === */
#comments {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
#comments h2 {
font-size: 1.6em;
color: #222;
margin-bottom: 20px;
}
#commentform {
background-color: #f9f9f9;
padding: 20px;
border-radius: 6px;
border: 1px solid #eee;
}

#commentform label {
display: block;
margin-top: 10px;
font-weight: 600;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; /* تضمین می‌کند که padding عرض را افزایش ندهد */
font-size: 1em;
}

#commentform textarea {
height: 120px;
resize: vertical;
}
#commentform p.comment-form-cookies-consent {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px !important;
}
#commentform button#submit {
background-color: #007bff;
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
font-size: 1em;
margin-top: 20px;
transition: background-color 0.3s ease;
}
#commentform button#submit:hover {
background-color: #0056b3;
}
/* سبک لیست کامنت‌ها */
#comments ol.commentlist {
list-style: none;
padding-left: 0;
}

#comments li.comment {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.comment-author {
font-weight: bold;
color: #0056b3;
margin-right: 10px;
}
.comment-meta {
font-size: 0.85em;
color: #777;
display: block;
margin-bottom: 8px;
}
.comment-body p {
margin-top: 5px;
}

/*box new post*/
#post-435{
font-family:vazir, Tahoma, sans-serif;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
padding:8px;
margin:8px;
background:#08e;
color:#fff;
gap:5;
border-radius:8px;
box-shadow:var(--shadow);
line-height:34px;
}
#post-435 a{
color:#fff;
}
.site-main{
margin:8px auto;
padding:8px;
direction:rtl;
background:#eee;
color:#006;
}
.page-title{
color:#f00;
}
.page-title h2 a{
color:#f00;
}
.entry-summary p{
background:#fb0;
padding:4px;
color:#222;
}




/**/









/**/





.boxOnline{
padding:8px;
margin:8px;

}









/* masters */
.master{
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
padding:8px;
margin:8px auto;
box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);
border-radius:8px;
background:#fff;
color:#222;
}
.master img{
object-fit:fill;
border-radius:50%;
border:1px solid;
box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);
margin-top:4px;
padding:4px;
background:#fff;
}
@media screen and (min-width:768px){
.master img{
max-width:100px;
max-height:100px;
} 
}
@media screen and (max-width:768px){
.master img{
max-width:70px;
max-height:70px;
} 
}
    
.master h3{
color:#030;
}
.meeting{
width:100%;
padding:8pc;
margin:8px auto;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
direction:rtl;
background:#fb0;
color:#222;
}

/* path guide breadcrumb*/
.custom-breadcrumb-nav{
padding:8px;
margin:auto 8px;
}
.custom-breadcrumb-nav ol{
list-style:none;
}

.custom-breadcrumb-nav a{
text-decoration:none;
font-size:2em;
padding:8px;
font-weight:bold;
color:#fb0;
text-shadow:1px 1px 1px #222;
}


/* content-area new posts */

.content-area article{
width:100%;
margin:auto;
padding:8px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background:#fff;
}

/* ai */
.boxAi{
width:100%;
height:fit-content;
padding: 8px;
margin:8px auto;
text-align:center;
}
#aiBtn{
padding:14px 7px;
margin:4px;
background:var(--btnB);
color:var(--btnC);
font-family:vazir;
font-weight:bold;
border-radius:8px;
border-bottom:4px solid #f00;
text-decoration:none;
}
#aiBtn:hover{
border-bottom:4px solid #00f;
background:#007bff;
color:#fff;
}