@charset "UTF-8";

/* reset kinde of */

* {
    box-sizing: border-box;
    outline: none !important;
}

/* global */

p {
    margin: 0.25em 0;
}

a {
    text-decoration: none;
}

img, table,audio {
    max-width: 100%;
}

video {
    width: 100% !important;
    height: auto !important;
}

.imgFeat {
    width: 100%;
    height: auto;
}

.hr {
    border: 0;
    height: 15px;
    background: transparent !important;
}

/* html */

html {
    scroll-behavior: smooth;
}

/* margin and padding and width */

.fit-CON {
    width: fit-content;
}

.Hfit-CON {
    height: fit-content;
}

.mrg0, .ul, .padOmrg0 {
    margin: 0;
}

.mrgb {
    margin-bottom: 1rem;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.padOmrg0 {
    padding: 0;
}

.mrg-B10 {
    margin-bottom: 10px;
}

.mrg-B15 {
    margin-bottom: 15px;
}

.mrg-T10 {
    margin-top: 10px;
}

.mrg-T15 {
    margin-top: 15px;
}

.mrg-R10 {
    margin-right: 10px;
}

.mrg-R15 {
    margin-right: 15px;
}

.mrg-L10 {
    margin-left: 10px;
}

.mrg-L15 {
    margin-left: 15px;
}


/* lists */

.ul {
    list-style-type: none;
    padding: 0;
}

.li:last-child,.lib:last-child {
    margin-bottom: 0;
}

.lib:last-child {
    border-bottom: 0;
}

/* flex */

.fl,.flW,.flRe,.flWRe,.plmc {
    display: flex;
}

.flW,.flWRe {
    flex-wrap: wrap;
}

.flRe,.flWRe {
    flex-direction: row-reverse;
}

.aliI-CE,.plmc {
    align-items: center;
}

.jusCo-SP {
    justify-content: space-between;
}

.jusCo-CE,.plmc {
    justify-content: center;
}

.fl-im {
    display: flex !important;
}

.aliI-flS {
    align-items: flex-start;
}

.aliI-flE {
    align-items: flex-end;
}

.fl1 {
    flex-grow: 1;
    flex-shrink: 1;
}

/* border-radius */

.borOK {
    border-radius: 50%;
}

.borNOK {
    border-radius: 10rem;
}

.bor-INH {
    border-radius: inherit;
}

/* buttons and input[type="submit"] */

.but, input[type="submit"] {
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

/* positioning */

.por{
    position: relative;
}

.pos,.farhana  {
    position: absolute;
}

.farhana {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
}

.zin0 {
    z-index: 0;
}

.zin1 {
    z-index: 1;
}

.zin2 {
    z-index: 2;
}

.zin3 {
    z-index: 3;
}

.zin4 {
    z-index: 4;
}

.zin5 {
    z-index: 5;
}

.zin6 {
    z-index: 6;
}

.zin7 {
    z-index: 7;
}

.zin8 {
    z-index: 8;
}

.zin9 {
    z-index: 9;
}

.zin10 {
    z-index: 10;
}

/* aligns */

.txt-R {
    text-align: right;
}

.txt-C,.plmc {
    text-align: center;
}

.txt-L {
    text-align: left;
}

.dir-L {
    direction: ltr;
}

.dir-R {
    direction: rtl;
}

/* summary */

summary {
    cursor: pointer;
}

.non-mark {
    list-style-type: none;
}

.non-mark::marker {
    color: transparent !important;
}

/* details topics... */

.non {
    display: block;
}

details .clBut .clos, details[open] .clBut .ope, .disp-N,[name="dis-N"] {
    display: none;
}

details[open] .clBut .clos {
    display: initial;
}

/* displays */

.disp-B {
    display: block;
}

/* float */

.floR {
    float: right;
}

.floL {
    float: left;
}

.clear {
    clear: both;
}

/* overflow */

.ovf-H {
    overflow: hidden;
}

.ovf-YS {
    overflow-y: scroll;
}

/* background and backG settings */

.backGSize {
    background-size: cover !important;
}

/* fonts settings */

.FSt-NOR {
    font-style: normal;
}

.FWe-NOR {
    font-weight: normal;
}

/* @key frames */

@keyframes fade-farhan {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes rot-farhan {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* animations */

.fade-ME,
.stickyAs {
    animation: fade-farhan 0.6s linear 0s 1;
}

/* Fonts */

/* English Font */

@font-face {
	font-family: 'Poppins-Regular';
	src: url('https://bayanbox.ir/download/3597202278100401580/Poppins-Regular.eot');
	src: url('https://bayanbox.ir/download/3597202278100401580/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
	url('https://bayanbox.ir/download/1068366696921114214/Poppins-Regular.svg#Poppins-Regular') format('svg'),
	url('https://bayanbox.ir/download/5947179238070229354/Poppins-Regular.ttf') format('truetype'),
	url('https://bayanbox.ir/download/4861806138071738912/Poppins-Regular.woff') format('woff'),
	url('https://bayanbox.ir/download/7211620908606122750/Poppins-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


/* Persian Font */

@font-face {
	font-family: 'Vazir-Regular';
	src: url('//bayanbox.ir/download/4827310715344697348/Vazir.eot');
	src: url('//bayanbox.ir/download/4827310715344697348/Vazir.eot?#iefix') format('embedded-opentype'),
	url('//bayanbox.ir/download/9079346587792044865/Vazir.woff2') format('woff2'),
	url('//bayanbox.ir/download/8618153108850776974/Vazir.woff') format('woff'),
	url('//bayanbox.ir/download/8657326714357973781/Vazir.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

textarea, input,
select, body,
button,
h1, h2, h3, h4, h5, h6,
.followBx, .followThis,
.cke_reset_all .cke_rtl * {
	font-family: 'Poppins-Regular','Vazir-Regular';
}

/* body */

body {
    background: #fff url('#');
    font-size: 16px;
}

/* main section */

main {
    width: 615px;
    margin: 0 auto;
    height: 100vh;
    padding: 15px;
    border: 2px solid lightcoral;
    border-top: none;
    scroll-behavior: smooth;
    border-bottom: none;
    overflow: auto;
}

/* scrollbar */

main::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: lightpink;
}

main::-webkit-scrollbar-thumb {
    background: #e78695;
    border-right: 6px solid #cd5f5f;
}

/* header */

header {
    height: 250px;
    background: lightcoral url('https://i.pinimg.com/originals/dc/9d/88/dc9d8888d1f8bd83d85cbadd72221e51.jpg');
    background-size: cover;
    margin-bottom: 65px;
}

/* blog name in header */

.BLN a {
    color: #fff;
    text-shadow: -3px 1px #9b386e;
    padding: 5px 15px;
    background: rgba(255, 255, 255, 0.2);
    font-size: 24px;
}

/* small image (tasvir) in header */

.tasvir-img {
    background: lavender url('https://i.pinimg.com/originals/57/ae/cd/57aecda265b8101adb4ae4888b93ef85.jpg');
    border: 5px solid #fff;
    box-shadow: 
    -2px 2px 0 2px #d392a2,
    2px -2px 0 2px #000;
    width: 100px;
    height: 100px;
    bottom: -48px;
    left: 10px;
    background-size: cover;
}

/* article block */

#article-block {
    width: 500px;
    margin-right: auto;
    height: fit-content;
    padding-bottom: 25px;
}

/* articles list in home page */

article {
    background: #fff;
    box-shadow: 0 0 6px #e8e8e8;
    border-radius: 5px;
}

.padNeed {
    padding: 5px 10px;
}

/* feature image in posts */

.imgFeat.inh {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

/* post name */

.post-Name {
    padding-top: 10px;
    line-height: 1;
}

.post-Name a {
    color: #000;
    font-size: 16px;
}

.post-Name a:hover {
    color:#9b386e;
}

/* text in posts */

.mainTxt {
    font-size: 13.5px;
    color: #000;
}

/* footer posts */

.author-container {
    width: 75%;
}

.author-container .ex {
    width: calc(100% - 60px);
}

/* author name in posts */

.author-container .ex section {
    color: #000;
    font-size: 15px;
}

/* publish date in posts */

.author-container .ex span {
    color: #c7c7c7;
    font-size: 13.5px;
}

/* button containers */

.button-containers {
    width: 22%;
    flex-direction: column;
}

.button-containers a{
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    font-size: 13.5px;
}

/* like button */

.like {
    border-bottom: 2px solid #e8e8;
    background: #fff3f3;
}

/* like icon */

.like i {
    color: #e8e;
}

/* like count */

.like span {
    color: #c700c7;
}

/*when hit like*/

.rate-button-box.rated a {
    background: lightpink;
    border-color: #ac4444;
}

.rate-button-box.rated a i {
    color: #fff;
}

.rate-button-box.rated a span {
    color: #000;
}

/* go to comments add form button */

.goComment {
    margin-top: 3px;
    border-bottom: 2px solid lavender;
    background: #f6f6f7;
}

/* comment icon */

.goComment i {
    top: 2px;
    color: #8080ef;
}

/* comment count */

.goComment span {
    color: #215bb9;
}

/*go to comments button when it is not enable*/

.lineth {
    position: relative;
    cursor: no-drop;
}

.lineth:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background: lightpink;
    left: 0;
}

/* read more button */

.readMore {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius:inherit;
    background: lightpink;
    color: #b14d4d;
}

/* side bar */

.fixed-sec {
    position: fixed;
    width: 370px;
    pointer-events: none;
}

.fixed-sec * {
    pointer-events: auto !important;
}

aside {
    background: lightpink;
    flex-direction: column;
    width: 50px;
    height: fit-content;
    border-radius: 13px 0 0 13px;
}

/* sidebar items */

.sideItem {
    margin-bottom: 5px;
    width: 100%;
}

.sideItem .sum {
    padding: 5px 0 0;
}

.sideItem[open] .sum {
    background: red;
}

.sideItem[open] .sum i,
.sideItem .sum i[class*="cross"] {
    display: none;
}

.sideItem[open] .sum i[class*="cross"] {
    display: block;
    color: #fff;
}

/* side bar items icons color */

.sideItem .sum i {
    color: #000;
    font-size: 16px;
}

.sideItem .sum:hover > i {
    color: #fff;
}

/* listex */

.listEX {
    width: 299px;
    left: 0;
    top: 0;
    background: #e78695;
    max-height: 437px;
    overflow: auto;
}

.listEX::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #9c27b0;
}

.listEX::-webkit-scrollbar-thumb {
    background: #e9a9d0;
    border-left: 4px solid #a35784;
    border-right: 4px solid #b86697;
}

/* heading */

.heading {
    color: #fff;
    font-size: 18.72px;
    background: #cd5f5f;
    padding: 5px;
    border-radius: 5px 100px 100px;
}

/* menu */

.menu-I a {
    border-radius: 5px;
    background: lightpink;
    font-size: 13.5px;
    color: #000;
}

.menu-I a:hover {
    background: lightcoral;
    color: #fff;
    box-shadow: -4px 4px 0 #d35d5d;
}

/* follow button in menu */

.menu-I a[href^="https://blog.ir/panel/-/followed_blogs?"] {
    background: lightgoldenrodyellow;
    color: #000;
}

.menu-I a[href^="https://blog.ir/panel/-/followed_blogs?"]:hover {
    background: cadetblue;
    color: #fff;
    box-shadow: -4px 4px 0 #009688;
}

/* search */

form[action$="/search"] {
    display: flex;
    position: relative;
}

.search-wrapper {
    width: 100%;
    position: relative;
    margin: 0 !important;
}

.search-wrapper input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    padding-left: 38px;
    background: rgb(194 0 0 / 23%);
    color: #fff;
}

.search-wrapper input[type="text"]::placeholder {
    color: #fff;
}

form[action$="/search"] input[type="submit"] {
    border-radius: 3px;
    left: 0;
    position: absolute;
    width: 36px;
    height: 36px;
    background: transparent !important;
}

.search-wrapper:after {
    border-radius: 2px;
    content: '\e041';
    position: absolute;
    left: 0;
    height: 30px;
    width: 30px;
    background: transparent;
    font-family: 'dripicons-v2';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}


#srchBx {
    height: auto;
    background: no-repeat;
    line-height: initial;
    border-radius: 0;
}



.NameTagSearch {
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
}

.TagSearch-I {
    margin: 0 0 5px 5px;
}

.TagSearch-I a {
    color: #fff;
    background: darkred;
    padding: 3.5px 6px;
    border-radius: 100px;
    font-size: 11.5px;
}

/* info or about blog */

.info {
    font-size: 13.5px;
}

/* short description */

.info strong {
    color: #fff;
}

/* log description */

.long-description {
    color: #fff;
    box-shadow: inset 0 0 10px 3px #c36262;
}

/* follow button */

.FOL[href^="https://blog.ir/panel/-/followed_blogs?"] {
    display: block;
    BACKGROUND: #000;
    color: #fff;
    border-radius: 100px;
}

/* recent comments */

.RecC-I {
    background: #fff;
    border-radius: 5px;
    border-bottom: 3px solid #cd5f5f;
}

.RecC-I .mrg-L10 {
    border-radius: 15px;
}

.RecC-I .ex,
.RecP-I .ex{
    width: calc(100% - 60px);
    text-align: initial;
}

.RecC-I .ex b {
    color: #000;
    font-size: 17px;
}

.RecC-I .ex section {
    font-size: 12.5px;
    color: #575757;
}

/* recent posts and popular posts and so on.. */

.imgXf {
    background-size: cover !important;
    width: 48px;
    height: 48px;
    border-radius: 15px;
}

.RecP-I {
    background: #fff;
    border-radius: 5px;
}

.RecP-I .ex b {
    font-size: 13px;
    color: #000;
}

.RecP-I .ex span {
    color: #c7c7c7;
    font-size: 11.5px;
}

/* tag cloud */

.tags-I {
    margin-left: 5px;
    margin-bottom: 5px;
}

.tags-I a {
    background: #fff;
    padding: 2.5px 15px;
    border-radius: 3px;
    border-bottom: 3px solid #cd5f5f;
    font-size: 12.5px;
    color: lightcoral;
}

/* categories */

.cat-I,
.arch-I,
.stat-I {
    background: #ffd2d2;
    border-radius: 10px;
}

.cat-I span,
.arch-I span,
.stat-I span {
    font-size: 14px;
    color: #000;
    padding-left: 10px;
}

.cat-I b,
.arch-I b,
.stat-I b {
    font-size: 13px;
    padding: 1px 10px;
    background: #f3b5b5;
    border-radius: 100px;
    color: #000;
}

/* category children */

.categories ul li a {
    background: #e6f6ff;
}

.categories ul li a span {
    color: #000;
}

.categories ul li a b {
    color: #000;
    background: #c4e5f7;
}

.categories ul li {
    padding-right: 40px;
}

.categories ul li:after {
    content: '↭';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    background: #f3b5b5;
    font-weight: 600;
}

/* links and daily links */

.link-I {
    background: lightpink;
    border-radius: 10px;
    color: #000;
    font-size: 13.5px;
}

/* archive */

.arch-I {
    background: #ffd2d2;
}

.arch-I span {
    color: #000;
}

.arch-I b {
    background: #f3b5b5;
    color: #000;
}

/* pagination */

.pagination-box a:first-child {
    margin-left: 10px;
}
.pagination-box a {
    padding: 6px;
    font-size: 13.5px;
    color: #b6616c;
    background: lightpink;
    border-radius: 6px;
    flex-grow: 1;
    text-align: center;
}

/* music list */

.mrg-Tx {
    margin-top: 30px;
}

.heading.musH {
    width: 100%;
    background: rgb(172, 68, 68);
    color: #fff;
    border-radius: 100px;
}

.music-I {
    background-size: cover !important;
    background-position: center !important;
    width: 30%;
    padding: 5px;
    border-radius: 6px;
    flex-grow: 1;
}

.img-Music {
    width: 33px;
    height: 33px;
    background-size: cover !important;
    box-shadow: 0 0 0 2px #000;
}

.music-I:after {
    content: '';
    position: absolute;
    background: rgb(255 224 224 / 60%);
	top:0;
	left:0;
	right:0;
	bottom:0;
    inset: 0;
    border-radius: inherit;
}

.name-music {
    color: #000;
    font-size: 11.5px;
    width: calc(100% - 40px);
}

.img-Music audio {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
    height: 35px !important;
    max-height: 35px !important;
    min-height: 35px !important;
    position: absolute;
    left: -9.8px;
    top: 0px;
    opacity: 0.4;
}

/*stat*/

.stat-I {
    background: #ffd2d2;
}

.stat-I span {
    color: #000;
}

.stat-I b {
    background: #f3b5b5;
    color: #000;
}

.stat-I b span {
	padding:0;
}

.WhoMade {
    background: #cd5f5f;
    color: #fff;
    font-weight: 600;
}

/* find my comment */

/* find my comment button */

.findMyComment .sum {
    border-radius: 0 0 5px 5px;
    background: #dcc7e2;
    color: #000;
    font-size: 16px;
}

.findMyComment[open] .sum {
    border-radius: 0;
}

/* find my comment items */

.findMyComment[name="۰"] {
    display: none;
}

.findMyComment ul {
    padding: 10px;
}

.find-I {
    margin: 0 0 5px 5px;
}

.find-I a {
    padding: 1.5px 16px;
    background: #d39295;
    font-size: 11.5px;
    color: #fff;
}

/* post tags */

.post_tags {
    background: #f9cdcd;
    border-radius: 5px;
}

.name-sec {
    padding-bottom: 8px;
    color: #000;
    font-size: 16px;
}

.Ptag-I {
    margin: 0 0 5px 5px;
}

.Ptag-I a {
    font-size: 10.5px;
    padding: 2px 6px;
    background: #e3a2a2;
    color: #fff;
}

/* breadcrumbs */

.breadCrumbs {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px #e7e7e7;
    font-size: 12.5px;
    padding-bottom: 4px;
}

.breadCrumbs ul li {
    margin-left: 5px;
    margin-bottom: 5px;
}

.home.bread-I a {
    color: lightcoral;
}

.bread-I:after {
    content: '/';
    position: relative;
    top: 1px;
    font-size: 10px;
    color: burlywood;
}

.bread-I.Pcat-I a {
    color: lightseagreen;
}

.Where-User-is {
    color: #000;
}

/*comment counter in posts and pages*/

.comCOUNT {
    background: lightgoldenrodyellow;
    border-radius: 5px;
    font-size: 14px;
}

/* comment add form */

#comment_box {
    background: lightyellow;
    border-radius: 5px;
    border: 2px solid #ededbc;
}

.smalltip,
.bComForm .commentAvatar span {
    display: none !important;
}

.formField2 label,
.formField2 .fldcontent label {
    text-align: right;
    font-size: 10.5px;
    padding: 2.5px 5px;
    width: fit-content;
    background: #f0f0c5;
}


.bComForm .commentAvatar img {
    border-radius: 50%;
    border-width: 3px;
    border-color: #f0f0c5;
}

div.inputFix input.text,select {
    padding: 3.5px 6px;
    border: 0;
    font-size: 12.5px;
    border-radius: 5px;
    background: linen;
    width: 100%;
}

div.inputFix {
    padding: 0;
}

.formField2 textarea {
    width: 100%;
    resize: none;
    border: 0;
    height: 100px;
    border-radius: 5px;
    background: #fbdec1;
    color: #000;
    font-size: 13.5px;
}

input#bComSub,.bComForm .sendbutton.hasCheckbox {
    margin: 0;
    padding: 2.5px 16px;
    color: #fff;
    background: lightsalmon;
    border-radius: 100px;
}

select {
    appearance: none;
}

input[type=checkbox] {
    opacity: 0.5;
    filter: invert(1) brightness(3.5);
}

.formField2 .fldcontent {
    padding-left: 0;
    margin-right: 95px;
}

#comment_box [class^="item_"] {
    border-radius: 3px;
    font-size: 13.5px;
    border: 0;
}

#comment_box [class^="item_"] .icon {
    background-size: 100% 100% !important;
    background-position: center !important;
}

