/*
Theme Name: Bella Caledonia
Author: Starbit Ltd.
Author URI: https://starbit.co.uk
Description: Theme for Bella Caledonia website.
Version: 2.0
Text Domain: bellacaledonia
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;700&display=swap');

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;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea,
input,
body {
  line-height: 1.3;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
}

body {
  overflow-x: hidden;
}

.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

/* reset button input styling */
input#submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
  
.centered {
  text-align: center;
}

strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

p {
  margin: 10px 0;
}

a {
  color: black;
}

label {
  cursor: pointer;
}

#page_content ul, #page_content ol {
  margin: 20px 0;
}

ul {
  list-style: disc inside none;
}

ol {
  list-style: decimal inside none;
}

.alignright {
  float: right;
  margin-left: 20px;
}

.alignleft {
  float: left;
  margin-right: 20px;
}

.clearfix {
  clear: both;
  overflow: hidden;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 2px solid #BC2021;
}

h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 600;
}

h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

/* Buttons */

div.wpforms-container-full .wpforms-form button[type="submit"],
.button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce input.button {
  background: #000;
  border: 2px solid #000;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 13px;
  cursor: pointer;
  line-height: 1;
}

.woocommerce a.button[href="/donate"], 
.woocommerce button.button {
  background: #EA2A2A;
  border: 2px solid #EA2A2A;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 13px;
  cursor: pointer;
  line-height: 1;
}

#mc_embed_signup .clear input.button {
  min-width: 120px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Bitter', serif;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 15px;
  cursor: pointer;
  line-height: 1;
  width: auto;
  height: auto;
}

#mc_embed_signup .clear input.button:hover {
  color: #304b78;
}

.button.cta {
  background: #EA2A2A;
  border-color: #EA2A2A;
  color: white;
}

.button.cta:hover {
  background: #fff;
  border-color: #EA2A2A !important;
  color: #EA2A2A;
}

.button.secondary,
.single_add_to_cart_button.button.alt {
  background: #000;
  border-color: #000;
}

.button.more {
  background: #000;
  border-color: #000;
  border-radius: 0;
  text-transform: none;
}

.button.grey {
  background: #fff;
  border-color: #000;
  border-radius: 0;
  text-transform: none;
  color: #000;
}

.category-arts_culture .button.more, .arts_culture .button.more { background: #6b92b2; border-color: #6b92b2; }
.category-opinion .button.more, .opinion .button.more { background: #234eba; border-color: #234eba; }
.category-media .button.more, .media .button.more { background: #3fa684; border-color: #3fa684; }
.category-international .button.more, .international .button.more { background: #176969; border-color: #176969; }
.category-economics .button.more, .economics .button.more { background: #e85e02; border-color: #e85e02; }
.category-politics .button.more, .politics .button.more { background: #87148a; border-color: #87148a; }

.category-arts_culture .button.more:hover, .arts_culture .button.more:hover { background: #fff; color: #6b92b2; }
.category-opinion .button.more:hover, .opinion .button.more:hover { background: #fff;color: #234eba; }
.category-media .button.more:hover, .media .button.more:hover { background: #fff; color: #3fa684; }
.category-international .button.more:hover, .international .button.more:hover { background: #fff; color: #176969; }
.category-economics .button.more:hover, .economics .button.more:hover { background: #fff; color: #e85e02; }
.category-politics .button.more:hover, .politics .button.more:hover { background: #fff; color: #87148a; }

.button.white {
  background: #fff !important;
  border-color: #fff !important;
  color: #0a0e29 !important;
}

.button.white:hover {
  background: none !important;
  border-color: #fff !important;
  color: #fff !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
  background: #fff;
  color: #0a0e29;
  border: 2px solid #000;
}

.button:hover,
.single_add_to_cart_button.button.alt:hover {
  background: #fff;
  color: #000;
}

button#reset_filter:hover {
  background-color: #000;
  color: #fff;
  border: 2px solid black;
}

.button.cta:hover {
  border-color: #000;
}

/* Header */

header {
  position: sticky;
  top: 0;
  z-index: 9;
}

header .container {
  overflow: visible;
}

header #hamburger {
  display: none;
  position: relative;
  z-index: 9;
  width: 50px;
  cursor: pointer;
  padding: 5px;
}

.bar {
  width: 35px;
  height: 5px;
  background: #000;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(0deg);
  transition: all 0.5s ease;
}

.bar::before,
.bar::after {
  content: "";
  width: 35px;
  height: 5px;
  background: #000;
  border-radius: 5px;
  display: block;
  position: absolute;
  transition: all 0.5s ease;
}

.bar::before {
  top: -10px;
}

.bar::after {
  top: 10px;
}

header.sticky {
  z-index: 9999;
  right: 0;
  left: 0;
  padding: 20px 0;
  background-color: white;
  border-image-source: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(0, 0, 0) 70%, rgb(255, 0, 0) 70%, rgb(255, 0, 0) 100%);
  border-bottom: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
  display: none;
}

header.sticky .lazyload,
header.sticky .lazyloading {
  opacity: 1;
}

header.sticky #logo,
header.sticky #top_menu,
header #mobile_logo {
  display: none;
}

header.sticky #sticky_logo {
  display: block;
  position: relative;
  z-index: 99999;
}

header #sticky_logo {
  display: none;
}

header.sticky #main_menu {
  position: absolute;
  right: 0;
  left: 0;
  border: 0;
  top: 0;
  z-index: 99991;
  background-color: transparent;
}

header.sticky #search_articles,
header.sticky > div:last-child {
  display: none;
}

#main_menu .container {
  padding: 0;
  display: flex;
  justify-content: space-between;
}

header.sticky #menu-main-menu {
  margin-left: 85px;
  height: 100px;
  line-height: 100px;
}

header.sticky #main_menu ul li a {
  color: black;
}

header.sticky #main_menu ul li:hover a,
header.sticky #main_menu ul li.current-menu-item a {
  color: white;
}

header.sticky .right_side {
  margin-top: 1px;
  position: relative;
  z-index: 99999;
}

header .cart_link {
  text-decoration: none;
  color: black;
  margin-right: 20px;
}

header .cart_link i {
  font-size: 24px;
  margin-right: 5px;
  color: #EA2A2A;
}

header .wrapper_top .cart_link {
  display: none;
  margin: 7px auto;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
}

.wrapper_top + .container .category-strip {
  display: none;
}

header .cart_link:hover {
  color: #414141;
} 

.cart_link.hidden {
  display: none !important;
}

#sticky_logo {
  display: none;
  float: left;
}

#sticky_logo img {
  height: 55px;
}

#logo {
  float: left;
  width: 490px;
  margin: 40px 0 25px 0;
}

#logo img {
  width: 100%;
  height: auto;
}

#top_menu {
  float: right;
  background: #f8f8f8;
  margin-bottom: 18px;
}

#top_menu li {
  display: block;
  float: left;
}

#top_menu li a {
  display: inline-block;
  padding: 10px;
  color: #111111;
  text-decoration: none;
  border-bottom: 2px solid #ebebeb;
}

#top_menu li a:hover,
#top_menu .current-menu-item a {
  background: #304b78;
  color: #fff;
}

header .right_side {
  clear: right;
  float: right;
  display: flex;
  align-items: center;
}

header .right_side .has_button > a:last-child,
header .has_button > a:last-child,
.woocommerce header .has_button > a:last-child {
  margin-left: 20px;
}

header.sticky .cart_link {
  display: none;
}

/* Main menu */

#menu-main-menu {
  width: 100%;
  padding: 0 calc((100% - 1200px) / 2);
  position: relative;
}

#main_menu {
  clear: both;
  position: relative;
  /* border-bottom: 2px solid #ebebeb; */
  background-color: black;
}

#main_menu ul {
  list-style: none;
  overflow: visible;
}

#main_menu ul li {
  display: inline-block;
  line-height: 25px;
}

