/*
Theme Name: Meed
Text Domain: Meed
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/

*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Average+Sans&display=swap');

@font-face {
  font-family: 'century';
  src: url(../fonts/century-gothic/CenturyGothic.ttf);
}

@font-face {
  font-family: 'ttpubs';
  src: url(../fonts/TTPubs-MediumItalic.ttf);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}


/* Force scrollbar */

html {
  overflow-y: scroll;
}


/* Align radios and text inputs with their label */

input[type='radio'] {
  vertical-align: text-bottom;
}


/* Hand cursor on clickable input elements */

label,
input[type='button'],
input[type='submit'],
button {
  cursor: pointer;
}

strong {
  font-weight: bold;
  font-family: inherit;
  font-size: inherit;
}

em {
  font-style: italic;
}

img {
  width: 100%;
  border: 0;
  vertical-align: middle;
}

sub,
sup {
  vertical-align: baseline;
  position: relative;
  font-size: 55%;
  line-height: 0;
}

sup {
  top: -.7em;
}

sub {
  bottom: -.25em;
}


/* 1.2. Clear Fix
   ========================== */

.cf:before,
.cf:after {
  display: table;
  content: " ";
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}


/*for all*/

body {
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

a {
  display: inline-block;
  text-decoration: none;
}

li {
  display: inline-block;
  list-style-type: none;
}

p,
span {
  color: #464646;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #464646;
}


/*for wrapper*/

.wrapper {
  max-width: 1360px;
  width: 86%;
  margin: 0 auto;
}

.no-scroll {
  overflow-y: hidden;
}

.btn {
  padding: .5em 1.5em;
  border-radius: 10px;
  background-color: #ed1b2d;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  transition: all .5s ease;
  font-weight: 600;
}

.btn:hover {
  background-color: #2e293d;
}

.bold__text {
  font-weight: bold;
}

@media (min-width: 60em) {
  .btn {
    border-radius: 12px;
    font-size: 22px;
  }
}


/*=================================
  Header styling starts here
=================================*/

.site-menu .active-menu,
.site-menu li a:hover {
  background-color: #eee;
}

.site-logo img {
  width: 7em;
}

.site-hamburger {
  display: none;
}

header {
  border-bottom: 1px solid #7c7c7c;
  padding: 2em 0 0;
  margin-bottom: 2em;
  background-color: #fff;
}

header .menu-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2em;
}

.site-menu ul {
  width: 70em;
  display: flex;
}

.site-menu li a {
  color: #000;
  font-size: 18px;
  padding: .6em 1em;
  transition: all .5s ease;
}

.my-acc {
  text-indent: -9999px;
  display: block;
  transition: all .5s ease;
}

.my-acc::before {
  content: "\f007";
  Font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.5em;
  text-indent: 0;
  float: right;
  cursor: pointer;
  transition: all .5s ease;
  color: #ed1b2d
}

.my-acc:hover:before {
  color: #2e293d;
}

@media only screen and (max-width: 995px) {
  header {
    position: relative;
    padding: 1em 0;
  }

  .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    background-color: #ed1b2d;
    z-index: 10;
    box-shadow: 1px 1px 10px #ccc;
  }

  .fixed-header .my-acc::before {
    color: #fff;
  }

  header .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header .menu-bar {
    margin-top: 0em;
    flex-direction: row-reverse;
  }

  .open .bar-two {
    display: none;
  }

  .open .bar-one {
    transform: rotate(45deg) translatex(5px);
    background-color: #ed1b2d;
  }

  .open .bar-three {
    transform: rotate(-45deg) translatex(4px);
    background-color: #ed1b2d;
  }

  .fixed-header .open .bar-three,
  .fixed-header .open .bar-one,
  .fixed-header .site-hamburger span {
    background-color: #fff;
  }

  .site-hamburger {
    float: right;
    position: relative;
    display: block;
    margin-left: 1em;
  }

  .site-hamburger span {
    width: 23px;
    height: 2px;
    margin: 4px 0;
    display: block;
    background-color: #000;
    text-indent: -99999px;
    transition: 0.5s ease;
  }

  .site-menu {
    display: none;
    position: absolute;
    top: 101%;
    left: 100%;
    transition: all 2s ease;
    z-index: 1;
    background-color: #e9ecef;
    min-height: 100vh;
  }

  .site-menu.expand-menu {
    width: 100%;
    display: block;
    left: 0;
    transition: all 2s ease;
    overflow-x: hidden;
  }

  .site-menu ul {
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
  }

  .site-menu li {
    display: block;
    font-size: 20px;
    text-transform: capitalize;
  }

  .site-menu li a {
    width: 100%;
  }
}