#comment_box .item_wrn .icon {
    background: url('https://www.svgrepo.com/show/130682/alarm.svg');
}


#comment_box .item_wrn {
    background: lightgoldenrodyellow;
    color: #000;
}

#comment_box .item_success {
    background: lightgreen;
    color: #000;
}

#comment_box .item_success .icon {
    background: url('https://www.svgrepo.com/show/22865/checked.svg');
}

#comment_box .item_err {
    background: lightcoral;
    color: darkred;
}

#comment_box .item_err .icon {
    background: url('https://www.svgrepo.com/show/209459/error.svg');
    box-shadow: 0 0 6px #70070b;
    border-radius: 100px;
}

#comment_box.not-style {
    background: none;
    border: none;
}

/*comments in posts and pages*/

.pCom-I {
    border-radius: 5px;
    border: 3px solid;
}

.pCom-I.User {
    background: lightgoldenrodyellow;
    border-color: #ededbc;
}

.pCom-img {
    border-radius: 15px;
}

.pCom-I .ex {
    width: calc(100% - 60px);
}

.pCom-I .ex b.FWe-NOR {
    padding: 2.5px 20px;
    font-size: 16px;
    border-radius: 100px;
    width: fit-content;
}

.pCom-I.User .ex b.FWe-NOR {
    background: #fbdec1;
    color: #000;
}