#main_menu ul li a {
  display: inline-block;
  padding: 17px 14px;
  font-size: 18px;
  text-decoration: none;
  color: white;
  font-family: 'Bitter', serif;
}

/* #main_menu ul li a + i {
  color: white;
} */

#search_articles::after {
  content: '';
  height: 59px;
  width: 50vw;
  display: block;
  background-color: #EA2A2A;
  position: absolute;
  top: 0;
}

#search_articles::before {
  content: '';
  width: 150px;
  height: 59px;
  transform: skew(20deg);
  background: #EA2A2A;
  display: block;
  position: absolute;
  left: -15px;
}

#main_menu .search_form button {
  position: absolute;
  right: 14px;
  left: auto;
}

/* #main_menu ul li.arts_culture a { color: #30a4a3; }
#main_menu ul li.opinion a { color: #445990; }
#main_menu ul li.media a { color: #6db667; }
#main_menu ul li.international a { color: #b42f1f; }
#main_menu ul li.economics a { color: #e38000; }
#main_menu ul li.politics a { color: #5f2b99; } */

#main_menu ul.menu > li.current-menu-item > a,
header.sticky #main_menu ul li.current-menu-parent a,
#main_menu ul.menu > li:hover {
  color: #fff;
  background: #BC2021;
}

#main_menu ul.menu > li.arts_culture:hover,
#main_menu ul.menu > li.current-menu-parent.arts_culture > a,
#main_menu ul.menu > li.current-menu-item.arts_culture > a { background: #6b92b2; }

#main_menu ul.menu > li.opinion:hover,
#main_menu ul.menu > li.current-menu-parent.opinion > a,
#main_menu ul.menu > li.current-menu-item.opinion > a { background: #234eba; }

#main_menu ul.menu > li.media:hover,
#main_menu ul.menu > li.current-menu-parent.media > a,
#main_menu ul.menu > li.current-menu-item.media > a { background: #3fa684; }

#main_menu ul.menu > li.international:hover,
#main_menu ul.menu > li.current-menu-parent.international > a,
#main_menu ul.menu > li.current-menu-item.international > a { background: #176969; }

#main_menu ul.menu > li.economics:hover,
#main_menu ul.menu > li.current-menu-parent.economics > a,
#main_menu ul.menu > li.current-menu-item.economics > a { background: #e85e02; }

#main_menu ul.menu > li.politics:hover,
#main_menu ul.menu > li.current-menu-parent.politics > a,
#main_menu ul.menu > li.current-menu-item.politics > a { background: #87148a; }

.top-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.wrapper_top {
  width: 50%;
}

#main_menu ul div.sub-menu-heading {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 3;
  width: 100%;
}

#main_menu ul li > i {
  display: none;
}

#main_menu ul div.sub-menu-heading > p {
  font-size: 18px;
  color: white;
  font-family: 'Bitter', serif;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  margin-top: -55px;
  z-index: 2;
  position: relative;
  margin-bottom: 0;
}

#main_menu ul div.sub-menu-heading > p i {
  cursor: pointer;
}

#main_menu ul ul.sub-menu {
  display: none;
  position: absolute;
  top: 59px;
  left: calc((100vw - 1200px) / -2);
  width: 100vw;
  padding: 5px calc((100vw - 1200px) / 2);
  color: #fff;
  z-index: 9999;
}

#main_menu ul li.arts_culture div.sub-menu-heading > p,
#main_menu ul li.arts_culture ul.sub-menu,
#main_menu ul li.current-menu-item.arts_culture ul.sub-menu,
#main_menu ul li.current-menu-parent.arts_culture ul.sub-menu,
#main_menu ul li.arts_culture:hover ul.sub-menu { background: #6b92b2; }

#main_menu ul li.current-menu-item.opinion ul.sub-menu,
#main_menu ul li.current-menu-parent.opinion ul.sub-menu,
#main_menu ul li.opinion:hover ul.sub-menu { background: #234eba; }

#main_menu ul li.current-menu-item.media ul.sub-menu,
#main_menu ul li.current-menu-parent.media ul.sub-menu,
#main_menu ul li.media:hover ul.sub-menu { background: #3fa684; }

#main_menu ul li.international div.sub-menu-heading > p,
#main_menu ul li.international ul.sub-menu,
#main_menu ul li.current-menu-item.international ul.sub-menu,
#main_menu ul li.current-menu-parent.international ul.sub-menu,
#main_menu ul li.international:hover ul.sub-menu { background: #176969; }

#main_menu ul li.current-menu-item.economics ul.sub-menu,
#main_menu ul li.current-menu-parent.economics ul.sub-menu,
#main_menu ul li.economics:hover ul.sub-menu { background: #e85e02; }

#main_menu ul li.politics div.sub-menu-heading > p,
#main_menu ul li.politics ul.sub-menu,
#main_menu ul li.current-menu-item.politics ul.sub-menu,
#main_menu ul li.current-menu-parent.politics ul.sub-menu,
#main_menu ul li.politics:hover ul.sub-menu { background: #87148a; }

#main_menu ul ul.sub-menu a {
  color: #fff;
  padding: 5px 14px;
}

#main_menu ul ul.sub-menu li:hover,
#main_menu ul ul.sub-menu li.current-menu-item,
#main_menu ul ul.sub-menu .current-post-ancestor li {
  background: rgba(255,255,255,0.3);
}

#main_menu ul li.current-menu-item ul.sub-menu,
#main_menu ul li.current-menu-parent ul.sub-menu,
#main_menu ul li:hover ul.sub-menu {
  display: block;
}

.sticky #main_menu ul li.current-menu-item ul.sub-menu,
.sticky #main_menu ul li.current-menu-parent ul.sub-menu,
.sticky #main_menu ul li:hover ul.sub-menu {
  display: none;
}

/* Main Panels */

#section_panels {
  margin-top: 50px;
}

#section_panels .panel {
  width: 42%;
  padding: 45px 40px;
  border-radius: 5px;
}

#section_panels #hear_panel {
  background: #000;
  color: #fff;
}

#section_panels #help_panel {
  background: #EA2A2A;
  color: white;
}

#section_panels .panel .content.centered p {
  font-family: "Bitter", serif;
}

#section_panels .panel h2 {
  text-transform: uppercase;
  margin: 0 auto;
  letter-spacing: 4px;
}

#section_panels .panel .has_button {
  margin-top: 20px;
}

#section_panels #hear_panel.panel .has_button {
  margin-top: 20px;
}

#section_panels .panel .sep {
  margin: 20px auto;
  width: 276px;
  height: 2px;
  background: #e8eef6;
}

#section_panels #hear_panel h2 {
  width: auto;
}

#section_panels #help_panel h2 {
  width: auto;
}

#section_panels #help_panel .sep {
  background: white;
}

#section_panels .help-hear-panels {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

#section_panels .rupture-icon-footer {
  width: 10%;
  display: flex;
  margin: 0 50px;
}

#section_panels .rupture-icon-footer img {
  width: 100%; 
}

#section_panels .button {
  font-family: 'Poppins', sans-serif;
}

/* Bottom Panels */

#bottom_section_panels {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#bottom_section_panels > div.float {
  float: left;
  width: calc((100% / 2) - 1px);
  min-height: 105px;
  position: relative;
  margin: 0
}

#bottom_section_panels > div.float * {
  margin: 0
}

#bottom_section_panels .contact_email p {
  position: absolute;
  bottom: 0;
  color: #0a0e29;
}

#bottom_section_panels .contact_email p * {
  vertical-align: middle;
  line-height: 29px;
}

#bottom_section_panels .contact_email a {
  text-decoration: none;
  color: #0a0e29;
}

#bottom_section_panels .contact_email i {
  font-size: 28px;
  margin-right: 8px;
}

#bottom_section_panels .social_media {
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 30px;
}

.social_media {
  text-align: right;
  display: flex;
}

.social_media ul li {
  display: inline-block;
  list-style: none;
}