@media (min-width: 996px) {
  header .fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 1em 0;
    margin-top: 0;
    z-index: 10;
    box-shadow: 1px 1px 10px #ccc;
  }

  header .fixed-nav .menu-wrap {
    padding-left: 7%;
  }

  header .fixed-nav .my-acc-wrap {
    padding-right: 7%;
  }
}


/*=================================
  Header styling ends here
=================================*/


/*=================================
  Subscribe section styling starts here
=================================*/

.subscribe-section {
  padding: 2em 0;
  background-color: #e9ecef;
}

.subscribe-section h3 {
  margin-bottom: .5em;
  font-weight: 600;
  font-size: 30px;
}

.btn-wrap {
  margin: 1.5em 0;
}

.subscribe-section ul li {
  display: flex;
  align-items: center;
  color: #7c7c7c;
}

.subscribe-section ul li:not(:last-of-type) {
  margin-bottom: 1em;
}

.subscribe-section ul li:before {
  content: '\f00c';
  padding: .3em;
  margin-right: 1em;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  width: 1em;
  height: 1em;
  background-color: #ed1b2d;
  color: #fff;
  border-radius: 100%;
}

@media (min-width: 40em) {
  .subscribe-section h3 {
    font-size: 30px;
  }

  .subscribe-section ul {
    width: 30em;
  }

  .subscribe-section ul li {
    font-size: 20px;
  }

  .bold__text {
    font-size: 20px;
  }
}

@media (min-width: 80em) {
  .subscribe-section ul {
    width: 35em;
  }

  .subscribe-section h3 {
    font-size: 40px;
  }

  .article-detail .subscribe-section h3 {
    font-size: 32px;
  }
}


/*=================================
  Subscribe section styling ends here
=================================*/


/*=================================
  Pricing Section styling starts here
=================================*/

.pricing-section {
  padding: 3em 0;
}

.price-box {
  padding: 2em;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 2em;
}

.price-box h4 {
  font-weight: 600;
  font-size: 18px;
}

.price-box>p {
  color: #7c7c7c;
}

.price-wrap {
  font-size: 28px;
  font-weight: 300;
}

.price-wrap span {
  font-size: 40px;
  letter-spacing: 2px;
  font-weight: 400;
  color: #464646;
}

.price-box ul p {
  color: #7c7c7c;
}

.price-box ul span {
  display: block;
  color: #ed1b2d;
  font-weight: 600;
}

.price-box ul li:not(:last-of-type) {
  margin-bottom: 1em;
}

@media (min-width: 40em) {
  .price-box-wrap {
    display: flex;
    justify-content: space-between;
  }

  .price-box {
    width: 38%;
  }

  .price-box h4 {
    font-size: 20px;
  }
}

@media (min-width: 60em) {
  .price-box {
    width: 40%;
  }

  .price-box h4 {
    font-size: 25px;
  }
}

@media (min-width: 80em) {
  .price-box-wrap {
    width: 80%;
    margin: 0 auto;
  }
}


/*=================================
  Pricing section styling ends here
=================================*/


/*=================================
  FAQ Section styling starts here
=================================*/

