/*
Theme Name: Hamrahetam
Theme URI: https://blog.hamrahetam.com
Author: ali nuri
Author URI: https://bozgush.com
Description: hamrahetam theme
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 5.6
Version: 1.5
*/





@theme {
  --color-black: #202020;
  --color-white: #FFFFFF;
  --color-background: #F7F7F7;
  --color-primary-gray: #939598;
  --color-gray-20: #F3F3F3;
  --color-gray-50: #E9E9E9;
  --color-gray-100: #E2E2E2;
  --color-gray-200: #D5D5D5;
  --color-gray-300: #C9C9C9;
  --color-gray-400: #BCBCBC;
  --color-gray-500: #AFAFAF;
  --color-gray-600: #939393;
  --color-gray-700: #777777;
  --color-gray-800: #5B5B5B;
  --color-gray-900: #3F3F3F;
  --color-primary-20: #F0F7FD;
  --color-primary-50: #DDEBF7;
  --color-primary-100: #D3E5F5;
  --color-primary-200: #BFDBF0;
  --color-primary-300: #ABCFEC;
  --color-primary-400: #98C3E7;
  --color-primary-500: #84B8E3;
  --color-primary-600: #4A5089;
  --color-primary-700: #272F72;
  --color-primary-800: #456076;
  --color-primary-900: #304252;
  --color-secondary-20: #FFF2F5;
  --color-secondary-50: #FDE9EE;
  --color-secondary-100: #FCE3E9;
  --color-secondary-200: #FBD7DF;
  --color-secondary-300: #FACCDA;
  --color-secondary-400: #F8BECB;
  --color-secondary-500: #F7B2C2;
  --color-secondary-600: #CF96A3;
  --color-secondary-700: #A87984;
  --color-secondary-800: #805D65;
  --color-secondary-900: #594A46;

}

#custom-avatar button {
  font-family: IRANSansX !important;
}


#custom-avatar img {
  width: 5rem;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 9999px;
  border: 2px solid #D1D5DB;
  display: block;
}


#cavatar img {
  width: 5rem;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 9999px;
  border: 2px solid #D1D5DB;
  display: block;
}


#singlecontent {
  line-height: 1.6;
}

#singlecontent li {
  display: flex;
  justify-content: right;
}

#singlecontent img {
  border-radius: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}

#singlecontent h3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

#singlecontent p,
li {
  margin-top: 8px;
  margin-bottom: 8px;
}

#singlecontent h1 {
  font-size: 32px !important;
  font-weight: bold !important;
}

#singlecontent h2 {
  font-size: 28px !important;
  font-weight: bold !important;
}

#singlecontent h3 {
  font-size: 24px !important;
  font-weight: bold !important;
}

#singlecontent h4 {
  font-size: 20px !important;
  font-weight: bold !important;
}

#lpagination span {
  padding-top: 8px;
  color: white;
  border-radius: 0.5rem;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  background-color: #6F9BBF;

}

#lpagination a {
  padding-top: 8px;
  border-radius: 0.5rem;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-color: #777777;
  border-width: 1px;
}

#singlecontent a {
  color: #F7B2C2;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  border-bottom: 2px solid transparent;
}

#singlecontent a:hover {
  color: #6f9bbf;
  border-bottom: 2px solid #6f9bbf;
}

#singlecontent table {
   border-color: #777777;
  border-width: 1px;
}

#singlecontent tr {
    border-collapse: collapse;
}

#singlecontent td {
        border: 1px solid gray;
    padding: 8px;
}

#singlecontent li {
    margin-top:20px;
    margin-right:4px;
}


#singlecontent ol ul {
    margin-top:20px;
}

//////



/*


#pagecontent {
  line-height: 1.6;
}

#pagecontent li {
  display: flex;
  justify-content: right;
}

#pagecontent img {
  border-radius: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}

#pagecontent h3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

#pagecontent p,
li {
  margin-top: 8px;
  margin-bottom: 8px;
}

#pagecontent h1 {
  font-size: 32px !important;
  font-weight: bold !important;
}

#pagecontent h2 {
  font-size: 28px !important;
  font-weight: bold !important;
}

#pagecontent h3 {
  font-size: 24px !important;
  font-weight: bold !important;
}

#pagecontent h4 {
  font-size: 20px !important;
  font-weight: bold !important;
}


#pagecontent a {
  color: #F7B2C2;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  border-bottom: 2px solid transparent;
}

#pagecontent a:hover {
  color: #6f9bbf;
  border-bottom: 2px solid #6f9bbf;
}

#pagecontent table {
   border-color: #777777;
  border-width: 1px;
}

#pagecontent tr {
    border-collapse: collapse;
}

#pagecontent td {
        border: 1px solid gray;
    padding: 8px;
}

#pagecontent li {
    margin-top:20px;
    margin-right:4px;
}





#pagecontent ol ul {
    margin-top:20px;
}
*/