.social_media ul li:not(:last-child) {
  margin-right: 20px;
}

.social_media ul li a {
  color: #000;
}

.social_media ul li a:hover {
  color: #EA2A2A;
}

.social_media ul li a i {
  font-size: 36px;
}

#bottom_section_panels .logo_bc {
  text-align: center;
  position: absolute;
  top: 0;
  left: calc(50% - 130px/2);
  z-index: 999;
  display: none;
}

#bottom_section_panels .logo_bc a {
  display: block;
}

#bottom_section_panels .logo_bc img {
  width: 130px;
  height: auto;
}

/* Footer */

#footer_menu {
  margin: 15px 0;
  background: black;
  font-family: 'Bitter', serif;
}

#footer_menu ul {
  list-style: none;
  width: 100%;
  text-align: center;
  height: 52px;
}

#footer_menu ul li {
  display: inline-block;
}

#footer_menu ul li a {
  display: block;
  float: left;
  color: white;
  text-decoration: none;
  padding: 0 20px;
  border-bottom: 2px solid transparent;
  line-height: 50px;
  text-transform: capitalize;
}

#footer_menu ul li a:hover {
  text-decoration: underline;
}

footer .bottom {
  margin-bottom: 40px;
  margin-top: 40px;
  color: #626262;
}

footer .bottom a {
  color: #626262;
  font-weight: bold;
  text-decoration: none;
}

footer .bottom a:hover {
  text-decoration: underline;
}

/* Page content */

#page_content {
  padding: 55px 0;
}

/* .category.politics #page_content,
.category-politics #page_content {
  padding-top: 90px;
} */

#page_content .breadcrumbs {
  margin: 0 0 32px 0;
}

#page_content .breadcrumbs.moreMargin {
  margin-top: 40px;
}

#page_content .breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

#page_content .breadcrumbs a:hover {
  border-bottom: 1px solid;
}

#page_content .breadcrumbs a:hover { text-decoration: underline; }

#page_content .the_content,
#page_content .introduction {
  font-size: 18px;
  line-height: 1.5;
}

#page_content .donate-highlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  padding: 45px 0;
}

#page_content .donate-highlight > p {
  text-align: center;
  max-width: 650px;
  font-size: 18px;
}

#page_content .donate-highlight a img {
  max-width: 400px;
  margin: 0;
  width: 100%;
}

#page_content .donate-highlight .has_button {
  display: flex;
  column-gap: 20px;
}

#page_content .donate-highlight .cta-strip {
  color: white;
  display: flex;
  background-color: #000;
  transform: skew(21deg, 0deg);
  margin: 0 18px;
}

#page_content .donate-highlight .cta-strip p {
  color: white;
  padding: 10px 20px;
  font-size: 18px;
  margin: 0;
  transform: skew(-21deg, 0);
  text-align: center;
  font-family: "Bitter", serif;
}

#page_content .donate-highlight .cta-strip::before,
#page_content .donate-highlight .cta-strip::after {
  content: '';
  display: block;
  background-color: #BC2021;
  height: auto;
  width: 10px;
  z-index: 1;
}

#page_content .the_content p,
#page_content .introduction p {
  margin: 20px 0;
}

/* #page_content a:not(.button) {
  color: #000;
}
 */
#page_content a:not(.button):hover {
  text-decoration: none;
}

/* Single article */

.single article {
  width: 66%;
  float: left;
}

.single aside {
  float: left;
  width: 34%;
  padding: 0 0 0 70px;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: end;
}

.single aside > div {
  position: sticky;
  top: 150px;
  width: 100%;
  align-self: flex-start;
}

.single article div.wp-caption {
  max-width: 100%;
}

.single article img {
  max-width: 100%;
  float: none;
  display: block;
  margin: 20px auto;
  height: auto;
}

.single aside > div.sticky {
  position: fixed;
  top: 120px;
}

.single aside > div.bottom {
  position: absolute;
  bottom: 0;
  top: auto !important;
}

.single article h1 {
  border-bottom-width: 4px;
}