.faq-section {
  padding: 2em 0;
}

.faq-section h2 {
  margin-bottom: 1em;
  color: #ed1b2d;
  font-weight: 700;
  font-size: 25px;
}

.accordion-container {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
  margin: 0 0 1em;
  font-family: century;
}

.accordion-toggle {
  position: relative;
  display: block;
  text-decoration: none;
  text-align: left;
  color: #464646;
  font-size: 20px;
  padding-right: 2em;
  transition: all .5s ease;
}

.accordion-toggle:hover,
.accordion-toggle.open {
  color: #ed1b2d;
}

.accordion-toggle::before {
  content: '\f053';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  font-size: 1em;
}

.accordion-toggle.open::before {
  transform: translateY(-50%) rotate(-90deg);
}

.accordion-content {
  padding: 1em;
  display: none;
  overflow: auto;
  color: grey;
}

.accordion-content ul li:not(:last-of-type) {
  margin-bottom: 1em;
}

.accordion-content span {
  display: block;
  font-weight: 600;
}

@media (min-width: 40em) {
  .faq-section h2 {
    font-size: 45px;
  }

  .accordion-toggle {
    font-size: 25px;
  }

  .accordion-content {
    padding: 2em;
  }
}

@media (min-width: 60em) {
  .accordion-container {
    width: 80%;
  }

  .accordion-toggle {
    font-size: 28px;
  }
}


/*=================================
  FAQ section styling ends here
=================================*/


/*=================================
  News section styling starts here
=================================*/

.division-section .wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.division-section a {
  transition: all .5s ease;
}

.division-section a:hover {
  color: #ed1b2d;
}

.news-grid-section {
  padding: 2em 0;
}

main h6 {
  padding-right: 2em;
  padding-bottom: .5em;
  border-bottom: 2px solid #ccc;
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
  box-sizing: border-box;
}

.news-grid-section ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-grid-section ul li {
  margin-bottom: 2em;
  width: 100%;
}

.news-grid-section ul li img {
  min-height: 10em;
  max-height: 10em;
  object-fit: fill;
}

.news-grid-section .news-img {
  width: 100%;
}

.news-grid-section .news-heading {
  margin: 1em 0;
  font-size: 18px;
  color: #464646;
  display: block;
/*   inline-size: 215px; */
}

.news-grid-section .news-author-name {
  color: #ed1b2d;
  font-size: 14px;
  text-transform: uppercase;
}

.news-grid-section .news-date {
  margin-top: .5em;
  font-size: 12px;
  color: #7c7c7c;
}

.slick-slide figure a {
  width: 100%;
}

@media (min-width: 40em) {
  .news-grid-section ul li {
    width: 48%;
  }
}

@media (min-width: 60em) {
  .news-grid-section ul li {
    width: 23%;
  }

  .news-grid-section ul li img {
    min-height: 8em;
    max-height: 8em;
  }

  .division-section-one {
    width: calc(75% - 42px);
    padding-right: 42px;
  }

  .division-section-two {
    width: 25%;
  }

  .discoveries-section .division-section-one {
    width: 60%;
  }

  .discoveries-section .division-section-two {
    width: 35%;
  }
}

@media (min-width: 960px) {
  .slick-slide img {
    min-height: 30em;
    object-fit: cover;
  }
}

@media (min-width: 1141px) {
  .slick-slide img {
    min-height: auto;
  }
}

@media (min-width: 1200px) {
  .slick-slide img {
    max-height: 27em;
  }
}

@media (min-width: 1504px) {
  .slick-slide img {
    max-height: 26em;
  }
}


/*=================================
  News section styling ends here
=================================*/


/*=================================
  Articles section styling starts here
=================================*/

.division-section-two ul li {
  margin-bottom: 1em;
}

.trending-articles-section {
  padding-bottom: 2em;
}

.trending-articles-section a {
  font-size: 18px;
  color: #464646;
}