.comTxt {
    padding-top: 8px;
    font-size: 13.5px;
}

.pCom-I.User .ex .comTxt {
    color: #000;
}

.Botcom a, 
.Botcom span,
.Botcom i {
	font-size: 13.5px;
}

.Botcom a,
.Botcom i {
	padding: 2.5px 15px;
	border-radius: 5px;
}

.pCom-I.User .Botcom a {
    background: lightsalmon;
    color: #fff;
}

.Botcom span {
    padding: 2.5px 15px;
}

.pCom-I.User .Botcom span {
    background: #edd1ae;
    color: #000;
}

a[id^="comment-"] {
    top: -10px;
    pointer-events: none;
}

.pCom-I.Admin {
    background: linen;
    border-color: lightpink;
}

.pCom-I.Admin .ex b.FWe-NOR {
    background: #b0effb;
    color: #000;
}

.pCom-I.Admin .ex .comTxt {
    color: #000;
}

.pCom-I.Admin .Botcom span {
    background: #a5c8c9;
    color: #000;
}

.pCom-I.Admin .Botcom i {
    background: lightgreen;
    color: #000;
}

/* typography */

.mainTxt h1 {
    font-size: 20px;
    margin: 5px 0;
}

.mainTxt hr,
.comTxt hr  {
    margin-right: -10px;
    margin-left: -10px;
    border: 0;
    border-bottom: 2px dashed #ddd;
}

.comTxt hr {
	border-color:#2e8fef;
}

.mainTxt blockquote {
    margin: 20px -10px 15px;
    border: 0;
    background: linen;
    padding: 15px;
    position: relative;
}

.mainTxt blockquote:after {
    content: '‟';
    font-size: 30px;
    position: absolute;
    background: #ffbbd2;
    height: 25px;
    font-style: normal;
    width: 25px;
    padding: 5px;
    text-align: center;
    line-height: 39px;
    border-radius: 100px;
    top: -15px;
    color: #000;
}

.mainTxt a,.comTxt a {
    color: lightcoral;
    background: #faf0e6;
    padding: 0 6px;
    margin: 0 2px;
}

.comTxt blockquate {
	border-color:lightcoral;
}

.comTxt a {background:red; color:#fff;}

.mainTxt a[title] {
    color: cadetblue;
    background: #fbfbfb;
}

/* transition settings */

.transAll *,
.transIt {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}