.single.arts_culture article h1 { border-color: #6b92b2; }
.single.opinion article h1 { border-color: #234eba; }
.single.media article h1 { border-color: #3fa684; }
.single.international article h1 { border-color: #176969; }
.single.economics article h1 { border-color: #e85e02; }
.single.politics article h1 { border-color: #87148a; }

.contributor_picture {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  text-align: center;
  margin-bottom: 15px;
  background-size: cover;
}

body.home .contributor_picture {
  height: 30px;
  width: 30px;
}

.contributor_picture.placeholder {
  background-position: center;
  background-size: cover;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.contributor_picture.placeholder i {
  font-size: 18px;
  color: #BC2021;
  line-height: 80px;
}

body.home .contributor_picture.placeholder i {
  line-height: 30px;
}

.single aside .sep,
.single aside .date_article,
.single aside .contributor_author,
.single aside .contributor_read_more {
  margin-bottom: 15px;
}

.single.arts_culture aside .contributor_read_more a { border-color: #6b92b2; background-color: #6b92b2; }
.single.opinion aside .contributor_read_more a { border-color: #234eba; background-color: #234eba;}
.single.media aside .contributor_read_more a { border-color: #3fa684; background-color: #3fa684;}
.single.international aside .contributor_read_more a { border-color: #176969; background-color: #176969;}
.single.economics aside .contributor_read_more a { border-color: #e85e02; background-color: #e85e02; }
.single.politics aside .contributor_read_more a { border-color: #87148a; background-color: #87148a;}

.single aside .share > p,
.single aside .contributor_author span {
  font-weight: bold;
}

.single aside .sep {
  height: 4px;
  background: #BC2021;
  width: 100%;
}

.single.arts_culture aside .sep { background: #6b92b2; }
.single.opinion aside .sep { background: #234eba; }
.single.media aside .sep { background: #3fa684; }
.single.international aside .sep { background: #176969; }
.single.economics aside .sep { background: #e85e02; }
.single.politics aside .sep { background: #87148a; }

.single article .the_content img.fullsize {
  max-width: 100%;
}

.single article .tags_list {
  margin: 20px 0;
  padding: 20px;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  font-weight: bold;
}

.single article .tags_list h3 {
  padding-right: 10px;
}

.single article .tags_list * {
  display: inline-block;
}

.single article .tags_list ul {
  list-style: none;
}

.single article .tags_list ul li {
  margin-bottom: 10px;
}

.single #page_content article .tags_list ul li a:hover {
  text-decoration: underline;
}

#page_content .tags_list ul {
  margin-top: 10px;
  margin-bottom: 0; 
}
/* 
.single.arts_culture article .tags_list { border-color: #30a4a3; }
.single.opinion article .tags_list { border-color: #445990; }
.single.media article .tags_list { border-color: #6db667; }
.single.international article .tags_list { border-color: #b42f1f; }
.single.economics article .tags_list { border-color: #e38000; }
.single.politics article .tags_list { border-color: #5f2b99; } */

.single article .tags_list a[rel="tag"] {
  font-weight: normal;
  color: #818181 !important;
  text-align: center;
  /* padding: 3px 20px; */
  margin: 0 15px 0 0;
  display: inline-block;
  text-decoration: none;
  /* border: 1px solid #304b78; */
  /* background: #304b78; */
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

.single article .tags_list a[rel="tag"]::before,
#recent_tags ul li a::before {
  content: "\f02b";
  font: normal normal normal 14px/1 FontAwesome;
  padding-right: 3px;
}

/* .single.arts_culture article .tags_list a[rel="tag"] { border: 1px solid #30a4a3; background: #30a4a3; }
.single.opinion article .tags_list a[rel="tag"] { border: 1px solid #445990; background: #445990; }
.single.media article .tags_list a[rel="tag"] { border: 1px solid #6db667; background: #6db667; }
.single.international article .tags_list a[rel="tag"] { border: 1px solid #b42f1f; background: #b42f1f; }
.single.economics article .tags_list a[rel="tag"] { border: 1px solid #e38000; background: #e38000; }
.single.politics article .tags_list a[rel="tag"] { border: 1px solid #5f2b99; background: #5f2b99; }

.single article .tags_list a[rel="tag"]:hover {
  background: #fff;
  color: #304b78 !important;
}

.single.arts_culture article .tags_list a[rel="tag"]:hover { color: #30a4a3 !important; }
.single.opinion article .tags_list a[rel="tag"]:hover { color: #445990 !important; }
.single.media article .tags_list a[rel="tag"]:hover { color: #6db667 !important; }
.single.international article .tags_list a[rel="tag"]:hover { color: #b42f1f !important; }
.single.economics article .tags_list a[rel="tag"]:hover { color: #e38000 !important; }
.single.politics article .tags_list a[rel="tag"]:hover { color: #5f2b99 !important; } */

/* Comments */

.single #comments {
  padding: 40px 0;
  clear: both;
}

.single #comments h2 {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 3px solid #ebebeb;
}

.single #comments h3 {
  margin: 15px 0;
}

.single #comments h3 #cancel-comment-reply-link {
  float: right;
}

.single #commentform label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.single #commentform input[type="text"],
.single #commentform textarea {
  border: 0;
  background: #ebebeb;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}

.single #commentform .comment-form-email,
.single #commentform .comment-form-author {
  float: left;
  width: calc(50% - 38px)
}

.single #commentform .comment-form-author {
  margin-right: 76px;
}

.single #commentform .comment-form-cookies-consent {
  clear: both;
  padding-top: 10px;
}

.single #commentform .comment-form-cookies-consent label {
  display: inline-block;
  padding-left: 3px;
  font-weight: bold;
}

.single #respond {
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 3px solid #BC2021;
}

.single #commentform p.error {
  color: #BC2021;
}

.single.arts_culture #respond { border-color: #6b92b2; }
.single.opinion #respond { border-color: #234eba; }
.single.media #respond { border-color: #3fa684; }
.single.international #respond { border-color: #176969; }
.single.economics #respond { border-color: #e85e02; }
.single.politics #respond { border-color: #87148a; }

.single ol.comment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.single ol.comment-list li {
  position: relative;
  overflow: hidden;
}

.single ol.comment-list li .comment-body {
  position: relative;
  overflow: hidden;
  margin-top: 35px;
  padding: 20px 20px 40px 20px;
  border-bottom: 2px solid #BC2021;
  background: #f6f6f6;
}

.single.arts_culture ol.comment-list li .comment-body { border-color: #6b92b2; }
.single.opinion ol.comment-list li .comment-body { border-color: #234eba; }
.single.media ol.comment-list li .comment-body { border-color: #3fa684; }
.single.international ol.comment-list li .comment-body { border-color: #176969; }
.single.economics ol.comment-list li .comment-body { border-color: #e85e02; }
.single.politics ol.comment-list li .comment-body { border-color: #87148a; }

.single ol.comment-list .children li .comment-body {
  margin: 0;
}

.single ol.comment-list li .comment-author {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.single ol.comment-list li .comment-author + em {
  display: block;
  color: #BC2021;
}

.single ol.comment-list li .comment-author + em::before,
.single ol.comment-list li .comment-author + em::after {
  content: "/";
  color: #BC2021;
  margin: 0 5px;
}

.single ol.comment-list li .comment-author .says {
  display: none;
}

.single ol.comment-list li .comment-meta {
  position: absolute;
  right: 20px;
  top: 22px;
}

.single ol.comment-list li .comment-meta a {
  text-decoration: none;
}

.single ol.comment-list li .comment-meta + p {
  clear: both;
}

.single ol.comment-list li .reply {
  position: absolute;
  right: 0;
  bottom: -2px;
}

.single ol.comment-list li .reply a {
  background: #BC2021;
  border: 2px solid #BC2021;
  padding: 8px 20px;
  color: #fff !important;
  text-decoration: none;
  display: block;
}

.single.arts_culture ol.comment-list li .reply a { background: #6b92b2; border-color: #6b92b2; }
.single.opinion ol.comment-list li .reply a { background: #234eba; border-color: #234eba; }
.single.media ol.comment-list li .reply a { background: #3fa684; border-color: #3fa684; }
.single.international ol.comment-list li .reply a { background: #176969; border-color: #176969; }
.single.economics ol.comment-list li .reply a { background: #e85e02; border-color: #e85e02; }
.single.politics ol.comment-list li .reply a { background: #87148a; border-color: #87148a; }

.single ol.comment-list li .reply a:hover {
  background: #fff;
  color: #304b78 !important;
}

.single.arts_culture ol.comment-list li .reply a:hover { color: #6b92b2 !important; }
.single.opinion ol.comment-list li .reply a:hover { color: #234eba !important; }
.single.media ol.comment-list li .reply a:hover { color: #3fa684 !important; }
.single.international ol.comment-list li .reply a:hover { color: #176969 !important; }
.single.economics ol.comment-list li .reply a:hover { color: #e85e02 !important; }
.single.politics ol.comment-list li .reply a:hover { color: #87148a !important; }

.single  ol.comment-list li .children {
  clear: both;
  list-style: none;
  padding-left: 20px;
  margin: 0 !important;
}

/* Single contributor */

.single_contributor .contributor_picture {
  float: right;
  width: 180px;
  height: 180px;
  margin: 0 0 20px 20px;
  background-size: cover;
}

.single_contributor .contributor_picture.placeholder i {
  line-height: 180px;
  font-size: 80px;
}

.single_contributor h1 {
  overflow: hidden;
}

.single_contributor .the_content {
  padding-bottom: 40px;
  min-height: 160px;
}

.single_contributor .contributor_articles {
  border-top: 2px solid #596f93;
  padding-top: 30px;
}

.single_contributor .contributor_articles h2 {
  margin-bottom: 20px;
}

/* Contributors list */

#page_content .contributors_list {
  position: relative;
  overflow: hidden;
  margin: 20px 0 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 65px;
  row-gap: 40px;
}

#page_content .contributors_list > p {
  grid-column: 1/ -1;
}

#page_content .contributors_list h2 {
  grid-column: 1/ -1;
  margin-bottom: 20px;
}

#page_content .contributors_list .contributor {
  border-bottom: 3px solid #000;
  height: 100px;
  position: relative;
  overflow: hidden;
}

#page_content .contributors_list .contributor.IE {
  width: calc((100% / 3) - (131px/3));
}

#page_content .contributors_list .contributor:nth-of-type(3n+3) {
  margin-right: 0;
}

#page_content .contributors_list .contributor .contributor_picture {
  float: left;
  margin-right: 20px;
}

#page_content .contributors_list .contributor .name {
  margin: 5px 0;
}

#page_content .contributors_list .contributor .name a {
  font-weight: bold;
  text-decoration: none;
}

#page_content .contributors_list .contributor .nb_articles {
  font-size: 14px;
  font-style: italic;
}

#page_content .contributors_list .contributor .read_more a {
  position: absolute;
  right: 0;
  bottom: -3px;
  text-decoration: none;
  color: #fff;
  background: #000;
  text-align: center;
  padding: 8px 10px;
  border: 3px solid #000;
}

#page_content .contributors_list .contributor .read_more a:hover {
  color: #000;
  background: #fff;
}

#page_content .other_contributors_top_section {
  padding: 10px 0 30px 0;
  border-bottom: 2px solid #000;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

#page_content .other_contributors_top_section h3 {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

#page_content .other_contributors_top_section select {
  display: inline-block;
  background: #ebebeb;
  padding: 7px 10px;
  color: #000;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  width: 275px;
  box-sizing: border-box;
  border: 0;
}

/* Articles grid */

#page_content .articles_grid {
  position: relative;
  overflow: hidden;
  clear: both;
}

.single .articles_grid,
body.tag .articles_grid,
.page-template-archive-posts .articles_grid,
.category #page_content .articles_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  grid-gap: 40px;
  margin-top: 20px;
}

.articles_grid > p {
  grid-column: 1 / -1;
}

#page_content .articles_grid .article {
  position: relative;
  overflow: hidden;
  border-image-source: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(0, 0, 0) 70%, rgb(255, 0, 0) 70%, rgb(255, 0, 0) 100%);
  border-bottom: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
}

#page_content .homepage_articles .article {
  float: left;
  width: calc((100% / 3) - (80px/3));
}

#page_content .articles_grid .article.search {
  border: 0;
}

#page_content .articles_grid .article.IE {
  width: calc((100% / 3) - (81px/3));
}

#page_content .articles_grid .article:nth-of-type(3n+3) {
  margin-right: 0;
}

#page_content .articles_grid .article .post_picture {
  height: 200px;
  width: 100%;
  background: #ebebeb no-repeat center center;
  background-size: cover;
  position: relative;
}

#page_content .articles_grid .article.magazine .post_picture {
  height: 200px;
  width: 100%;
  background-size: 100%;
  background-color: #ebebeb;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

#page_content .articles_grid .article .post_picture a.link_image {
  height: 200px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#page_content .articles_grid .article .post_picture.placeholder {
  background: #000;
  text-align: center;
  height: 200px;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
}

#page_content .articles_grid .article .post_picture.placeholder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#page_content .articles_grid .article .post_picture.placeholder > i {
  color: #304b78;
  font-size: 72px;
  line-height: 200px;
}

#page_content .articles_grid .article .title {
  margin: 15px 0;
}

#page_content .articles_grid .article.sticky:not(.home_grid_item) .author .contributor_picture {
  display: none;
}