.exclusive-articles-section li {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em !important;
}

.exclusive-articles-section figure {
  width: 35%;
  margin-right: 1em;
}

.exclusive-articles-section figure img {
  height: 6em;
  object-fit: contain;
}

.exclusive-articles-section li>div {
  width: 65%;
}

.exclusive-articles-section a {
  color: #464646;
}

.exclusive-articles-section .p-date {
  margin-top: .5em;
  font-size: 12px;
  color: #7c7c7c;
}

@media (min-width: 40em) {
  .division-section-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .trending-articles-section,
  .exclusive-articles-section {
    width: 47%;
  }
}

@media (min-width: 60em) {
  .division-section-two {
    display: block;
  }

  .trending-articles-section,
  .exclusive-articles-section {
    width: 100%;
  }
}


/*=================================
  Articles section styling ends here
=================================*/


/*=================================
  Post page styling starts here
=================================*/

.article-detail p {
  margin-bottom: 1.5em;
  font-size: 20px;
}

.article-detail h5 {
  margin-bottom: 1em;
  font-size: 19px;
  color: #2e293d;
  font-weight: 600;
  width: 100%;
}

.article-detail .post-content {
  font-size: 25px;
  font-weight: 600;
  padding: 1em 0;
  position: relative;
  margin-bottom: 1em;
}

.article-detail .post-content:after {
  content: '';
  position: absolute;
  width: 70%;
  height: 1px;
  background-color: #7c7c7c;
  bottom: 0;
  left: 0;
}

.post-heading {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: .5em;
}

.article-detail .post-thumbnail {
  margin-top: 2em;
}

.article-detail span a {
  color: #ed1b2d;
}

.half-width-section>div p {
  font-size: 22px;
  font-weight: 600;
  font-family: 'Average Sans', sans-serif;
  padding-right: 3em;
}

.half-width-section>div h5,
.half-width-section>div h5 span {
  color: #f37a20;
  font-size: 2em;
  margin-bottom: 0;
  font-family: 'Sora', sans-serif;
}

.half-width-section>div h5 span {
  font-size: 10px;
  font-size: 1.5em;
}

.subscribe-section .two-column-section,
.italic-text-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article-detail .subscribe-section li {
  font-size: 18px;
}

.article-detail .subscribe-section .wrapper>figure {
  padding: 2em 0;
}

.italic-text-section {
  align-items: flex-start;
}

.italic-text-section .italic-text h2 {
  border-top: 2px solid #464646;
  color: #b27409;
  padding-top: 1em;
  font-size: 30px;
  margin-bottom: 1em;
  font-style: italic;
  font-family: 'ttpubs';
}

.subscribe-section .two-column-section .section-img {
  text-align: center;
  margin-top: 1em;
}

@media (min-width: 40em) {
  .italic-text-section .italic-text {
    width: 24%;
  }

  .italic-text-section .content {
    width: 65%;
  }

  .subscribe-section .two-column-section .section-img img {
    width: 70%;
    margin: 0 auto;
  }

  .half-width-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .half-width-section>p {
    width: 55%;
  }

  .half-width-section>div {
    width: 40%;
  }

  .post-heading {
    font-size: 20px;
  }
}

@media (min-width: 60em) {
  .subscribe-section .two-column-section .section-content {
    width: 55%;
  }

  .subscribe-section .two-column-section .section-img {
    width: 40%;
  }

  .mid-width-column {
    width: 70%;
    margin: auto;
    margin-top: 2em;
  }

  .subscribe-section .two-column-section .section-img img {
    width: 100%;
    margin: 0 auto;
  }

  .post-heading {
    font-size: 25px;
  }
}

@media (min-width: 80em) {
  .article-detail .post-content {
    font-size: 35px;
    font-weight: 600;
    padding: 1em 1em 1em 0;
  }

  .post-heading {
    font-size: 36px;
  }

  .italic-text-section .content {
    box-sizing: border-box;
    padding-right: 6em;
  }
}


/*=================================
  Post page styling ends here
=================================*/

.slick-slide img {
  width: 100%;
  height: 170px !important;
}

.new_post_add {
  display: flex !important;
  margin-bottom: 20px;
}

.new_post_img {
  object-fit: cover;
}

.new_post_img img {
  width: 300px;
  height: 205px !important;
  object-fit: cover;
}

.new_post_title {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 700;
  color: black !important;
  max-width: 600px;
  opacity: 0.7;
}

.new_post_subtitle p {
  padding-top: 14px;
  font-size: 16px !important;
  font-weight: 300;
  color: black !important;
  padding-left: 20px;
  padding-right: 20px;
}

.read_more {
  color: #364FA2;
  font-weight: 700;
}

.post-description {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.singleQuote {
  border-top: 2px solid #464646 !important;
  color: #b27409 !important;
  padding-top: 1em !important;
  font-size: 30px !important;
  margin-bottom: 1em !important;
  font-style: italic !important;
  font-family: 'ttpubs' !important;
  width: 45%;
}

blockquote {}

.post-description ul {
  display: grid;
}

.post-description li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.post-description hr {
  display: none !important;
}

.post-description a {
  color: #2e293d;
}

blockquote {
  padding-left: 20px;
  border-left: 5px solid #b27409 !important;
  margin-bottom: 50px;
}

blockquote p {
  color: #b27409 !important;
  padding-top: 1em !important;
  font-size: 30px !important;
  margin-bottom: 1em !important;
  font-style: italic !important;
  font-family: 'ttpubs' !important;
}

blockquote span {
  font-size: 30px !important;
}

.post-description table {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}

.post-description td {
  padding-top: 20px;
  padding-bottom: 20px;
}

h3 {
  margin-bottom: 40px;
}

.my-acc-wrap {
  display: none;
}

.categoryList {
  width: 100%;
}

.categoryList .news-grid-section ul li {
  width: 22%;
}

.dropdownMenu ul {
  display: inline-grid;
  background: #eee;
  padding: 10px;
}

.dropdownMenu li {
  margin-bottom: 10px;
}

.dropdownBlock {
  position: relative;
}

.dropdownMenu {
  position: absolute;
  left: 0;
  top: 47px;
  z-index: 9999;
  display: none;
  width: 250px;
  max-height: 370px;
  overflow-y: scroll;
}

.dropdownMenu ul {
  width: 100%;
}

.dropdownMenu a {
  font-size: 16px !important;
  padding: 10px !important;
}

.dropdownMenu::-webkit-scrollbar {
  width: 5px;
}

.dropdownMenu::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.dropdownMenu::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.dropdownMenu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.fullImage {
  display: none;
}

.authorName {
  display: none;
}

.post-thumbnail img {
  width: 100%;
  height: 521px;
  object-fit: contain;
  text-align: left;
  max-width: 880px;
}

.hiddenPost {
  display: none;
}

.post-thumbnail {
  margin-top: 50px;
  margin-bottom: 50px;
}

.post-author {
  text-transform: uppercase;
  color: #ed1b2d;
}

.post-description p {
  width: 100%;
}

.post-description iframe {
  padding-top: 40px;
  padding-bottom: 40px;
}

.post-description p:first-child {
  font-size: 22px;
  font-weight: 600;
  padding: 1em 1em 1em 0;
  position: relative;
  margin-bottom: 25px;
}

.post-description p:first-child::after {
  content: '';
  position: absolute;
  width: 70%;
  height: 1px;
  background-color: #7c7c7c;
  bottom: 0;
  left: 0;
}

.post-thumbnail {
  margin-top: 25px;
  margin-bottom: 25px;
}

.post-description p {
  margin-bottom: 1.5em;
  font-size: 20px;
  line-height: 1.6;
}

.division-section p {
  margin-bottom: 1.5em;
  font-size: 20px;
  line-height: 1.6;
}

.division-section h5 {
  margin-bottom: 1em;
  font-size: 19px;
  color: #2e293d;
  font-weight: 600;
}

@media (max-width: 1550px) {
  .post-heading {
    font-size: 28px;
  }
}

@media (max-width: 960px) {
  .division-section-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .division-section-two ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .exclusive-articles-section {
    width: 100%;
  }

  .division-section-two ul li {
    display: flex;
    width: 45%;
  }

  .post-thumbnail img {
    width: 100%;
    height: 30%;
  }
}

@media (max-width: 600px) {
  .division-section-two ul li {
    width: unset;
  }

  .exclusive-articles-section figure {
    width: unset;
  }

  .slick-slide img {
    width: 100%;
    height: 20%;
  }

  .new_post_add {
    display: block !important;
  }

  .new_post_img {
    width: 100%;
    object-fit: cover;
  }

  .new_post_title {
    padding-left: unset;
    padding-right: unset;
  }

  .new_post_subtitle p {
    padding-left: unset;
    padding-right: unset;
  }

  .new_post_img img {
    width: 100%;
  }
}

.subscribe-container {
  width: 90%;
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.subscribe-container h1 {
  font-size: 24px;
  font-weight: 700;
  color: black !important;
  opacity: 0.7;
  margin: 0 auto;
  margin-top: 100px;
}

.subscribe-container h2 {
  padding-top: 14px;
  font-size: 16px !important;
  font-weight: 300;
  color: black !important;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.subscribe-container button {
  border: none;
}

.news-grid-section ul li img {
  min-height: 7em;
  max-height: 7em;
  width: 90%;
}

@media (max-width: 490px) {
  .fixed-header .site-logo img {
    position: relative;
    right: 10px;
  }

  .new_post_title {
    margin-top: 20px;
  }

  .categoryList .news-grid-section ul li {
    width: 45%;
  }

  .post-description a {
    width: 100%;
  }

  .post-description img {
    width: 100% !important;
    height: auto !important;
  }
}

.post-description p img {
  width: 40%;
}

.meed-home-icon {
  background: url(../images/home-icon.png) 0 3px no-repeat;
  display: inline-block;
  width: 24px;
  height: 20px;
}

.linkLocked {
  opacity: 0.5;
  align-items: center;
  display: flex;
  gap: 5px;
}

.dropdownMenu ul li a img {
  width: 11px;
  display: none;
}

.linkLocked img {
  width: 11px;
  display: block !important;
}

.menu-locked {
  text-align: center;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0 0 5px;
  padding: 5%;
  margin-top: 25%;
  position: absolute;
}

.menu-locked a {
  text-decoration: none;
}

.menu-locked-btn-2 {
  color: #6e6b65 !important;
  margin-top: 2%;
}

.locked-menu-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2%;
  margin-top: 5%;
}

.menu-locked-btn {
  background: #dd2233;
  border-radius: 30px;
  padding: 15px 30px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
}

.menu-locked img {
  width: 70px;
}

.menu-locked h1 {
  font-size: 24px;
  font-weight: bold;
  color: #000 !important;
}

.hidden-post-desc {
  position: relative;
  height: 700px;
  overflow: hidden;
  padding-bottom: 25px;
}

.hidden-post-mask {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, #FFFFFF 46.15%, #FFFFFF 73.23%, #FFFFFF 89.37%, #FFFFFF 100%);
}

.my-acc-wrap {
  display: block !important;
	width: 200px;
}

.um-account-side>ul {
  display: grid;
}

.menu-locked {
  margin-top: 300px !important;
}

#um-submit-btn {
  background: #ed1b2d !important;
}

.um-faicon-user {
  color: #ed1b2d !important;
}

.my-acc-wrap li {
  display: flex;
  align-items: center;
}

.my-acc-wrap a {
  font-weight: 700;
  color: #ed1b2d;
  margin-right: 10px;
  transition: 0.3s;
}

.my-acc-wrap a:hover {
  color: #464646
}

.my-acc-wrap {
  display: flex !important;
  align-items: center;
}

.news-grid-section ul {
  justify-content: flex-start !important;
}

.divisionHomepage .news-grid-section ul li {
  width: 25% !important;
}

.categoryList .news-grid-section ul li img {
  width: 100%;
}

.categoryList .news-box {
  margin-right: 4%
}
.categoryList .news-box:nth-child(4n) {
  margin-right: 0%
}
body {
  overflow-y: hidden;
}
p.register-form {
    display: none;
}
.wrapper.register-page-content a {
    padding: 0.5em 1.5em;
    border-radius: 10px;
    background-color: #ed1b2d;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transition: all .5s ease;
    font-weight: 600;
}
.wrapper.register-page-content a:hover{
	background-color: #2e293d;
}

@media (max-width: 1440px) {
  .my-acc-wrap {
    min-width: 250px;
  }

  .my-acc-wrap {
    justify-content: flex-end;
  }
}

.menu-locked img {
  margin-bottom: 20px;
}

.site-menu ul {
  width: auto;
}

@media (max-width: 1200px) {
  .my-acc-wrap {
    min-width: 150px;
  }

  .wrapper {
    width: 90%;
  }
}

.homeIconMB {
  display: none;
}

@media (max-width: 1025px) {
  .my-acc-wrap {
    min-width: 50px !important;
  }

  .site-menu li a {
    font-size: 16px !important;
  }
	
	.news-grid-section ul {
    justify-content: flex-start !important;
}
	.categoryList .news-grid-section ul li {
    width: 22%;
}
	body {
    overflow-y: hidden;
    min-height: 100vh;
}
	.site-menu li a {
	font-size: 14px !important;
}
	.my-acc-wrap a {
	font-size: 14px !important;
}
	.menu-bar .my-acc-wrap {
	min-width: 172px !important;
}
	.site-menu li a {
	padding: .6em 0.8em;
}
}

.site-menu ul {
  width: 100% !important;
}

@media (max-width: 768px) {
  .homeIcon {
    display: none !important;
  }

  .homeIconMB {
    display: block !important;
  }

  .divisionHomepage .news-grid-section ul .news-box {
    width: 50% !important;
  }

  .news-grid-section ul li img {
    min-height: 10em !important;
    max-height: 10em !important;
  }
.exclusive-articles-section {
    width: 47% !important;
}
.division-section-two ul {
    display: block;
}
	.my-acc-wrap li:first-child {
    display: none;
}
	.division-section-two ul li {
    width: 100% !important;
}
	.categoryList .news-grid-section ul li {
    width: 22% !important;
}
}
  @media (max-width: 490px) {
    .my-acc-wrap li:first-child {
      display: none;
    }
.exclusive-articles-section {
    width: 100% !important;
}
.exclusive-articles-section figure img {
    max-width: 128px !important;
}
	  .categoryList .news-grid-section ul li {
    width: 48% !important;
margin-right: 0 !important
}
	 .categoryList .news-grid-section ul {
    justify-content: space-between !important;
}
  }

  @media (max-width: 495px) {
    .site-logo img {
      width: 6em !important;
    }

    .divisionHomepage .news-grid-section ul .news-box {
      width: 100% !important;
    }
	  .news-grid-section ul li img {
    min-height: 7em !important;
    max-height: 7em !important;
}



.post-description .menu-locked img {
width: 30% !important
}
.menu-locked-btn {
    max-width: 80%;
}
  }

  .menuHide {
    display: none !important;
  }

}
 .news-grid-section h6 {
    width: auto !important
  }

.post-description {
    position: relative;
}

.post-description p > strong > span + a.linkLocked, .post-description .post-linkLocked {
  display: inline-block !important;
}