#page_content .articles_grid .article.book_item > div {
  margin-bottom: 15px;
}

#page_content .articles_grid .article.book_item > a {
  margin-bottom: 15px;
}

#page_content .articles_grid .article.book_item > div h3 + p {
  font-family: 'Bitter', serif;
}

#page_content .articles_grid .article.book_item .post_picture {
  background-size: contain;
  background-color: white;
  background-position: top;
  float: right;
  margin-left: 10px;
}

#page_content .articles_grid .article.book_item .post_picture + div {
  flex-basis: 55%;
}

#page_content .articles_grid .article.book_item .post_picture,
#page_content .articles_grid .article.book_item .post_picture a.link_image {
  height: 250px;
  width: 151px;
}

#page_content .homepage_articles.articles_grid .article.about_panel {
  width: 30%;
}

#page_content .articles_grid .article.about_panel h3 {
  font-family: 'Bitter', serif;
  font-size: 17px;
  font-size: 500;
} 

.home #page_content .articles_grid .article.sticky .title a {
  font-size: 26px;
}

#page_content .articles_grid .article .title h3 a {
  text-decoration: none;
}

#page_content .articles_grid .article:not(.sticky) .title h3 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: auto;
  overflow: hidden;
}

#page_content .articles_grid .article:not(.magazine) .title h3:hover a { color: #BC2021; } /* Default */
#page_content .articles_grid .article.arts_culture .title h3:hover a { color: #6b92b2; }
#page_content .articles_grid .article.opinion .title h3:hover a { color: #234eba; }
#page_content .articles_grid .article.media:hover .title h3:hover a { color: #3fa684; }
#page_content .articles_grid .article.international .title h3:hover a { color: #176969; }
#page_content .articles_grid .article.economics .title h3:hover a { color: #e85e02; }
#page_content .articles_grid .article.politics .title h3:hover a { color: #87148a; }

#page_content .articles_grid .article .meta {
  font-size: 14px;
  color: #808080;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  flex-wrap: wrap;
  display: none;
}

#page_content .articles_grid .article:not(.sticky) .meta {
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-bottom: 0;
  display: none;
} 

#page_content .articles_grid .article:not(.sticky) .category {
  margin-top: 0;
  margin-right: 10px;
}

.archive.category #page_content .breadcrumbs {
  display: none;
}

#page_content .articles_grid .article:not(.sticky) .article-details {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
}

#page_content .articles_grid .article:not(.sticky) .article-details .author_info {
  font-family: 'Bitter', serif;
}

#page_content .articles_grid .article:not(.sticky) .article-details .author_info * {
  display: inline;
  white-space: nowrap;
}

#page_content .articles_grid .article:not(.sticky) .article-details .author_info .meta_author a {
  text-decoration: none;
}

#page_content .articles_grid .article:not(.sticky) .article-details .author_info .separator {
  margin: 0 5px;
  color: red;
}

#page_content .articles_grid .article .meta .meta_author {
  margin: 0 10px 0 0;
}

#page_content .articles_grid .article .meta .author_info {
  margin: 0 10px 10px 0;
}

#page_content .articles_grid .article .author_info a:hover {
  color: #BC2021;
}

#page_content .articles_grid .article .meta i {
  margin-right: 10px;
}

#page_content .articles_grid .article .meta .separator {
  margin-right: 10px;
}

#page_content .articles_grid .article .meta a {
  color: #808080;
  text-decoration: none;
}

#page_content .articles_grid .article .meta a:hover {
  text-decoration: underline;
}

#page_content .articles_grid .article .category {
  text-decoration: none;
  color: #fff;
  background: #BC2021;
  text-align: center;
  padding: 4px 10px;
  white-space: nowrap;
  width: max-content;
  font-size: 14px;
  font-family: 'Bitter', serif;
  border-radius: 3px;
  margin-top: 5px;
}

#page_content .articles_grid .article.sticky .category {
  text-decoration: none;
  color: #fff;
  background: #304b78;
  text-align: center;
  padding: 4px 10px;
  margin-bottom: 17px;
  margin-top: 0;
}

#page_content .articles_grid .article .media_type {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background: #304b78;
  text-align: center;
  padding: 4px 10px;
  font-size: 20px;
}

#page_content .articles_grid .article .language {
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  text-align: center;
  padding: 8px 10px;
  z-index: 99;
}

#page_content .articles_grid .article.arts_culture { border-color: #6b92b2; }
#page_content .articles_grid .article.opinion { border-color: #234eba; }
#page_content .articles_grid .article.media { border-color: #3fa684; }
#page_content .articles_grid .article.international { border-color: #176969; }
#page_content .articles_grid .article.economics { border-color: #e85e02; }
#page_content .articles_grid .article.politics { border-color: #87148a; }

#page_content .articles_grid .article.arts_culture .category { background: #6b92b2; }
#page_content .articles_grid .article.opinion .category { background: #234eba; }
#page_content .articles_grid .article.media .category { background: #3fa684; }
#page_content .articles_grid .article.international .category { background: #176969; }
#page_content .articles_grid .article.economics .category { background: #e85e02; }
#page_content .articles_grid .article.politics .category { background: #87148a; }

#page_content .articles_grid .article.arts_culture .media_type { background: #6b92b2; }
#page_content .articles_grid .article.opinion .media_type { background: #234eba; }
#page_content .articles_grid .article.media .media_type { background: #3fa684; }
#page_content .articles_grid .article.international .media_type { background: #176969; }
#page_content .articles_grid .article.economics .media_type { background: #e85e02; }
#page_content .articles_grid .article.politics .media_type { background: #87148a; }

/* ########## Home page grid layout */
.grid-sizer {
  width: 30%;
}

.gutter-sizer {
  width: 5%;
}

#page_content .articles_grid .article.home_grid_item {
  width: 30%;
  margin: 0 0 40px 0;
  height: auto;
}

#page_content .articles_grid .article.home_grid_item:not(.sticky) .article-body > div.title {
  display: flex;
  flex-direction: column-reverse;
}

#page_content .articles_grid .article.home_grid_item.instagram {
  display: none;
}

#page_content .articles_grid .article.home_grid_item.sticky {
  width: 65%;
  display: flex;
  padding-bottom: 10px;
  align-items: center;
}

#page_content .articles_grid .article.home_grid_item.sticky .article-details .author_info {
  display: none;
}

#page_content .articles_grid .article:not(.home_grid_item) .article-body .title {
  display: flex;
  flex-direction: column-reverse;
}

#page_content .articles_grid .article.sticky:not(.home_grid_item) .article-body > .author {
  display: none;
}

#page_content .articles_grid .article.sticky:not(.home_grid_item) .category {
  margin-bottom: 0;
  margin-right: 5px;
}

#page_content .articles_grid .article.sticky:not(.home_grid_item) .article-details {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  font-family: 'Bitter', serif;
}

#page_content .articles_grid .article.sticky:not(.home_grid_item) .article-details .author_info * {
  display: inline-flex;
  text-decoration: none;
}

#page_content .articles_grid .article.sticky:not(.home_grid_item) .article-details .author_info .separator {
  margin: 0 5px;
  color: #EA2A2A;
}

#page_content .articles_grid .article.home_grid_item .article-body > .author {
  display: none;
}

#page_content .articles_grid .article.home_grid_item .article-body .author .contributor_picture.placeholder {
  margin-right: 10px;
}

#page_content .articles_grid .article.home_grid_item.sticky > .author {
  display: block;
}

body:not(.home) .articles_grid .article.sticky > .author {
  display: none;
}

#page_content .articles_grid .article.home_grid_item:not(.sticky) > .author {
  display: none;
}

#page_content .articles_grid .article.home_grid_item.sticky .meta > .author_info {
  display: none;
}

#page_content .articles_grid .article.home_grid_item:not(.sticky) .meta > .author_info,
#page_content .articles_grid .article:not(.sticky) .meta > .author_info,
body:not(.home) #page_content .articles_grid .article.sticky .meta > .author_info {
  display: flex;
  flex-wrap: wrap;
}

#page_content .articles_grid .article.home_grid_item.sticky .post_picture {
  width: 40%;
  margin-right: 30px;
  min-width: 300px;
}

#page_content .articles_grid .article.home_grid_item.sticky .author {
  display: flex;
  align-items: center;
 /*  margin-bottom: 20px; */
  padding-bottom: 15px;
  font-family: 'Bitter', serif;
}

#page_content .articles_grid .article.home_grid_item.sticky .author > div span a:hover {
  color: #BC2021;
}

#page_content .articles_grid .article.home_grid_item.sticky .author > div:last-child a {
  text-decoration: none;
  color: black;
}

#page_content .articles_grid .article.home_grid_item.sticky .author > div:last-child span:first-child::after {
  content: '\005C';
  color: #EA2A2A;
  margin: 0 5px;
  font-size: 18px;
}

#page_content .articles_grid .article.home_grid_item.sticky .author .contributor_picture {
  margin-bottom: 0;
  margin-right: 10px;
}

#page_content .articles_grid .article.home_grid_item.sticky .author .contributor_picture img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#page_content .articles_grid .article.home_grid_item.sticky .author > div p,
#page_content .articles_grid .article.home_grid_item.sticky .author > div p a {
  margin: 0;
  color: #808080;
  text-decoration: none;
}




/* Search */

::-webkit-input-placeholder {
  font-family: 'Bitter', serif;
  font-size: 14px;
}

::-moz-placeholder {
  font-family: 'Bitter', serif;
  font-size: 14px;
}

::-ms-placeholder {
  font-family: 'Bitter', serif;
  font-size: 14px;
}

::placeholder {
  font-family: 'Bitter', serif;
  font-size: 14px;
}

#page_content .articles_grid .article.home_grid_item.search h3 {
  padding-bottom: 10px;
}

#page_content .articles_grid .article.home_grid_item.search#search_articles input[type="text"] {
  width: calc(100% - 35px);
  float: left;
  box-sizing: border-box;
  height: 35px;
}

#page_content .articles_grid .article.home_grid_item.search#search_articles button {
  float: left;
}

/* Twitter */

/* #page_content .articles_grid .article.home_grid_item.twitter {
  max-height: 320px;
}
 */
#page_content .articles_grid .article.home_grid_item.facebook .top,
#page_content .articles_grid .article.home_grid_item.instagram .top,
#page_content .articles_grid .article.home_grid_item.twitter .top {
  padding-bottom: 12px;
  border-bottom: 2px solid #ebebeb;
  overflow: hidden;
  position: relative;
}

#page_content .articles_grid .article.home_grid_item.facebook .top a,
#page_content .articles_grid .article.home_grid_item.instagram .top a,
#page_content .articles_grid .article.home_grid_item.twitter .top a {
  vertical-align: middle;
  display: inline-block;
}

#page_content .articles_grid .article.home_grid_item.facebook .top a.follow,
#page_content .articles_grid .article.home_grid_item.instagram .top a.follow,
#page_content .articles_grid .article.home_grid_item.twitter .top a.follow {
  float: right;
  background: #000;
  color: #fff;
  padding: 13px;
  text-decoration: none;
  border: 2px solid #000;
}

#page_content .articles_grid .article.home_grid_item.facebook .top a.follow:hover,
#page_content .articles_grid .article.home_grid_item.instagram .top a.follow:hover,
#page_content .articles_grid .article.home_grid_item.twitter .top a.follow:hover {
  background: #fff;
  color: #000;
}

#page_content .articles_grid .article.home_grid_item.facebook .top i.fa,
#page_content .articles_grid .article.home_grid_item.instagram .top i.fa,
#page_content .articles_grid .article.home_grid_item.twitter .top i.fa {
  font-size: 40px;
}

#page_content .articles_grid .article.home_grid_item.facebook a.fts-powered-by-text,
#page_content .articles_grid .article.home_grid_item.instagram a.fts-powered-by-text,
#page_content .articles_grid .article.home_grid_item.twitter a.fts-powered-by-text {
  display: none !important;
}

#page_content .articles_grid .article.home_grid_item.twitter .fts-tweeter-wrap .tweeter-info {
  padding: 0;
}

#page_content .articles_grid .article.home_grid_item.twitter .tweeter-info .fts-right {
  position: relative;
  padding-left: 0;
}

#page_content .articles_grid .article.home_grid_item.twitter .tweeter-info .fts-right a.fts-twitter-full-name {
  font-size: 18px !important;
}

#page_content .articles_grid .article.home_grid_item.twitter .tweeter-info .fts-right a.fts-twitter-at-name {
  display: block;
}

#page_content .articles_grid .article.home_grid_item.twitter .tweeter-info .fts-right .time {
  position: absolute;
  top: 0;
  right: 7px;
}

/* Magazine */

#page_content .articles_grid .article.magazine .post_picture {
  height: auto;
  background: none;
}

#page_content .articles_grid .article.magazine .post_picture img {
  height: auto;
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 320px;
}

/* Facebook */

#page_content .articles_grid .article.facebook .fts-jal-fb-header,
#page_content .articles_grid .article.facebook .fts-jal-fb-link-wrap {
  display: none;
}


/* Pagination */

.pagination-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination-result #filter_result {
  width: 80%;
}

.pagination-result > .pagination {
  width: 100%;
  max-width: max-content;
}

.pagination {
  text-align: center;
}

.pagination.full h2 {
  display: none;
}

#page_content .pagination.full .nav-links > * {
  margin: 0 5px;
}

#page_content .pagination.full .nav-links > *,
#page_content .pagination:not(.full):not(.navigation) > * {
  border: 2px solid #000;
  padding: 5px 10px;
  background: #000;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

#page_content .pagination:not(.full):not(.navigation) > a {
  margin-right: 0;
}

#page_content .pagination.full .nav-links span.dots {
  border: 0;
  background: none;
  color: #BC2021;
  padding: 0;
}

#page_content .pagination.full .nav-links a,
#page_content .pagination:not(.full):not(.navigation) a {
  text-decoration: none;
  color: #BC2021;
  background: #fff;
  border: 2px solid #BC2021;
}

#page_content .pagination.full .nav-links a:hover,
#page_content .pagination:not(.full):not(.navigation) a:hover {
  text-decoration: none;
  color: #fff;
  background: #BC2021;
  border-color: #BC2021;
}

#page_content .pagination .current_page {
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  margin-right: 10px;
}

#page_content .pagination:not(.full):not(.navigation) a:first-of-type {
  margin-right: 10px;
}

/* Filter options */

.filter_wrap {
  overflow: hidden;
  border-bottom: 3px solid #BC2021;
  margin: 0 0 30px 0;
  width: 100%;
}

.category-arts-culture #page_content .filter_wrap, .arts_culture #page_content .filter_wrap { border-color: #6b92b2; }
.category-opinion #page_content .filter_wrap, .opinion #page_content .filter_wrap { border-color: #234eba; }
.category-media #page_content .filter_wrap, .media #page_content .filter_wrap { border-color: #3fa684; }
.category-international #page_content .filter_wrap, .international #page_content .filter_wrap { border-color: #176969; }
.category-economics #page_content .filter_wrap, .economics #page_content .filter_wrap { border-color: #e85e02; }
.category-politics #page_content .filter_wrap, .politics #page_content .filter_wrap { border-color: #87148a; }

.filter_wrap .clearfix.top {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#filter_trigger_button {
  border: 2px solid #BC2021;
  color: #BC2021;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 10px;
  font-family: 'Bitter', serif;
  display: flex;
  align-items: center;
}

#filter_trigger_button i {
  margin-left: 20px;
  float: right;
  font-size: 20px;
}

#filter_trigger_button.open i {
  transform: rotate(90deg);
}

.category-arts-culture #page_content #filter_trigger_button, .arts_culture #page_content #filter_trigger_button { color: #6b92b2; border-color: #6b92b2; }
.category-opinion #page_content #filter_trigger_button, .opinion #page_content #filter_trigger_button { color: #234eba; border-color: #234eba; }
.category-media #page_content #filter_trigger_button, .media #page_content #filter_trigger_button { color: #3fa684; border-color: #3fa684; }
.category-international #page_content #filter_trigger_button, .international #page_content #filter_trigger_button { color: #176969; border-color: #176969; }
.category-economics #page_content #filter_trigger_button, .economics #page_content #filter_trigger_button { color: #e85e02; border-color: #e85e02; }
.category-politics #page_content #filter_trigger_button, .politics #page_content #filter_trigger_button { color: #87148a; border-color: #87148a; }

#page_content #filter_trigger_button:hover {
  background: #BC2021;
  color: #fff;
}

.category-arts-culture #page_content #filter_trigger_button:hover, .arts_culture #page_content #filter_trigger_button:hover { background-color: #6b92b2; }
.category-opinion #page_content #filter_trigger_button:hover, .opinion #page_content #filter_trigger_button:hover { background-color: #234eba; }
.category-media #page_content #filter_trigger_button:hover, .media #page_content #filter_trigger_button:hover { background-color: #3fa684; }
.category-international #page_content #filter_trigger_button:hover, .international #page_content #filter_trigger_button:hover { background-color: #176969; }
.category-economics #page_content #filter_trigger_button:hover, .economics #page_content #filter_trigger_button:hover { background-color: #e85e02; }
.category-politics #page_content #filter_trigger_button:hover, .politics #page_content #filter_trigger_button:hover { background-color: #87148a; }

#filter_articles {
  clear: both;
  background: #fff;
  padding: 30px 0;
  border-top: 3px solid #BC2021;
}

#filter_articles .actions button {
  text-transform: uppercase;
  font-size: 16px;
}

.category-arts-culture #page_content #filter_articles, .arts_culture #page_content #filter_articles { border-color: #6b92b2; }
.category-opinion #page_content #filter_articles, .opinion #page_content #filter_articles { border-color: #234eba; }
.category-media #page_content #filter_articles, .media #page_content #filter_articles { border-color: #3fa684; }
.category-international #page_content #filter_articles, .international #page_content #filter_articles { border-color: #176969; }
.category-economics #page_content #filter_articles, .economics #page_content #filter_articles { border-color: #e85e02; }
.category-politics #page_content #filter_articles, .politics #page_content #filter_articles { border-color: #87148a; }

#filter_articles_form {
  overflow: hidden;
}

#filter_articles_form > div.filter {
  float: left;
  width: calc(100% / 4);
}

#filter_articles_form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#filter_articles_form h3 {
  margin-bottom: 10px;
}

#filter_result p {
  margin: 0;
}

#search_articles {
  position: relative;
}

#search_articles img {
  position: absolute;
  width: 90px;
  top: 15px;
  left: 15px;
} 

#search_articles > div:first-child {
  background: #EA2A2A;
  overflow: hidden;
  padding: 10px 14px;
  position: relative;
  z-index: 2;
}

#search_articles > div:nth-of-type(2) {
  background-color: #abc218;
  height: 40px;
}

#search_articles p {
  margin: 0;
  color: #fff;
  text-align: right;
  padding-right: 15px;
  line-height: 40px;
}

#search_articles #keyword_search {
  background: #ebebeb;
  height: 38px;
  display: initial;
  z-index: 2;
  position: relative;
}

.filter_wrap div.clearfix #search_articles::before,
.filter_wrap div.clearfix #search_articles::after {
  display: none;
}

.home #search_articles #keyword_search,
header #search_articles .mobile_keyword_search {
  background: #fff;
}

#mobile_right_side {
  display: none;
}

#mobile_search_articles #search_articles h3 {
  font-size: 22px;
  padding-bottom: 10px;
}

#mobile_search_articles #search_articles > div {
  height: auto;
}

#mobile_search_articles #search_articles > div:first-child {
  padding: 20px 10px 15px 100px;
}

#mobile_search_articles #search_articles img {
  height: auto;
  width: 70px;
}

#search_contributors h3,
.search_form h3 {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  line-height: 1.2;
}

#search_contributors input[type="text"],
.search_form input[type="text"] {
  display: inline-block;
  background: #ebebeb;
  padding: 5px 10px;
  border: 0;
  width: 208px;
  height: 36px;
  vertical-align: middle;
  outline: none;
  box-sizing: border-box;
  font-size: 14px;
}

.category .search_form input[type="text"] {
  width: 255px;
}

#search_contributors button,
.search_form button {
  display: inline-block;
  background: black;
  color: #fff;
  padding: 5px;
  height: 38px;
  border: 2px solid black;
  width: 38px;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  left: -4px;
  z-index: 9;
}

#search_contributors button i,
.search_form button i {
  position: absolute;
  top: 0;
  line-height: 31px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.category-arts-culture #page_content .search_form button, .arts_culture #page_content .search_form button { background: #6b92b2; border-color: #6b92b2; }
.category-opinion #page_content .search_form button, .opinion #page_content .search_form button { background: #234eba; border-color: #234eba; }
.category-media #page_content .search_form button, .media #page_content .search_form button { background: #3fa684; border-color: #3fa684; }
.category-international #page_content .search_form button, .international #page_content .search_form button { background: #176969; border-color: #176969; }
.category-economics #page_content .search_form button, .economics #page_content .search_form button { background: #e85e02; border-color: #e85e02; }
.category-politics #page_content .search_form button, .politics #page_content .search_form button { background: #87148a; border-color: #87148a; }

#page_content #search_contributors button:hover,
#page_content .search_form button:hover {
  background: #fff;
  color: #000000;
}

.category-arts-culture #page_content .search_form button:hover, .arts_culture #page_content .search_form button:hover { color: #6b92b2; }
.category-opinion #page_content .search_form button:hover, .opinion #page_content .search_form button:hover { color: #234eba; }
.category-media #page_content .search_form button:hover, .media #page_content .search_form button:hover { color: #3fa684; }
.category-international #page_content .search_form button:hover, .international #page_content .search_form button:hover { color: #176969; }
.category-economics #page_content .search_form button:hover, .economics #page_content .search_form button:hover { color: #e85e02; }
.category-politics #page_content .search_form button:hover, .politics #page_content .search_form button:hover { color: #87148a; }

/* BOTTOM SECTION CATEGORY PAGE */

.pagination.full {
  padding: 20px 20px 10px;
  /* background: #dddcdc; */
}

#bottom_section {
  /* background: #dddcdc; */
  padding: 0 0 270px 0;
  position: relative;
  overflow: visible;
  margin: 50px 0 250px;
}

#bottom_section #overlapping_panels {
  position: absolute;
  bottom: -270px;
  left: 0;
  right: 0;
}

#bottom_section #overlapping_panels #section_panels {
  margin: 0;
}

/* Recent tags */

#recent_tags {
  margin: 20px 0 40px;
  background-color: black;
  padding: 20px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#recent_tags .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#recent_tags .container ul li a {
  margin-right: 10px;
  font-size: 14px;
  color: white;
  font-family: 'Bitter', serif;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

#recent_tags .container ul li:not(:last-child) a:hover {
  border-bottom: 1px solid;
}

#tag-wrapper {
  background: black;
}

#tag-wrapper > #recent_tags {
  margin: 0 auto;
}

#recent_tags * {
  vertical-align: middle;
  display: inline-block;
}

#recent_tags h3 {
  margin-right: 20px;
  color: white;
  font-weight: 400;
}

#recent_tags ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

 #recent_tags ul li a.view_all {
    color: #000 !important;
    background: white;
    width: auto;
    padding: 13px 13px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    margin: 0 10px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    border-radius: 5px; 
    border: 2px solid #fff;
    text-transform: uppercase;
    line-height: 13px;
}

#recent_tags ul li a.view_all:hover {
  color: #fff !important;
  border-color: #fff;
  background-color: black !important;
}

#recent_tags ul li a.view_all::before {
  content: "";
}

#recent_tags ul li a.view_all {
  background: #fff;
  margin: 0;
  font-weight: bold;
}

/* All tags */

.tags_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  column-gap: 15px;
  row-gap: 10px;
}

.tags_grid h2 {
  grid-column: 1/ -1;
}

.tags_grid .tag-cloud-link {
  border-bottom: 2px solid #000;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  line-height: 40px;
}

.tags_grid + .tags_grid {
  margin-top: 40px;
}

.tag_title {
  line-height: 1;
  border-bottom: 0;
}

.tags_grid .tag-cloud-link .tagcount {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 0 10px;
  float: right;
  width: 45px;
  text-align: center;
  line-height: 40px;
  border: 2px solid transparent;
  border-bottom: 0;
}

.tags_grid .tag-cloud-link:hover .tagcount {
  background: none;
  color: #000;
  border: 2px solid #000;
  border-bottom: 0;
}

#floating_feedback {
  position: fixed;
  bottom: 100px;
  right: -2px;
  border: 2px solid #000;
  padding: 15px;
  background: #fff;
  text-align: center;
  width: 150px;
  z-index: 99999;
  display: none;
}

#floating_feedback p {
  font-size: 14px;
  margin: 0 0 10px 0;
}

div.sharedaddy h3.sd-title {
  display: none !important;
}

#mc_embed_signup form {
  padding: 0 !important;
}

/* donate page */

.wp-image-1717 {
  height: auto;
  max-width: 200px !important;
}

/* cookie notice */

.cookie-notice-container #cn-notice-buttons a {
  color: #fff;
  background: #EA2A2A;
  min-width: auto;
  border: 0;
  padding: 13px;
  border: 2px solid #EA2A2A;
  border-radius: 3px;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Bitter', serif;
  font-size: 16px;
}

.cookie-notice-container #cn-notice-buttons a:hover {
  background: none;
  color: #fff;
  border: 2px solid #fff;
}

#cn-notice-text a[href="/cookies"] {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  margin-left: 3px;
}

#cn-notice-text a[href="/cookies"]:hover {
  border-bottom: 1px solid;
}

.page-cookies table tbody tr td:first-child,
.page-cookies table tbody tr td:nth-child(2) {
  padding-right: 20px;
}

.page-cookies #page_content *:not(h1) {
  font-size: 16px;
}

.page-tags h2,
.page-tags h3 {
  margin-bottom: 1em;
}

.mobile_cookies {
  display: none;
}

#cn-close-notice {
  display: none;
}

#mc_embed_signup input.email {
  font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
  font-size: 15px;
  display: block;
  padding: 0 0.4em;
  margin: 0 4% 10px 0;
  min-height: 32px;
  width: 58%;
  min-width: 130px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mc_embed_signup input.email {
  border: 1px solid #999;
  -webkit-appearance: none;
}

.cn-text-container {
  font-family: 'Bitter', serif;
}

/* shop page */

.woocommerce .container #mobile_search_articles {
  display: none;
}

.woocommerce .the_content {
  padding: 50px 0 ;
}

.woocommerce .shop_item .button {
  padding: 13px;
  font-size: 16px;
}

.shop_item h3 {
  margin-top: 15px;
}

.shop_item .price {
  color: #808080;
  font-size: 18px;
}

.woocommerce #woocommerce_content .woocommerce_title h1 {
  border: 0;
  margin-bottom: 0;
}

.woocommerce #woocommerce_content .woocommerce_title #search_contributors {
  float: none;
  padding-bottom: 20px;
  margin-left: 0;
  display: none;
}

.woocommerce #woocommerce_content .woocommerce_title {
  border-bottom: 2px solid #000;
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.button.checkout-button:hover {
  background-color: white;
  color: #EA2A2A;
}

.woocommerce-notices-shortcode {
  margin-top: 20px;
}

.woocommerce-notices-shortcode .woocommerce-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(0, 0, 0) 70%, rgb(255, 0, 0) 70%, rgb(255, 0, 0) 100%);
}

.woocommerce-page .woocommerce-message .button {
  order: 1;
  white-space: nowrap;
}

.woocommerce-page .woocommerce-message::before {
  top: auto;
  color: #000;
}

/* product page */

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder {
  background: #dedede;
  display: flex;
  justify-content: center;
}

ul.tabs.wc-tabs {
  display: none;
}

.single-product .quantity input.input-text.qty {
  height: 48px;
  margin-right: 10px;
  width: 65px;
}

.single-product #woocommerce_content .summary h1.product_title {
  display: none;
}

.woocommerce div.product p.price span {
  color: #000;
  font-size: 28px;
}

.single-product .product_meta + .sharedaddy,
.single-product .product_meta .sku_wrapper {
  display: none;
}

/* cart page */

.woocommerce table.cart td.actions .input-text#coupon_code {
  width: auto;
  height: 48px;
}

.woocommerce-cart a.button.checkout-button,
.woocommerce button.button.alt {
  background-color: #EA2A2A;
  border-color: #EA2A2A;
}

.woocommerce td.actions button[name="apply_coupon"],
.container .woocommerce td.actions button[name="update_cart"] {
  background: #000;
  border: 2px solid #000;
  color: white;
}

/* woocommerce input fields  */


.woocommerce input:not([type='radio']):not([type='checkbox']),
.woocommerce textarea,
.woocommerce .select2-selection {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: none;
  font-size: 16px;
  border: 1px solid #ccc;
  padding: 6px 10px;
  height: 38px;
  line-height: 1.3;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
}

.woocommerce-checkout #payment #wc-stripe-cc-form div.form-row {
  padding: 0;
}

/**** Contact page ****/

div.wpforms-container-full .wpforms-form .wpforms-field-description {
  display: inline;
  font-size: 16px;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description a:hover {
  border-bottom: 1px solid;
}

div.wpforms-container-full .wpforms-form ul {
  display: inline-flex;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description::before {
  content: '|';
  margin: 0 5px;
  display: inline;
}