/* 
 Theme Name:   MG Boot Child
 Theme URI:    
 Description:  Style Sheet
 Author:       JP
 Author URI:   
 Template:     mg
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 /* == Add your own styles below this line ==
--------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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,
clongaption,
tbody,
tfoot,
thead,
tr,
th,
theadlined,
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: inherit;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: disc;
}

/* blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
} */
/* Style for the eye toggle icon */
.toggle-password {
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  top: 118px;
  right: -250px;
}

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

body {
  background-color: #f8f3eb !important;
  color: #333;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.sticky {
  position: sticky;
  position: -webkit-sticky;
  /* Safari */
  top: 120px;
}

.row {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.container {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.content {
  padding: 5px 15px 0;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.alignnone {
  margin: 0;
}

.content-home {
  padding: 0;
}

li {
  font-family: Georgia, serif;
  line-height: 1.35;
  margin: 10px 0;
  font-size: 16px;
  font-style: italic;
}

article ul {
  font-family: Georgia, serif;
  margin: 0 20px;
}

#main {
  background: #fff;
  margin: 0 auto;
  padding: 135px 0 10px;
  min-height: 1000px;
}

#main-livestreamn {
  background: #fff;
  margin: 0 auto;
  padding: 30px 0 10px;
}

.container {
  margin: 0 auto;
  max-width: 1050px;
  width: 100%;
}

section {
  margin: 20px auto;
  padding: 0;
}

article {
  position: relative;
}

.archives {
  margin: 0 0 15px 0;
  padding: 0 10px;
}

.aside {
  float: right;
  width: 300px;
  margin-left: 25px;
}

/* COMMENTS */

#comments {
  margin-bottom: 3rem;
}

#comments .commentlist {
  width: 75%;
}

#comments .commentlist .children > li.comment {
  border-top: 0;
  padding-top: 0;
}

#comments .commentlist .children article {
  padding: 10px 15px;
  background: #eee;
  border-radius: 10px;
}

.comment-reply-link {
}

#comments .commentlist .children {
  margin: 0 0 0 25px;
}

#comments .commentlist .children .avatar {
  display: none;
}

#comments .commentlist .children div.comment-content::before {
  display: none;
}

#comments div.comment-content p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  z-index: 100;
  position: relative;
  padding: 0 2px;
}

#comments {
  quotes: "“ " " ”"; /* Sets the type of quotes to use */
}

#comments div.comment-content::before {
  content: open-quote;
  font-size: 50px;
  font-weight: 700;
  color: #c9b8b7;
  left: -28px;
  top: 9px;
  z-index: 1;
  position: absolute;
}

#comments .comment-meta {
  height: 30px;
}

#comments div.comment-content::before {
  content: open-quote;
}

#comments span.fn {
  font-size: 15px;
  font-style: normal;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
#comments time {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
}

#comment quotes {
  font-size: 20px;
}

#respond .btn-primary {
  background-color: #d11000;
  border: none;
}

#respond .btn-primary:hover {
  background-color: #911000;
}

/* COMMENTS END */

single #comments-title,
.single .entry-content,
.single .post-navigation {
  margin: 15px 0;
}

a {
  color: #111;
  text-decoration: none;
}

b,
strong {
  font-weight: 700 !important;
}

em {
  font-style: italic;
}

a:hover {
  color: #d11000;
  /* text-decoration: underline; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1d1d1d;
  line-height: 1 !important;
  margin-top: 5px;
  font-weight: 700 !important;
}

h1 {
  font-size: 38px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1 !important;
}

h2 {
  font-size: 17px;
  margin-bottom: 5px;
  line-height: 1.1 !important;
}

h3 {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.1 !important;
}

h4 {
  font-size: 15px;
  margin-bottom: 5px;
}

h5 {
  font-size: 14px;
  margin-bottom: 5px;
}

h6 {
  font-size: 14px;
}

small {
  font-size: 12px;
}

p {
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.4;
  font-size: 16px;
  color: #393939;
  margin: 0 0 25px 0;
}

ul li a:link,
p a:link {
  color: #d11000;
}

ul li a:visited,
p a:visited {
  color: #b11000;
}

#widget-area > nav > ul > li a:visited {
  color: #111;
}

.edit-link {
  display: none;
}

/* PADDING */
.pad-r {
  padding-right: 10px;
}

.pad-l {
  padding-left: 10px;
}

.pad-t {
  padding-top: 5px;
}

.pad-b {
  padding-bottom: 10px;
}

.pad-a {
  padding: 10px;
}

.users a {
  color: #fff;
  font-size: 12px;
}

/* ROADBLOCK */
#reg-sub {
  border-radius: 15px;
  margin: 20px 10px 30px !important;
  border: 5px #a17f0c solid;
  position: relative;
  background: #f8f3eb;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#reg-sub,
#reg-sub p {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 400;
}

#reg-sub .rb-already p {
  font-size: 0.8rem;
}

#reg-sub p {
  margin: 10px auto 10px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
}

#reg-sub h2 {
  margin: 20px 0 0 0;
  font-size: 20px;
  letter-spacing: -0.25px;
  line-height: 1.25;
  text-shadow: 1px 1px 2px #fff;
  text-align: center;
  color: #d11000;
  font-weight: 900;
}

#reg-sub h3 {
  font-weight: 700 !important;
  font-size: 1.4rem;
  letter-spacing: 0;
  color: #d11000;
  display: inline-block;
  margin: 20px auto 0;
  text-transform: uppercase;
}

#reg-sub h4 {
  text-align: center;
  font-size: 0.9rem;
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 0;
  letter-spacing: -0.25px;
  font-weight: 600 !important;
  color: #d11000;
  text-transform: uppercase;
}

#reg-sub h5 {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  letter-spacing: -0.15px;
  line-height: 1.35;
  margin: 2px 0 20px 0;
  text-align: center;
}

#reg-sub ul {
  margin: 0 auto 20px;
  padding: 0;
}

#reg-sub li {
  font-size: 0.8rem;
  font-style: normal;
  letter-spacing: -0.15px;
  list-style-position: inside;
  list-style-type: "✓ ";
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 2px 0 0 10px;
  background: transparent;
  /* color: #A17F0C; */
  letter-spacing: -0.15px;
}

#reg-sub > div > p:nth-child(1) {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #fff;
  color: #a17f0c;
  padding: 10px;
  border-radius: 10px;
}

#reg-sub > div > p:nth-child(3),
#reg-sub > div > p:nth-child(4) {
  font-size: 0.85rem !important;
  margin: 0 auto 15px;
  max-width: 450px;
}

#reg-sub > div > p:nth-child(5) {
  font-size: 1rem;
  margin: 30px 15px 0;
  font-weight: 400;
  color: #a17f0c;
  text-transform: uppercase;
}

#reg-sub > div > p:nth-child(6) {
  color: #a17f0c;
  display: inline-block;
  padding: 2px 10px;
  margin: 30px 0 5px 0;
  font-weight: 500;
  text-transform: uppercase;
}

.woocommerce-info {
  text-align: center;
  padding: 10px;
}

#reg-sub .rb-sub a,
#reg-sub .rb-reg a {
  padding: 10px 20px;
  margin: 30px auto;
  position: relative;
  display: block;
  text-align: center;
}

#reg-sub .subscribe,
#reg-sub .register {
  border-radius: 35px;
  padding: 8px 35px;
  background: #d11000;
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

#reg-sub > div > div > p > a {
  color: #d11000;
  font-weight: 700;
  text-transform: capitalize;
  cursor: pointer;
}

#reg-sub .subscribe:hover,
#reg-sub .register:hover {
  background: #f11000;
  text-decoration: underline;
}

/* RECAPTCHA */
.g-recaptcha {
  display: block;
  height: 130px;
}

.woocommerce-ResetPassword,
.lost_reset_password {
  width: 100%;
  max-width: 400px;
  min-width: 300px;
  margin: 0 auto;
  padding: 15px;
  border: 1px solid #333;
  border-radius: 30px;
}

/* WOO COMMERCE
.headline-right h2 {
	font-size:15px;
}
#customer_login > div.u-column2.col-2 > form > p.form-row.form-row-wide.mailchimp-newsletter {
	display:none;
}
#customer_login
.woocommerce-privacy-policy-text p {
	font-size:12px;
	margin-bottom:10px;
}
#customer_login p {
	margin:5px 0 0 0 !important;
}
/* WOO STYLES */
#post-564966 > div.entry-content > div.woocommerce > div,
#post-564966 .woocommerce .wc-memberships-restriction-message {
  padding: 0 !important;
}

.woocommerce-message::before {
  display: contents;
}

/* R3N13R - Save Button disappeared
#woo-myaccount>div>div>form>p:nth-child(9),
#woo-myaccount>div>div>form>p:nth-child(10),
#woo-myaccount>div>div>form>p:nth-child(11) {
	display: none;
}*/

#woo-myaccount > div > div {
  padding: 0 !important;
}

#widget-area .woocommerce {
  display: none !important;
}

#post-542409 .offer-block-1 > span > a,
#post-542409 .offer-block-2 > span > a,
#post-542409 .offer-block-3 > span > a,
#post-542409 .offer-block-4 > span > a {
  padding: 5px 15px;
  margin: 10px 0 0 0;
  display: inline-block;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 1px 1px 2px #333;
}

#post-542409 .offer-block-1 > span > a,
#post-542409 .offer-block-2 > span > a {
  background: #d11000;
  transition: background-color 0.3s;
}

#post-542409 .offer-block-1 > span > a:hover,
#post-542409 .offer-block-2 > span > a:hover {
  background: #f11000;
  transition: background-color 0.3s;
}

#post-542409 .offer-block-3 > span > a,
#post-542409 .offer-block-4 > span > a {
  background: #daa520;
  transition: background-color 0.3s;
}

#post-542409 .offer-block-3 > span > a:hover,
#post-542409 .offer-block-4 > span > a:hover {
  background: #e9cf27;
  transition: background-color 0.3s;
}

#post-542409 .offer-block-1 p,
#post-542409 .offer-block-2 p,
#post-542409 .offer-block-3 p,
#post-542409 .offer-block-4 p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  margin: 5px auto 15px;
  font-size: 14px !important;
  font-weight: 400 !important;
  width: 75%;
  line-height: 1.1;
}

#woo-myaccount {
  /* background:#eee; */
  padding: 4px;
  border-radius: 0;
}

#woo-myaccount input {
  text-transform: none !important;
}

#woo-myaccount > div > div > h2,
#woo-myaccount h3 {
  margin: 5px 0 15px 0 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  /* 		border-bottom:2px solid #333; */
  margin-bottom: 15px !important;
  line-height: 1 !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 0 5px !important;
  /* 	display:inline-block; */
  font-weight: 500 !important;
  color: #111 !important;
  margin: 0;
  /* 	border-left:#d11000 solid 20px !important; */
}

#post-565084 h3 {
  margin: 0 0 15px 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  /* 		border-bottom:2px solid #333; */
  margin: 30px 0 15px !important;
  background: #111;
  padding: 2px 5px;
  display: inline-block;
  color: #fff;
}

#post-565085 .mailer-explainer {
  margin: 5px 0;
  font-size: 0.9rem;
  line-height: 1.25;
  color: #333 !important;
  letter-spacing: 0;
  width: 90%;
  font-weight: 400;
}

#post-565084 .woocommerce form .form-row label {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 5px 0 2px 0 !important;
  padding: 0 !important;
  line-height: 1;
  color: #111;
  letter-spacing: -0.15px;
}

#woo-myaccount input {
  background: #fff;
  padding: 10px 20px;
  border: 1px solid #aaa;
  border-radius: 0;
  color: #333;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
}

#woo-myaccount input:hover {
  background: #f2f2f2;
}

#billing_address_2 {
  margin: 0 !important;
}

#woo-myaccount > div > div > form > strong:nth-child(1),
#woo-myaccount > div > div > form > strong:nth-child(7),
#woo-myaccount > div > div > form > strong:nth-child(13),
#woo-myaccount > div > div > form > strong:nth-child(19) {
  padding: 5px;
  margin: 3px 0 0 0;
  display: inline-block;
  font-size: 1rem;
  border-radius: 2px;
}

#woo-myaccount > div > div > form > strong:nth-child(1) {
  background: #f9e3f8;
}

#woo-myaccount > div > div > form > strong:nth-child(7) {
  background: #e3f7e3;
}

#woo-myaccount > div > div > form > strong:nth-child(13) {
  background: #e3ebf7;
}

#woo-myaccount > div > div > form > strong:nth-child(19) {
  background: #f7e3e9;
}

#woo-myaccount > div > div > form > p:nth-child(6),
#woo-myaccount > div > div > form > p:nth-child(4) {
  width: 100%;
  max-width: 320px;
}

#woo-myaccount .woocommerce-Address {
  width: 100%;
}

#woo-myaccount > div > div > form > p:nth-child(4) > span {
  font-size: 10px;
  line-height: 1;
  width: 100%;
  display: block;
  padding: 1px;
}

#woo-myaccount .edit {
  float: right;
  background: #f9e3f8;
  padding: 6px 15px;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 12px;
  line-height: 1;
}

#woo-myaccount address {
  font-weight: 400 !important;
  line-height: 1.3 !important;
  border-bottom: 1px dashed #999;
  padding-bottom: 30px;
}

#woo-myaccount .woocommerce form .form-row label {
  font-size: 0.8rem !important;
  font-weight: 400 !important;
}

#post-565085 .woocommerce legend {
  font-size: 0.9rem;
  font-weight: 900;
}

#woo-myaccount .woocommerce form .form-row label {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  line-height: 1;
  margin: 0 0 2px 0;
  color: #333;
  display: block;
  padding: 4px 0 0 0;
}

#woo-myaccount .woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  position: absolute;
  right: 6px;
  top: 4px;
  cursor: pointer;
  margin: 0 0 10px 3px;
  /* 	border-bottom:2px solid #333; */
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22px;
}

#woo-myaccount > div > div > p:nth-child(2) {
  display: none;
}

#woo-myaccount > div > div > h1 {
  margin: 3px 0 20px 0;
  padding: 0;
}

#woo-myaccount .woocommerce ul {
  padding: 0;
  margin: 0 0 30px 0;
  list-style: none;
}

#woo-myaccount .woocommerce li {
  background: #f2f2f2 !important;
  margin: 0 0 5px !important;
  padding: 8px 10px !important;
  border-radius: 0px;
}

#woo-myaccount .woocommerce li a {
  color: #333 !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 700;
}

#woo-myaccount p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 0.95rem;
}

#woo-myaccount .woocommerce li:hover {
  background: #f7e3e9 !important;
}

#woo-myaccount .woocommerce li.is-active {
  background: #111 !important;
  border: none;
}

#woo-myaccount .woocommerce li.is-active a {
  color: #fff !important;
  font-weight: 500 !important;
}

#woo-myaccount .woocommerce li a:hover {
  text-decoration: none !important;
}

#woo-myaccount > div > div {
  /* 	width:73%; */
  padding: 21px;
}

#woo-myaccount .woocommerce form .form-row input.input-text,
#woo-myaccount .woocommerce form .form-row textarea {
  height: 32px;
  border: 1px solid;
  background: #f2f2f2;
  padding: 2px 8px;
  line-height: 1;
  color: #333;
  font-weight: 400 !important;
  border-radius: 5px;
}

.woocommerce form .password-input,
.woocommerce-page form .password-input {
  width: 100%;
  max-width: 300px;
}

#woo-myaccount .woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  position: absolute;
  right: 10px;
  top: 4px;
  cursor: pointer;
  height: 10px;
  display: block;
}

#woo-myaccount > div > div > form > p:nth-child(9) > button {
  background: #d11000;
  color: #fff;
  border-radius: 5px;
  margin: 0 0 0 2px;
  padding: 10px 30px;
}

@media screen and (max-width: 776px) {
  #woo-myaccount > div > nav {
    width: 100% !important;
  }

  #woo-myaccount > div > div {
    width: 100%;
    padding: 1%;
  }
}

/* GREENING THE FUTURE */
#gtf,
#gtf-single p {
  background: #fff;
}

#gtf button {
  color: #fff;
  padding: 10px 30px;
  background: #d11000;
  border-radius: 18px;
  border: none;
}

#gtf button:hover {
  background: #f11000;
}

#gtf section.main-gtf-hero p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.1;
  font-size: 0.85rem;
  color: #333;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 650px;
  font-weight: 600;
}

#gtf h1 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  font-size: 4rem !important;
  margin-bottom: 50px !important;
}

#gtf h2 {
  color: #fff;
  text-transform: normal;
  letter-spacing: 1px;
  display: block;
  padding: 0;
  border-radius: 5px;
  line-height: 1 !important;
  font-weight: 900 !important;
  font-size: 3rem !important;
  transition: background-color 0.5s ease;
  text-shadow: 2px 2px #fcc445, 4px 4px #d11000, 8px 8px 1px #111;
  margin: 30px 0 30px 0;
}

#gtf h3 {
  color: #fff;
  letter-spacing: 1px;
  background: #000;
  display: inline-block;
  padding: 15px 15px;
  border-radius: 5px;
  line-height: 1 !important;
  font-weight: 400 !important;
  font-size: 1rem;
  transition: background-color 0.5s ease;
  margin: 20px 0 60px;
}

.main-gtf-one {
  background: #333;
  background: url(https://mg.co.za/wp-content/uploads/2023/10/Wind.jpg) top
    center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0;
  position: relative;
  z-index: 1;
  display: block;
}

.main-gtf-two {
  background: url(https://mg.co.za/wp-content/uploads/2023/10/Ice.jpg) top
    center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 50px 0 20px;
  position: relative;
  z-index: 1;
}

.main-gtf-three {
  background: #333;
  background: url(https://mg.co.za/wp-content/uploads/2023/10/Greening-the-Future-Sponsorship-Doc-November-2023-13.jpg)
    center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px;
  position: relative;
  z-index: 1;
  height: 500px;
}

.main-gtf-one-container {
  position: relative;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(255, 255, 255, 0.7);
  color: #f1f1f1;
  width: 65%;
  padding: 25px 20px;
  left: 35%;
  border-radius: 20px 0 0 20px;
}

.main-gtf-one-container p {
  color: s#000 !important;
  font-size: 1rem;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.gtf-wrapper {
  top: -2px;
  position: relative;
}

@media screen and (max-width: 776px) {
  .main-gtf-one-container {
    position: relative;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.7);
    color: #f1f1f1;
    width: 80%;
    padding: 25px 15px;
    left: 10%;
    border-radius: 10px;
  }

  #gtf h1 {
    font-size: 3rem !important;
  }

  #gtf h2 {
    font-size: 2.2rem !important;
  }

  .main-gtf-two {
    margin: 10px;
    padding: 10px;
  }
}

body.admin-bar #header.fixed-top {
  top: 0;
}

.show-mobile p {
  background: #b11000 !important;
}

.show-mobile p a:link {
  color: #fff !important;
}

.marquee-title:hover {
  color: #d11000 !important;
}

@media screen and (max-width: 991px) {
  #navbar > a > i {
    color: #fff;
  }

  #navbar li {
    border-bottom: none !important;
    margin: 4px 0 !important;
    padding: 0 !important;
  }

  .navbar-nav .dropdown-menu {
    margin: 0 0 10px 0 !important;
    background: #111 !important;
  }

  #navbar .menu-item li {
    background: #111;
    margin: 2px 0 2px 0 !important;
    padding: 0 0 0 20px !important;
  }

  #navbar .menu-item li a {
    margin: 10px 0 5px 5px !important;
    padding: 0 !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-style: italic;
    letter-spacing: 0.5px !important;
  }

  #navbar .menu-item li a:hover {
    color: #e11000 !important;
  }

  #navbar li a.nav-link {
    font-weight: 400 !important;
    margin: 6px 0 6px 12px !important;
  }

  .menu-item ul,
  #navbar .menu-item {
    background: #111 !important;
  }

  .mobile-container {
    background: #111;
  }

  #menu-item-563992 > a {
    font-size: 12px !important;
  }

  .show-mobile p {
    width: 95%;
  }
}

.header-userdetails a {
  text-transform: none !important;
}

/* NAVBAR & MENU */
#GenecyDFPAdWallpaperCont {
  top: 50px !important;
  position: sticky !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  width: 95%;
  bottom: -15px;
  background: #fff;
  padding: 3px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio (height/width) */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* HEADER & NAV */
#header.fixed-top {
  top: 0;
  transition: height 2s;
  padding: 0;
  height: auto;
}

#header.navbar > .container {
  display: block;
}

#main-classy {
  position: relative;
  padding: 45px 0 0 0;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 0;
  min-height: 1000px;
}

#main-flag {
  position: relative;
  padding: 0;
}

#header.fix-top-wrapper {
  z-index: 99;
}

.fixed-top {
  position: relative;
  z-index: 999;
}

#navbar {
  margin: 0;
  top: 2px;
  position: relative;
}

.navbar-brand img {
  width: 310px;
  height: auto;
  transition: width 1s;
  padding-left: 15px;
  position: relative;
  top: 11px;
}

.top-bar {
  background: #000;
  position: relative;
  display: block;
  width: 100%;
  transition: top 0.35s;
  height: 30px;
}

.fix-top-wrapper {
  position: fixed;
  z-index: 999;
  width: 100%;
  transition: height 4s !important;
  transition-duration: 2s !important;
  top: 0;
}

.nav-container {
  display: inherit;
}

.header-userdetails a {
  width: 100%;
  float: initial;
  text-align: right;
  line-height: 11px;
  padding: 0 0 0 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: #333;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin: 5px 0 0 0;
}

.fa.fa-user-circle-o {
  font-size: 16px;
  top: -3px;
  padding-right: 2px;
  position: relative;
}

.header-login {
  width: auto;
  text-align: center;
  line-height: 12px;
  padding: 7px 0 0 20px;
  text-transform: uppercase;
  font-weight: 500;
  color: #333;
  top: 1px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-login i {
  margin: 0;
  padding: 0;
  font-size: 12px;
  margin: 2px 5px 0 0;
}

.header-login a {
  font-size: 12px;
  color: #333;
}

.header-subscribe {
  width: 50%;
  float: right;
  text-align: center;
  background: #fbc51c;
  padding: 8px 0;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #000;
  border-radius: 15px;
  font-size: 11px;
  transition: 0.4s;
  text-transform: uppercase;
}

.header-subscribe:hover {
  background: #fff202;
  color: #000;
}

.page-subscribe {
  text-align: center;
  background: #fbc51c;
  padding: 10px 25px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #000;
  border-radius: 15px;
  font-size: 12px;
  transition: 0.4s;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  margin: 10px auto;
}

.page-subscribe:hover {
  background: #111;
}

.page-subscribe a:hover {
  color: #fff;
}

.header-user {
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border: 0 solid;
  height: auto;
}

.header-promo {
}

.navigate {
  margin: 0;
}

#navbar li {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal;
}

#navbar a.nav-link:hover {
  color: #d11000 !important;
  text-decoration: none !important;
}

#navbar li a.nav-link {
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #111;
  padding: 0 15px 0 15px;
  line-height: 0.8;
  text-align: center;
}

#navbar .menu-item ul li a {
  font-size: 13px;
  letter-spacing: -0.15px;
  font-weight: 600;
}

#navbar .menu-item ul li a:hover {
  background: transparent;
}

/* MARQUEE SCROLLER */
.marquee-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-animation: scroll-left 15s linear infinite;
  -webkit-animation: scroll-left 15s linear infinite;
  animation: scroll-left 15s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
  }
}

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

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

@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%);
  }
}

.html-marquee {
  overflow: hidden;
  position: relative;
  padding: 7px;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  margin: 20px 0 8px 108px;
  height: auto;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(63, 63, 63) 100%);
  text-transform: normal;
  line-height: 1;
  border: 1px solid #eee;
  border-radius: 15px;
}

.marquee-title {
  color: #fff;
  top: 1px;
  position: relative;
}

.marquee-title:hover {
  color: #d11000;
}

@media only screen and (max-width: 991px) {
  .html-marquee {
    margin: 0;
    border-radius: 0;
    padding: 4px;
    border-left: none;
    border: none;
    font-size: 12px;
  }

  .marquee-title {
    padding: 0;
    font-size: 12px;
  }
}

/* OLD */
#afr-bus-pol .byline-single,
#edu-spo-wor .byline-single {
  color: #111 !important;
}

#environment .environment {
  background: transparent !important;
}

div.entry-content > p.has-drop-cap {
  font-size: 1.25rem !important;
  line-height: 1.3;
}

#pow,
#pow-single p {
  background: #fff;
}

#pow-single p {
  padding: 0 5px;
  top: 0;
  position: relative;
  margin: 0 0 20px 0;
  font-size: 0.9rem;
}

.pow-logo {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.pow-content strong {
  font-size: 1.1rem;
  padding: 0 5px;
  line-height: 1.1;
  color: #c9ae99;
  font-weight: 600 !important;
  font-family: georgia;
  display: block;
  margin: 40px 0 0 0;
}

.pow-motivation {
  margin: 30px;
}

.pow-motivation p {
  font-size: 1.1rem !important;
  line-height: 1.25 !important;
  margin: 20px;
  font-style: italic;
}

.pow-social p {
  font-size: 14px;
  font-weight: 500 !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.pow-logo-single {
  max-width: 180px;
  margin: 0 0 0 10px;
  text-align: center;
  display: block;
  position: relative;
  top: -10px;
}

.category-top h2 {
  font-size: 11px !important;
  text-align: center;
  padding: 0;
  color: #c9ae99;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.pow-logo-sponsor {
  margin: 20px auto 0;
  display: block;
  text-align: center;
}

.afro {
  position: relative;
  top: -15px;
}

.bentley {
  position: relative;
  top: -30px;
}

.sat {
  position: relative;
  top: -25px;
  max-width: 180px;
}

.nissan {
  position: relative;
  top: -40px;
  max-width: 130px;
}

.discovery {
  margin-top: -55px;
  position: relative;
}

.nef {
  margin-top: -10px;
  position: relative;
}

.pow-abstract-top {
  margin-top: -40px;
}

.pow-abstract-bottom {
  margin-top: -150px;
}

.pow-front-titles {
  font-size: 15px !important;
  text-align: center;
  padding: 0 2px 3px;
  font-weight: 700 !important;
  z-index: 100;
}

.pow-front-cat {
  margin: 2px auto 10px;
  padding: 2px 5px 2px 0;
  font-weight: 200 !important;
  font-size: 12px !important;
  color: #555;
  letter-spacing: 0.15px;
}

.main-pow-hero {
  margin-top: -40px;
}

#pow h1 {
  text-align: center;
  text-align: center;
  color: #c9ae99;
  margin: 50px 0 0 0;
  font-family: georgia;
  font-size: 40px;
}

#pow-single h1 {
  font-size: 30px;
  margin: 25px 0 0 0;
  font-weight: 700 !important;
  text-align: center;
}

.pow-single-title-holder {
  background: #fff;
  z-index: 10;
  display: block;
  position: relative;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
}

.pow-featured-image img {
  border-radius: 9999px;
  margin-top: 0;
  top: 0;
  position: relative;
  border: 10px solid #c9ae99;
}

section.main-pow-hero h1 {
  font-weight: 200 !important;
  margin-top: 0;
}

.main-pow-subnav {
  background: #e0bfa4;
  padding: 15px 0 12px;
  text-align: center;
  background: url(https://mg.co.za/wp-content/uploads/2023/08/pow-abstract-top.jpg);
  top: 0;
  position: relative;
}

section.main-pow-hero,
section.archives-pow,
section.main-pow-footer {
  margin: 0 !important;
}

section.main-pow-footer {
  text-align: center;
  padding: 15px 0;
}

section.main-pow-subnav {
  margin: 0 !important;
}

.main-pow-subnav .filter-dropdown select {
  background-color: #fff;
  color: #111;
  border: none;
  padding: 4px;
  width: 100%;
  max-width: 300px;
  border-radius: 0;
  height: 40px;
  display: block !important;
  margin: 0 auto !important;
  font-size: 16px;
}

.main-pow-hero p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 30px;
}

.main_pow .pow-featured-image {
  overflow: hidden;
  max-width: 300px;
  position: relative;
  width: 100%;
  height: 200px;
  background-size: contain;
  /* Adjust this based on your preference */
  filter: grayscale(100%);
  transition: filter 0.25s ease-in-out;
}

.main_pow .pow-featured-image:hover {
  box-shadow: 3px 2px 4px #fff;
  /* Adjust the blur radius as needed */
  filter: grayscale(0%);
}

.archiveWeb-pow {
  text-align: center;
  margin-top: 0;
  height: 200px;
}

#pow .archive-holder {
  background: #fff;
  max-width: 300px;
  width: 100%;
  margin: 100px auto 0;
  padding: 10px 5px 15px;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.archive-holder p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}

#pow-single .main-pow-hero {
  margin-top: -50px !important;
}

@media only screen and (max-width: 767px) {
  #main {
    padding: 115px 0 0 0;
  }

  #pow-single p {
    font-size: 1.1rem;
  }

  .pow-social {
    padding: 5px;
  }

  .pow-abstract-top {
    margin-top: -40px;
  }

  .pow-logo-single {
    max-width: 220px;
    margin: 0 auto;
    text-align: center;
  }

  .pow-logo-sponsor {
    max-width: 220px;
    margin: 0 auto;
    text-align: center;
  }

  .discovery {
    margin: -55px auto;
    position: relative;
  }

  .bentley {
    top: 0;
  }

  .nissan {
    position: relative;
    top: -10px;
    max-width: 200px;
  }

  .category-top h2 {
    min-height: 50px;
    margin-bottom: 10px;
  }

  .pow-featured-image img {
    max-width: 300px;
    width: 100%;
  }

  .pow-logo {
    margin: -10px auto 20px;
  }

  #pow h1 {
    margin: 0;
  }
}

.has-drop-cap:not(:focus):first-letter {
  font-size: 80px !important;
  line-height: 0.9 !important;
}

.intro-blurb p {
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}

.related-article .featured-image {
  max-height: 200px;
  overflow: hidden;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}

.related-article h3 {
  z-index: 1;
}

.related-article .featured-image:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

figcaption {
  margin: 0 5px 20px !important;
}

figcaption strong {
  font-weight: 300 !important;
}

figure.wp-block-gallery.has-nested-images {
  margin: 10px 0 10px;
}

/* AGGREGRATE PROMO */
#aggrgegator-promo {
  background: #000;
  padding: 0;
  position: relative;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  width: 98%;
}

#aggrgegator-promo img {
  opacity: 1;
}

#aggrgegator-promo h2 {
  color: #fff;
  font-size: 35px;
  text-transform: normal;
  font-weight: 900 !important;
  padding: 5px 0 5px 5px;
  letter-spacing: 0px;
  text-align: left;
  position: relative;
  z-index: 2;
  line-height: 0.9 !important;
  text-shadow: 2px 2px 6px #000;
}

#aggrgegator-promo h2 a:hover {
  text-decoration: none !important;
  color: #fff;
}

#aggrgegator-promo p {
  color: #fff;
  font-size: 13px;
  z-index: 1;
  line-height: 1.2;
  width: 90%;
  padding: 5px;
  position: relative;
  z-index: 2;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#aggrgegator-promo .dark-fade {
  background: linear-gradient(
    to left,
    rgba(0, 0, 0, 1),
    rgba(240, 0, 0, 0.25),
    50%,
    rgba(0, 0, 0, 0) 100%
  );
  height: 175px;
  position: absolute;
  top: 0;
  z-index: 2;
}

#aggrgegator-promo .click-here {
  z-index: 2;
  background: #a11000;
  width: auto;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 15px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
  transition: background-color 0.5s ease;
  border-radius: 20px 0;
}

#aggrgegator-promo .click-here:hover {
  background: #f11000;
  transition: background-color 0.5s ease;
}

#aggregator ul {
  list-style-position: outside !important;
}

#aggregator div.agg-cus-cod ul li a {
  color: #fff !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#aggregator ul::marker {
  width: 2px !important;
}

#aggregator ul {
  list-style-type: none;
}

@media screen and (max-width: 776px) {
  #aggrgegator-promo h2 {
    font-size: 25px;
  }

  #aggrgegator-promo .click-here {
    top: 0;
    bottom: inherit;
    border-radius: 0 20px;
  }
}

/* SOCIAL */
.social {
  padding-left: 10px;
}

.social-box.fa-brands {
  padding: 6px 10px;
}

a.social-box {
  color: #ddd;
  transition: color 0.61s;
}

a:hover.social-box.b-hover {
  color: #4267b2;
  transition: color 0.61s;
}

a:hover.social-box.db-hover {
  color: #111;
  transition: color 0.61s;
  text-shadow: -1px -1px 1px #fff;
}

a:hover.social-box.i-hover {
  color: #e1306c;
  transition: color 0.61s;
}

a:hover.social-box.y-hover {
  color: #ff0000;
  transition: color 0.61s;
}

a:hover.social-box.in-hover {
  color: #1192d0;
  transition: color 0.61s;
}

a:hover.social-box.tt-hover {
  color: #f72951;
  text-shadow: -1px -1px 1px #05e9e7;
  transition: color 0.61s;
}

.social-box-bottom .fa-brands {
  padding: 1px;
  top: -30px;
}

a.social-box-bottom {
  padding: 0 5px;
  color: #ddd;
  transition: color 0.61s;
}

a:hover.social-box-bottom.b-hover {
  color: #4267b2;
  transition: color 0.61s;
}

a:hover.social-box-bottom.db-hover {
  color: #1da1f2;
  transition: color 0.61s;
}

a:hover.social-box-bottom.i-hover {
  color: #e1306c;
  transition: color 0.61s;
}

a:hover.social-box-bottom.y-hover {
  color: #ff0000;
  transition: color 0.61s;
}

a:hover.social-box-bottom.in-hover {
  color: #1192d0;
  transition: color 0.61s;
}

.fa-share-nodes {
  font-size: 18px;
  font-weight: 700;
  float: right;
  background: #eee;
  padding: 8px;
  border-radius: 25px;
}

.share {
  margin: 4px;
  font-size: 20px;
  float: right;
}

.share-txt {
  text-transform: uppercase;
}

.login-desktop {
  padding: 20px 100px 0 0;
  text-align: right;
}

.list-inline-item a:link,
.list-inline-item a:visited {
  color: #111;
}

.list-inline-item a:hover {
  color: #d11000;
}

/* MEDIA */
.media-caption {
  padding: 2px 8px;
  font-size: 12px;
  text-transform: inherit;
  color: #444 !important;
  letter-spacing: 0.15px !important;
  text-align: left;
  line-height: 140%;
  font-style: normal;
  background: #fff;
  display: block;
  position: relative;
  top: -10px;
  max-width: 98%;
  border-radius: 5px;
  z-index: 20;
  left: 1%;
  width: fit-content;
  margin: 0 0 15px 0;
}

/* SPONSORED */
.sponsored-single {
  text-transform: uppercase;
  letter-spacing: -0.25px;
  padding: 2px 4px 3px;
  border-radius: 0;
  line-height: 1;
  display: inline-block;
  margin: 0 10px 0 5px;
  font-weight: 400;
  font-size: 11px;
  vertical-align: top;
  z-index: 5;
  font-family: courier;
  float: right;
  background: #f7f5d9;
}

.sponsored-single-longread {
  text-transform: uppercase;
  letter-spacing: 0.25px;
  padding: 2px 4px 3px;
  border-radius: 0;
  line-height: 1;
  display: inline-block;
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  vertical-align: top;
  z-index: 5;
  font-family: courier;
  background: #f7f5d9;
  position: absolute;
  top: -25px;
  right: 0;
}

.sponsored-single-post {
  text-transform: uppercase;
  letter-spacing: -0.25px;
  padding: 2px 4px 3px;
  border-radius: 0;
  line-height: 1;
  display: inline-block;
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  vertical-align: top;
  z-index: 5;
  font-family: courier;
  float: right;
  background: #f7f5d9;
}

.sponsored-single-friday {
  text-transform: uppercase;
  letter-spacing: -0.25px;
  padding: 1px 4px 2px;
  border-radius: 0;
  line-height: 1;
  display: inline-block;
  margin: 5px 0 0 0;
  font-weight: 400;
  font-size: 13px;
  vertical-align: top;
  border: none;
  z-index: 105;
  font-family: courier;
  position: absolute;
  top: 0;
  left: 5px;
  background: #f7f5d9;
}

/* SUBS & MEMBERS */
i {
  display: inline-block;
  position: relative;
  float: left;
  line-height: 1;
  padding: 0 0 0 0;
  margin: 5px 3px 0 0;
}

.fa-bars:before,
.fa-navicon:before {
  content: "\f0c9";
  font-size: 20px;
  color: #333;
}

.fa-xl.fa-lock {
  font-size: 20px;
  line-height: 1;
  padding: 6px 0 0 0;
}

.fa-md.fa-lock {
  font-size: 12px;
  line-height: 1;
  padding: 0;
  margin: 3px 2px 0 0;
  border-radius: 0;
  position: relative;
  color: #daa520;
}

#friday .fa-md.fa-lock {
  font-size: 13px;
  line-height: 1;
  padding: 5px 6px 6px;
  margin: 3px 2px 0 0;
  color: rgba(0, 0, 0, 0.69);
  background: #111;
  position: absolute;
  top: 4px;
  right: 4px;
  color: rgba(255, 255, 255, 1);
  padding: 8px;
  border-radius: 20px;
}

/* DATES */
.meta-box-date {
  border: none;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  color: #111;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}

.archive .meta-box-date {
  margin-bottom: 0;
}

/* ads */
.ad-banner-1,
.ad-banner-2,
.ad-banner-3,
.ad-banner-4,
.ad-banner-5,
.ad-banner-6,
.ad-banner-7 {
  margin: 0 auto 15px;
}

.ad-block-1 {
  margin: 0 auto;
}

.ad-block-2 {
  margin: 0 auto;
}

#div-gpt-ad-wallpaper {
  height: 1px;
}

.wp-block-image figcaption,
.featured-caption,
.wp-caption .wp-caption-text {
  margin: 5px 0 20px 0;
  padding: 0 5px;
  font-size: 12px;
  text-transform: inherit;
  color: #666 !important;
  letter-spacing: -0.25px;
  text-align: left;
  line-height: 1.3;
  font-style: italic;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#nav-main {
  background: #fff;
  margin: 0 auto;
  text-align: center;
  max-width: 1050px;
}

/* SEARCH */
.fa-magnifying-glass {
  margin: 0 0 0 12px;
  font-size: 12px;
}

.fa-magnifying-glass:hover {
  color: #d11000;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #eee;
  color: #333;
}

.menu-item ul {
  border: none;
  background: #fff;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
  padding: 0;
  border-radius: 0;
}

.dropdown-menu.menu-item ul li {
  padding: 15px 0;
  min-width: 200px;
}

.menu-item ul {
  background: #fff;
}

.menu-item ul li a {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.5px;
  margin: 10px 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
}

.menu-item ul li a:hover {
  color: #d11000;
  background-color: #eee;
  transition: color 0.75s;
  transition: background-color 0.95s;
  text-decoration: none;
}

.fixed-top {
  transition: height 0.35s;
}

.fixed-top {
  background: #fff !important;
  width: 100% !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.75);
  border-bottom: 0px solid;
}

#nav-main > div > a.navbar-brand.md.d-none.d-md-block > img {
  transition: width 0.35s;
}

#nav-main {
  padding: 1px 2px 0 !important;
  transition: padding 0.35s;
  text-align: left;
}

/* HEADERS */
#business h2,
#politics h2,
#most-read h2,
#opinion h2,
#editors h2,
#friday h2,
.partners h2,
.press h2,
.webinars h2 {
  display: block;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#business h2 a,
#politics h2 a,
#most-read h2,
#opinion h2 a,
#editors h2,
#friday h2 a,
#top-six h2 a,
.partners h2 a,
.press h2 a,
.webinars h2 a {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  font-size: 11px;
}

#opinion h2 a {
  background: #e11000;
  color: #fff;
  border-top: 5px solid #b22b21;
}

#top-six h2 {
  text-transform: uppercase;
  border-top: 10px solid #000;
  border-bottom: 2px solid #000;
  display: block;
  font-weight: 700 !important;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 15px;
}

/*JOBS */
#jobs {
  border-top: 12px solid #008e9b;
  background: #fff;
  padding: 0;
  border-radius: 0 25px 0 30px;
}

#jobs .entry-meta a {
  color: #555;
  font-size: 10px;
}

#jobs article {
  text-align: center;
}

#jobs .entry-meta a {
  color: #555;
  font-size: 10px;
}

#jobs article {
  text-align: center;
}

#jobs .meta-box-date {
  background: #008e9b;
  padding: 2px 4px 1px;
  color: #fff;
  margin: 8px 0 0 0;
  text-transform: uppercase;
}

.jobs-block {
  background: #008e9b;
  text-align: center;
  border-radius: 0 0 0 30px;
}

.jobs-img {
  width: auto;
  margin: 10px auto;
  max-width: 110px;
  width: 100%;
  text-align: center;
  display: block;
}

.jobs-img {
  width: auto;
  margin: 10px auto;
  max-width: 110px;
  width: 100%;
  text-align: center;
  display: block;
}

#jobs h1 {
  color: #fff;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 700 !important;
  letter-spacing: -2px;
  padding: 0 5px !important;
  margin: 20px 0 0 0 !important;
  line-height: 0.7 !important;
}

#jobs h2 {
  color: #fff;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 700 !important;
  letter-spacing: 1px;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}

#jobs h3 {
  line-height: 17px !important;
  font-size: 16px;
}

#jobs h3 a {
  color: #111;
  padding: 1px;
  font-weight: 600;
}

.jobs-block-two {
  margin: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.jobs-block-two p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
}

.jobs-block p {
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: normal;
  line-height: 1.3 !important;
}

.jobs-block p a {
  background: #fff;
  border-radius: 20px;
  padding: 5px 10px;
  color: #111;
  top: 6px;
  position: relative;
}

@media only screen and (max-width: 991px) {
  #jobs h1 {
    font-size: 36px;
    margin: 5px 0 0 0 !important;
  }

  #jobs h2 {
    font-size: 26px;
    margin: 0 0 5px 0 !important;
  }

  .jobs-img {
    margin: 20px auto 0;
    max-width: 100px;
    width: 100%;
  }

  .main-archive-meta {
  }
}

@media only screen and (max-width: 776px) {
  #jobs {
    border-top: none;
    background-color: #ebeeef;
    border-bottom: 5px solid #008e9b;
    padding-bottom: 10px;
    border-radius: 0 0 20px 20px;
  }

  .jobs-block {
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px;
    border-radius: 20px 20px 0 0;
  }
}

/* MAIN */
#headline {
  padding: 5px 0 0 0;
  margin-top: 0;
}

.headline .headline-img {
  width: 100%;
  overflow: hidden;
  margin: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
}

.headline .meta-box-date {
  background: #fff;
  padding: 4px 3px 0 0;
  margin: 0;
  font-size: 12px;
}

.headline-left .meta-box-date {
  padding: 2px 0;
  display: inline-block;
}

.headline-left p {
  margin: 10px 0;
}

.headline-left .fa-md.fa-lock {
  display: inline-block;
  left: 0;
  top: 0;
}

.headline-right-slow .meta-box-date {
  background: transparent;
  padding: 4px;
  margin: 4px auto;
}

.headline-gradient .fa-md.fa-lock {
  font-size: 13px;
  line-height: 1;
  padding: 4px 0;
  margin: 8px 5px 0 0;
  color: #fff;
  border-radius: 100px;
  position: relative;
  top: 0;
  right: 0;
  background: rgba(161, 128, 13, 1);
  text-align: center;
  width: 22px;
  height: 23px;
}

.headline-two-img-new {
  max-height: 250px;
  overflow: hidden;
}

.headline-four-img {
  margin: 0;
  height: 125px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.headline article {
  display: block;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 0;
  margin: 0 0 25px 0;
}

.headline-gradient {
  padding: 20px 10px 50px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.headline-gradient h1 {
}

.headline-gradient h1 a {
  color: #fff;
  text-shadow: 1px 2px 3px #000;
  font-size: 29px;
  margin-top: 5px;
  position: relative;
  display: block;
  width: 100%;
  line-height: 1.1;
}

.headline-gradient p {
  color: #fff;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
  width: 45%;
  text-align: left;
}

.headline-right-slow h2 {
  padding: 0 5px 10px;
  font-size: 18px;
  margin: 0;
  border-bottom: 3px solid #333;
  font-weight: 700 !important;
}

.headline-right-slow p {
  margin: 0;
  padding: 5px;
  font-size: 14px;
  display: none;
}

.headline-right-slow article {
  border-radius: 0;
  background: #eee;
}

.promo-space {
  margin: 0 0 25px 0;
  width: 100%;
  position: relative;
}

.promo-space .entry-meta {
  position: absolute;
  top: 0;
  z-index: 5;
  display: block;
  right: 0;
  background: #d11000;
  padding: 4px 8px;
  line-height: 1;
  text-align: center;
}

.promo-space .entry-meta a {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.promo-space h4 {
  background: rgba(255, 255, 255, 1);
  padding: 6px 15px 6px;
  font-size: 17px;
  letter-spacing: 0.25px;
  text-align: center;
  position: absolute;
  display: inline-block;
  bottom: 10px;
  right: 0;
  left: 0;
  width: auto;
  color: #111;
  font-weight: 600 !important;
  top: inherit;
}

.promo-space p {
  font-size: 15px;
  padding: 10px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.2;
  text-align: center;
  margin: 0;
  border-bottom: 1px solid #999;
}

.inner-img {
  padding: 0;
  width: 100%;
  overflow: hidden;
}

/* LIVE BLOG */

.blog-headline {
}

.blog-dot {
  height: 15px;
  display: inline-block;
}

.blog-dot img {
  position: relative;
  height: 30px;
  top: 10px;
}

/* EDITORS */
#editors {
  background: #fff !important;
}

#editors h2 {
  background: #111;
  color: #fff;
  border-top: 5px solid #ddd;
}

#editors h3 {
  margin-bottom: 0;
  font-size: 20px;
}

#editors article {
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
}

#editors p {
  margin: 0 0 20px 0;
  font-size: 14px;
}

#editors .inner-img {
  height: 180px;
  margin-bottom: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* PRESS RELEASES */
#press-releases {
  background: #fff !important;
}

#press-releases h2 {
  text-transform: uppercase;
  border-top: 5px solid #57859b;
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 700 !important;
  text-transform: uppercase;
  padding: 10px;
  color: #57859b;
  margin-bottom: 0;
  background: rgb(228 234 235);
}

#press-releases h3 {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 21px;
  font-family: auto;
  padding: 0 8px;
  text-align: center;
  letter-spacing: -0.25px;
}

#press-releases .entry-meta {
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

#press-releases .entry-meta a {
  color: #57859b;
}

#press-releases .inner-img {
  height: 180px;
  margin-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#press-releases .press-card {
  border-radius: 0 0 20px 20px;
  padding: 0 0 10px 0;
  min-height: 300px;
  overflow: hidden;
  background: #ddd;
  background: linear-gradient(
    to bottom,
    rgba(200, 215, 220, 1) 0%,
    rgba(227, 234, 237, 1) 63%,
    rgba(242, 245, 246, 1) 100%
  );
}

#press-releases article p {
  padding: 0 10px 10px;
  font-size: 12px;
  line-height: 1;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#press-releases h3 {
  line-height: 1.1 !important;
  font-size: 16px !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
}

#press-releases p {
  padding: 0 10px;
  font-size: 13px;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.1;
}

#press-releases h3 a {
  color: #234351;
}

/* TOP SIX */
.inner-img-top-six {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 0 5px 0;
}

#top-six {
  padding: 0 5px;
}

#top-six h3 {
  margin: 10px 0 30px 0;
  font-size: 16px;
  text-align: left;
  letter-spacing: -0.5px;
  font-weight: 700 !important;
  position: relative;
  word-break: break-word;
  font-family: Georgia, "Times New Roman", Times, serif;
  width: 90%;
}

#top-six .entry-meta {
  text-align: left;
  width: 100%;
  display: block;
  position: relative;
  top: 4px;
  letter-spacing: 0.75px;
}

/* FRIDAY */
#friday {
  background: #f6d1e4;
  border-radius: 15px;
}

#friday h2 a {
  background: #cd007a !important;
  color: #fff;
  border-top: 5px solid #fc99ce;
  font-size: 11px;
  letter-spacing: 1px;
  border-radius: 15px;
  border-bottom: 5px solid #fc99ce;
}

#friday h3 {
  -ms-transform: rotate(20deg);
  /* IE 9 */
  transform: rotate(-0deg);
  margin: 0 30px 0 0;
}

#friday h3 a {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
}

#friday .inner-txt {
  position: relative;
  bottom: 0;
  padding: 8px 8px 10px;
  width: 85%;
  margin: -25px 0 10px 10px;
  background: #cd007a;
  border-bottom: 5px solid #961970;
}

#friday .inner-img {
  height: 280px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#friday .inner-img-two {
  height: 400px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

#friday .meta-box-date {
  margin: 0;
  position: absolute;
  z-index: 100;
  background: #fff;
  padding: 1px 3px;
}

#friday article {
  position: relative;
  margin-bottom: 0px;
}

.inner-img-archive-friday {
  height: 600px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.inner-img-archive-friday-list {
  height: 325px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.number-one {
  z-index: 50;
  display: inline-block;
  font-size: 32px;
  background: #fff;
  width: 46px;
  height: 46px;
  background: #ecdfd7;
  text-align: center;
  line-height: 1;
  padding: 6px 3px;
  border-radius: 30px;
  color: #d11000;
  position: absolute;
  left: -8px;
  top: -6px;
  font-weight: 700;
  box-shadow: 2px 2px 4px #333;
}

/* COMMERCIAL */
.commercial-box {
  margin: 10px;
  position: relative;
  min-height: 200px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.commercial-box:hover {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.75);
}

#partner-content h2 {
  border-top: 5px solid #111;
  display: block;
  font-size: 11px;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  background: #630d63;
}

#partner-content h2 a {
  color: #fff;
}

#partner-content h2 a,
#partner-content article {
  margin: 15px 0 30px;
}

#partner-content h3 {
  margin: 0;
  font-size: 16px;
  color: #111;
  padding: 10px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: left;
}

#partner-content button {
  background: #111;
  border-radius: 1px;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-bottom: 0;
  border-right: 0;
  padding: 10px 15px 9px 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
  right: 0;
  border-radius: 21px 0 0 0;
  font-weight: 400;
  letter-spacing: 0.5px;
}

#partner-content button:hover {
  color: #fff;
}

#partner-content h2 a {
}

#partner-content .inner-img {
  height: 130px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#partner-content .inner-txt p {
  line-height: 1.2;
  font-size: 12px;
  position: relative;
  padding: 4px 8px;
  display: block;
  margin: 0;
  font-weight: 500;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#podcast h2 {
  border-top: 8px solid #000;
  border-bottom: 2px solid #000;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 10px;
  background: #d1bce5 !important;
}

/* OPINION */
#opinion article {
  padding: 0 0 0 0;
  margin: 0 0 30px 0;
}

#opinion h1 {
  font-weight: 700;
  font-size: 33px;
  margin-top: 20px;
  margin-bottom: 15px;
  line-height: 1 !important;
}

#opinion h3 {
  width: 95%;
  line-height: 1.1 !important;
  font-size: 20px;
  margin: 0 0 10px 0;
}

#opinion .byline-single {
  margin: 0;
}

#opinion p {
  margin-top: 10px;
  font-size: 14px;
  width: 90%;
}

#opinion .fa-md.fa-lock {
  margin: 4px 0 0 0;
}

.opinion-one-img {
  margin: 0 0 5px 0;
  float: right;
  height: 200px;
  background-size: cover;
  background-position: center top;
  width: 100%;
  border-right: 10px solid #fff;
}

.opinion-one {
}

.opinion-two {
  margin: 10px 0 10px;
}

.opinion-one {
  margin: 0;
}

.opinion-two article {
  margin-bottom: 15px;
  background: #def2f2;
  padding: 10px;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(229, 229, 229, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(229, 229, 229, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(229, 229, 229, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
}

.opinion-two-meta {
  padding: 5px 0 0 0;
}

.inner-img-opinion {
  height: 500px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#environment .environment-two article {
  margin: 5px 5px;
  padding-bottom: 10px;
  border-bottom: 2px dotted #60aa63;
}

.inner-img-environment {
  height: 400px;
  margin-bottom: 0;
  background-position: center;
  background-size: cover;
}

#environment h1 {
  margin: 10px 0 15px;
  font-size: 38px;
  line-height: 1 !important;
}

#environment h1 a {
  color: #4c5e1f;
}

#environment h3 a {
  color: #698639;
  font-size: 18px !important;
}

#environment h2 {
  background: #81ab3d;
  color: #fff;
  border-top: 5px solid #4c5e1f;
  display: block;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

#environment h2 a {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 700 !important;
  color: #fff;
}

#environment .byline-single {
  margin-top: 7px;
  margin-bottom: 0;
}

#environment .fa-md.fa-lock {
  margin: 5px 0 0 0;
}

#environment .environment-one .meta-box-date {
  font-weight: 400;
  font-size: 13px;
  color: #fff;
}

#environment .environment-one p {
  padding: 0;
  color: #333;
  margin: 20px 15px 20px 0;
  font-weight: 400;
  font-size: 17px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#environment .environment-two p {
  font-size: 13px;
  color: #333;
  font-weight: 400;
  margin: 10px 0 10px 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#environment .featured-caption {
  background: #fff;
  padding: 5px 8px;
  margin: -10px 0 5px 0;
}

#environment .environment-one {
  background: #fff;
  padding: 0 10px;
  margin-bottom: 0;
}

#environment .environment-two-img {
  height: 145px;
  width: 145px;
  background-size: cover;
  float: right;
  border-radius: 100px 100px;
  border: 2px solid #fff;
  margin: 5px;
}

#footer {
  background: #000;
}

#top-nav-network a {
  color: #fff !important;
}

.digital-edition-top a {
  color: #fff !important;
}

.editions-title {
  text-align: center;
  margin: 30px 0 20px 0;
}

.archive-article-editions {
  margin: 20px 0;
}

.archive-article-editions h3 {
  margin-top: 15px;
}

.archive-article-editions p {
  font-size: 0.8rem;
}

/* WIDGET */
.widget {
  max-width: 300px;
  overflow: hidden;
  margin: 0;
  margin-bottom: 15px !important;
}

.widget-area {
  max-width: 300px;
  margin: 0 0 10px 12px;
}

.widget-area-section {
  max-width: 300px;
  margin: 0 0 10px 0;
}

.widget-title {
  margin: 20px 0 0 0;
  font-size: 11px;
  line-height: 1 !important;
  background: #f2ede6;
  padding: 8px !important;
  color: #d11000;
  border-top: 4px solid #d11000;
  text-transform: uppercase;
  font-weight: 600 !important;
  letter-spacing: 0.25px;
}

#widget-area ul {
  list-style: none;
  margin: 10px 0 0 0;
}

#widget-area li {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 700;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  line-height: 1;
  border-bottom: 1px dotted#d5d2ce;
  padding: 4px;
}

#widget-area li a:link {
  color: #333;
  line-height: 1.2;
}

#widget-area .post-date {
  font-weight: 400;
  color: #666;
  font-size: 11px;
  display: inline-block;
  padding: 2px 0;
}

.editors-sidebar {
  margin: 0;
  position: relative;
  overflow: hidden;
  padding: 0 0 4px 0;
}

.editors-sidebar img {
  width: 40%;
  height: auto;
  overflow: hidden;
  float: left;
  padding: 4px 4px 4px 0;
}

.editors-sidebar h5 {
  line-height: 1.1 !important;
  font-size: 14px;
  margin: 0 0 5px 0;
  font-weight: 600 !important;
}

.editors-date {
  font-size: 12px;
  float: right;
  border: none;
  display: block;
  position: relative;
  margin: 5px 0 0 0;
}

.bg-light {
  background: #fff !important;
}

.archive-left {
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;
}

.archive-left .inner-img-archive {
  height: 450px;
  margin-bottom: 15px;
}

.archive-right .inner-img-archive {
  height: 100px;
  margin-bottom: 15px;
}

.main-archive-meta {
  margin: 0 0 0 10px;
}

.archive-article-list {
  margin: 15px 0 0 0;
}

.archive-article-list h3 {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.1 !important;
  margin-bottom: 5px;
}

.archive-article {
  margin: 0;
}

.archive-article-partner {
  margin: 10px 0 0 0;
}

.archive-article-list p {
  font-size: 13px;
}

.archive-right h3 {
  margin-top: 5px;
  font-size: 17px;
  line-height: 1.1 !important;
  margin-bottom: 5px;
}

.archive-right p {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 5px;
}

.archive-right {
  margin: 10px 0 0 0;
  padding: 0 10px 0 15px;
}

.archive-right-editions {
  margin: 100px 0 0 0;
  padding: 0 10px 0 15px;
}

.archive-left-editions {
  margin-bottom: 20px;
  padding: 0;
}

.archive-left-editions p {
  margin: 0 10px;
}

.archive-left .fa-md.fa-lock {
  margin: 13px 2px 0 0;
}

.home .woocommerce .wc-memberships-restriction-message {
  display: none !important;
}

.home #roadblock {
  display: none;
}

.archive #roadblock {
  display: none;
}

.search #roadblock {
  display: none;
}

.archive .woocommerce .wc-memberships-restriction-message {
  display: none !important;
}

.woocommerce .wc-memberships-restriction-message {
}

.woocommerce ul {
  padding-left: 20px;
}

.woocommerce li {
  background: #e0e9fc;
  margin: 0 0 5px 0;
  padding: 10px;
}

.woocommerce li a {
  font-size: 14px;
  font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-weight: 400;
  font-size: 14px;
  font-family: "courier", monospace;
  padding-right: 20px;
}

#woo-myaccount > div > div > div.woocommerce_account_subscriptions > p > a {
  top: -10px;
}

#woo-myaccount > div > div > div.woocommerce_account_subscriptions > p {
  padding: 20px 10px 0 !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border: none;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation-link--members-area,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--orders {
  display: none;
}

.woocommerce-account .addresses .title .edit {
  font-family: "courier", monospace;
  font-size: 13px;
  padding: 3px;
  font-weight: 400;
  background: #eee;
}

.woocommerce-info::before {
  display: none;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  height: 32px;
}

.woocommerce legend {
  float: left;
  font-size: 14px;
  line-height: inherit;
  margin-bottom: 3px;
  padding: 0;
  width: 100%;
  margin-top: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce-loop-product__title {
  text-align: center;
  font-size: 20px !important;
}

.woocommerce ul.products li.product .price {
  color: #77a464;
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: 20px !important;
  text-align: center;
}

.woocommerce ul.products li.product .price {
  color: #77a464;
  display: block;
  font-weight: 700;
  margin-bottom: 0.5em;
  font-size: 22px !important;
  text-align: center;
}

.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
  width: 30.75%;
  background: #fff;
  border: 1px solid;
}

.woocommerce ul.products li.product .button {
  display: block;
  margin-top: 1em;
  text-align: center;
  background: #d11000;
  color: #fff;
}

.woocommerce .products ul,
.woocommerce ul.products {
  margin: 0;
  padding: 0;
  list-style: none outside;
  clear: both;
}

.woocommerce-cart-form__cart-buttons .woocommerce-button--continue-shopping {
  display: none;
}

#post-540404
  > div
  > div.woocommerce-notices-wrapper
  > div.woocommerce-message
  > a {
  display: none;
}

/* NEWSLIST */
.news-list li p {
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.news-list li {
  padding-left: 0;
}

.news-list ul {
  padding-left: 0;
}

.news-list li a:link {
  color: #111;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.2;
  font-style: normal;
}

.news-list li a:visited {
  color: #111;
}

#afr-bus-pol ul {
  padding: 10px 30px 0 15px;
}

#afr-bus-pol li,
#edu-spo-wor li {
  list-style: none;
}

#edu-spo-wor ul {
  padding: 10px 30px 0 15px;
}

/* MOST READ */
#most-read article {
  margin: 10px 0;
  padding: 0 10px 0 0;
}

#most-read .inner-img {
  height: 200px;
  background-position: center;
  background-size: cover;
}

#most-read h5 {
  width: 90%;
  margin: 0;
}

#most-read .meta-box-date {
  margin: 5px 0 5px 0;
  position: relative;
}

/* SIDEBAR */
#sidebar {
  padding: 0;
  max-width: 300px;
  padding-left: 0;
}

#sidebar h4 {
  margin-top: 0;
}

#sidebar h4 a {
  font-weight: 700;
  font-size: 14px;
}

#sidebar .inner-txt {
  margin: 5px 0 0 0;
}

#sidebar .inner-img {
  height: 120px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.sidebar-box-date {
  border: none;
  line-height: 1;
  margin: 10px 0 2px 0;
  display: inline-block;
  color: #111;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
}

.sidebar-box {
  margin: 0;
  padding: 2px 5px 10px 5px;
  border-bottom: 1px dashed #bbb;
}

.sidebar-box h4 {
  margin-top: 3px;
  font-size: 16px;
  line-height: 1.2 !important;
  font-weight: 300 !important;
}

.editors-editors-one,
.editors-editors-two,
.editors-editors-three {
  margin: 0 0 5px 0;
}

/* CARDS */
.card-body {
  padding: 5px 5px 0;
}

/*SIDEBAR */
.img-box-sidebar {
  position: relative;
  width: 40%;
  z-index: 0;
  margin: 0;
  padding: 0 5px 5px 0;
  float: left;
}

.img-box-sidebar a {
  height: 100px;
  max-width: 100px;
  overflow: hidden;
}

.editors-sidebar .meta-holder {
  text-align: left;
}

.img-box-sidebar {
  position: relative;
  width: 40%;
  z-index: 0;
  margin: 0;
  padding: 0 5px 5px 0;
  float: left;
}

/* AFR-BUS-POLITICS */
#afr-bus-pol .byline-single,
#edu-spo-wor .byline-single {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 2px;
}

#afr-bus-pol h3,
#edu-spo-wor h3 {
  border-top: 10px solid;
  display: block;
  font-size: 11px;
  font-weight: 700 !important;
  text-transform: uppercase;
  padding: 10px;
  letter-spacing: 1px !important;
  margin: 0 5px;
  line-height: 1.2;
}

#afr-bus-pol h4,
#edu-spo-wor h4 {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 15px;
}

#afr-bus-pol p,
#edu-spo-wor p {
  font-size: 14px;
  line-height: 1.2;
}

#afr-bus-pol .meta-box-date,
#edu-spo-wor .meta-box-date {
  margin-bottom: 0;
}

#afr-bus-pol .fa-md.fa-lock,
#edu-spo-wor .fa-md.fa-lock {
  margin: 4px 0 0 0;
}

.africa h3 {
  color: #f7aa37 !important;
  background: #fcf4ea;
}

.politics h3 {
  color: #d11000 !important;
  background: #fceeed;
}

.business h3 {
  color: #f44607 !important;
  background: #fcebe5;
}

.education h3 {
  color: #5ca843 !important;
  background: #f1fced;
}

.sport h3 {
  color: #27c6a1 !important;
  background: #eafcf8;
}

.world h3 {
  color: #4576b7 !important;
  background: #eff5fc;
}

.africa,
.politics,
.business,
.education,
.sport,
.world {
  margin-bottom: 25px;
}

/* CATEGORY */
.entry-meta {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0 !important;
}

.entry-meta a {
  color: #d11000;
}

.main-archive-meta .byline-single {
  margin: 0 0 5px 0;
}

/* TAGS */
.entry-tags {
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 50px 0 20px 0;
  letter-spacing: 0.25px;
  padding: 10px 5px;
  background: #fff;
  border-top: 4px solid #333;
  border-bottom: 1px solid #333;
}

.tag-description {
  padding: 0;
  margin: 0 0 30px 0;
  text-align: left;
  font-size: 14px;
  max-width: 750px;
  margin: 0 auto 30px;
  line-height: 1.25;
}

.tag-title {
  padding: 0;
  text-transform: capitalize;
  text-align: center;
  margin: 30px 0 15px 0;
}

/* PAGES */
.content h1 {
  font-size: 26px;
  padding: 5px 0;
  display: block;
  color: #111;
  position: relative;
  margin: 10px 0 10px;
  font-weight: 900 !important;
}

.page-title {
  font-size: 16px;
  background: transparent;
  padding: 10px 15px;
  display: block;
  color: #111;
  position: relative;
  margin: 0 15px 20px;
  text-align: center;
  font-weight: 900 !important;
  text-transform: uppercase;
}

.content p {
  margin: 0 0 20px 0;
  font-size: 14px;
  padding: 0;
  line-height: 1.3;
}

h1.page-title {
  font-size: 22px;
}

.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 80px;
  line-height: 0.7;
  font-weight: 700;
  margin: 0 6px 0 0;
  text-transform: uppercase;
  font-style: normal;
}

.has-drop-cap {
  font-size: 16px !important;
}

.content strong {
  font-weight: 700;
}

.content h2 {
  line-height: 1;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 25px 0 4px 0;
  color: #111;
  padding: 0;
}

.content ul,
.content ol {
  font-family: georgia;
  font-style: italic;
  margin: 20px 0 45px 30px;
}

.content li {
  margin: 5px 0 0 0;
  line-height: 1.3;
  font-size: 15px;
}

.wp-block-file {
  font-size: 14px !important;
  background: #333;
  display: inline-block;
  padding: 10px 12px;
  border-radius: 50px;
  font-weight: 400 !important;
  margin: 0 0 30px 15px;
}

.wp-block-file a {
  color: #fff;
}

/* blockquote,
pullquote {
	width: 35%;
	float: right !important;
	margin: 5px 0 0 10px !important;
	border-left: 6px solid #333 !important;
	padding: 5px 10px 5px 10px !important;
}

blockquote strong,
pullquote strong,
blockquote p,
pullquote p,
blockquote h2,
pullquote h2 {
	padding: 2px 5px 2px 5px !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.5px;
	font-family: "Helvetica Neue", Arial, sans-serif !important;
	font-style: italic;
} */

.wp-block-pullquote blockquote,
.wp-block-pullquote p {
  font-size: 1.25rem !important;
  font-style: normal;
  font-weight: 700;
  width: 95%;
  text-align: center;
  letter-spacing: -0.25px;
  margin: 0 auto;
  color: #111;
}

.wp-block-pullquote cite {
  font-size: 0.8rem !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400;
  color: #333;
}

.wp-block-pullquote {
  border-top: 8px solid #d11000;
  padding: 1.75rem 0 1rem;
}

/*NEWSLETTER MANAGEMENT PAGES */
.subscribers-only-newsletters p {
  color: #999;
}

/* CATEGORY & ARCHIVE PAGES */
#main-archive {
  margin: 15px 0;
}

.archive-header h1,
.archive-header h2 {
  border-top: 10px solid #000;
  display: block;
  font-size: 12px;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 0;
  margin-top: 2px;
  color: #fff;
}

.archive-header-green {
  background-color: #188605;
}

.inner-img-archive {
  height: 150px;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.archive-left .byline-single {
  margin: 8px 0 12px;
}

/* LOCK */
.meta-lock-absolute {
  position: absolute;
  background: #fff;
  border-radius: 99px;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  padding: 2px 0 0 4px;
  line-height: 1;
}

/* SINGLE */
.byline-single {
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 400;
  font-family: Georgia, Times, “Times New Roman”, serif;
  font-style: italic;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  display: inline-block;
  padding: 3px;
  letter-spacing: -0.1px;
  line-height: 1;
}

.byline-search {
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 0;
  text-transform: capitalize;
  font-weight: 400;
  font-family: Georgia, Times, “Times New Roman”, serif;
  font-style: italic;
  display: inline-block;
  padding: 4px 5px;
}

.entry-title {
  margin: 20px 20px 20px 0;
  font-size: 31px;
  line-height: 1 !important;
}

.single-title {
  margin: 5px 0 10px 0;
  font-size: 33px;
  line-height: 1.1 !important;
}

.single-two-title {
  position: absolute;
  bottom: 15px;
  left: 25px;
  color: #fff;
  font-size: 3.5rem;
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.85) 100%); */
  padding-bottom: 15px;
  display: block;
  z-index: 10;
  text-align: left;
  text-shadow: 1px 1px 10px #000;
  width: 75%;
}

@media only screen and (max-width: 767px) {
  .single-two-title {
    font-size: 1.8rem;
    width: 85%;
    bottom: 55px;
  }
}

/* LOGIN STYLES */
.LoginModal .modal-content {
  text-align: center;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.LoginModal .modal-content label {
  display: block;
}

.modal-body {
  text-align: center;
}

.modal-header .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.modal-title {
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

.modal-header {
  display: block;
  text-align: left;
  background: rgb(225, 16, 0);
  background: -moz-linear-gradient(
    top,
    rgba(225, 16, 0, 1) 0%,
    rgba(161, 16, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(225, 16, 0, 1) 0%,
    rgba(161, 16, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(225, 16, 0, 1) 0%,
    rgba(161, 16, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e11000', endColorstr='#a11000', GradientType=0);
}

.modal-footer {
  display: none;
}

#loginform {
  text-align: center;
}

#wp-submit {
  font-size: 15px;
  width: 140px;
  font-weight: 700;
  margin: 10px auto;
}

#loginform label {
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  width: 280px;
  margin: 0 auto;
  text-align: left;
}

.modal-body {
  font-size: 15px;
  line-height: 1.2;
}

#loginModal a {
  color: #d11000;
  font-weight: 700;
}

#user_pass,
#user_login {
  width: 280px;
  height: 32px;
  font-size: 17px;
  margin: 0 0 10px 0;
}

#show-password-checkbox {
  margin: 0 2px;
}

#loginform > p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  margin: 0 0 5px 0;
}

/* next */
.next-post {
  font-size: 12px !important;
  text-align: right;
  padding: 5px;
  border-radius: 0 10px 10px 0;
  float: right;
  width: 100%;
  height: 60px;
  font-weight: 500;
  line-height: 1.3;
  background: #333;
  color: #fff;
  overflow: hidden;
}

.previous-post {
  font-size: 12px !important;
  text-align: left;
  padding: 5px;
  border-radius: 10px 0 0 10px;
  width: 100%;
  height: 60px;
  font-weight: 500;
  line-height: 1.3;
  background: #333;
  color: #fff;
  overflow: hidden;
}

/* author info */
.author-info {
  text-align: center;
  line-height: 1.4;
  font-size: 15px;
  font-weight: 200;
  font-family: georgia;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.15px;
  padding: 0 20px;
  width: 90%;
  margin: 15px auto 35px;
}

.author-info strong {
  text-transform: uppercase;
  font-size: 24px;
  padding: 10px 0 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 700 !important;
  letter-spacing: 0;
}

/* RATIO */
.ratio > * {
  position: relative;
}

.ratio:before {
  display: none;
}

.ration {
}

#footer {
  background: #000;
  padding: 50px 0 75px;
  margin-top: 0;
}

#footer p {
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.15px;
  color: #aaa;
  margin: 0;
  line-height: 1.2;
}

#footer h3 {
  color: #d11000;
  margin: 15px 0 5px 0;
  font-size: 14px;
  font-weight: 600 !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#footer a {
  color: #aaa !important;
}

#footer p a {
  font-size: 13px;
  color: #aaa !important;
}

#footer a:hover {
  color: #fff;
  text-decoration: none;
}

#footer .copyright p {
  font-size: 11px;
  margin: 20px 10px 20px;
  text-transform: uppercase;
  color: #aaa;
}

#footer .footer-social a {
  margin: 0;
}

.footer-ampersand {
  float: left;
  margin: 10px 0 0 0;
}

.bot-one img {
  padding: 10px 0 5px 0;
}

.bot-one,
.bot-two,
.bot-three,
.bot-four {
  padding: 0 10px 0 30px;
}

.bot-one,
.bot-two,
.bot-three {
  border-right: 1px dotted #666;
}

.bot-four {
}

.show-mobile {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .archive-right-editions {
    margin: 20px 0 0 0;
  }

  .sponsored-single {
    margin: 0;
  }

  .header-promo {
    background: #111;
    height: 22px;
    margin: 15px 0 0 0;
  }

  #header.fixed-top {
    top: 0;
    transition: height 2s;
    padding: 0;
    height: auto;
    background: #fff !important;
  }

  .navbar-toggler-icon {
    border: none;
    float: right;
    top: 22px;
    position: absolute;
    right: 10px;
  }

  .navbar-toggler,
  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
    outline: none;
    border: none;
    box-shadow: none;
  }

  .navigate {
    display: none;
  }

  .header-user {
    display: none;
  }

  .navbar-toggler {
    border: none;
  }

  .show-mobile {
    display: inherit !important;
  }

  .show-mobile p {
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-align: left;
    display: block;
    position: relative;
    left: 10px;
    top: 7px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 13px;
    line-height: 1;
    padding: 7px;
    background: #f6ee06;
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
  }

  .show-mobile p a:link {
    color: #fff;
  }

  .show-mobile p a:visited {
    color: #fff;
  }

  .show-mobile a.social-box {
    color: #fff;
  }

  .social-box .fa-brands {
    padding: 0 20px;
  }

  .fixed_top {
    padding-top: 120px;
  }

  .aside {
    margin-left: 0;
  }

  .social {
    display: none;
  }

  .fa-magnifying-glass {
    margin: 17px 10px 20px 15px;
    font-size: 22px;
  }

  #navbar > a > i:hover {
    color: #d11000;
  }

  .menu-item ul li a {
    font-weight: 700;
    font-size: 16px;
  }

  .widget-area {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }

  #sidebar {
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    max-width: 600px;
  }

  #editors h3 {
    font-size: 23px;
  }

  .aside {
    width: 100%;
  }

  .bot-one,
  .bot-two,
  .bot-three,
  .bot-four {
    padding: 0 10px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 1 !important;
  }

  h5.offers {
    text-align: left !important;
  }

  .offer-block-1 p,
  .offer-block-2 p,
  .offer-block-3 p,
  .offer-block-4 p {
    font-family: "Helvetica Neue", Arial, sans-serif;
    width: 80%;
    margin: 0 auto 20px;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  .offer-block-1 h1,
  .offer-block-2 h1,
  .offer-block-3 h1,
  .offer-block-4 h1 {
    font-size: 28px !important;
    font-weight: 200 !important;
    margin: 10px 0 0;
    background: none;
    text-align: center;
    border: none;
    letter-spacing: 1px;
  }

  .offer-block-1 h2,
  .offer-block-2 h2,
  .offer-block-3 h2,
  .offer-block-4 h2 {
    font-size: 30px !important;
    font-weight: 900 !important;
    margin: 0 10px 10px;
    color: #d11000;
  }

  .offer-block-2,
  .offer-block-4 {
    margin: 2% !important;
  }

  .offer-block-1,
  .offer-block-3 {
    margin: 2% !important;
  }

  .offer-block-1,
  .offer-block-2,
  .offer-block-3,
  .offer-block-4 {
    height: 200px !important;
    width: 96% !important;
    margin: 0 1% !important;
    overflow: hidden;
    float: inherit;
    border: 5px solid #fff;
    text-align: center;
    border-radius: 10px;
  }

  .archive-right {
    padding: 0 10px;
  }

  .archive-left {
    margin-bottom: 20px;
    padding: 0;
  }

  #opinion h1 {
    font-size: 33px;
    margin: 10px 0;
  }

  #opinion h3 {
    font-size: 21px;
  }

  #environment h3 a {
    font-size: 21px !important;
  }

  .opinion-one-img {
    width: 100%;
    margin: 0 0 10px 0;
    height: 300px;
    background-size: cover;
    background-position: center center;
  }

  .opinion-two {
    margin: 10px 0 0 0;
  }

  .inner-img-opinion {
    height: 300px;
  }

  .opinion-two-img {
    width: 100%;
    margin: 0 0 10px 0;
    height: 200px;
    background-size: cover;
    background-position: center center;
  }

  #environment h1 {
    font-size: 33px;
  }

  #friday h3 a {
    font-weight: 700;
    color: #fff;
    font-size: 19px;
    background: transparent;
    line-height: 1;
  }

  #afr-bus-pol h3,
  #edu-spo-wor h3 {
    margin: 15px 0 15px 0;
  }

  #afr-bus-pol ul,
  #edu-spo-wor ul {
    padding: 0 10px;
  }

  .padded {
    margin: 0;
  }

  .single-title {
    margin: 5px 0 10px 0;
    font-size: 25px;
    line-height: 1.1 !important;
  }

  blockquote strong,
  pullquote strong,
  blockquote p,
  pullquote p,
  blockquote h2,
  pullquote h2 {
    font-size: 18px !important;
  }

  .bot-one,
  .bot-two,
  .bot-three,
  .bot-four {
    padding: 0 10px 10px 5px;
    border: none;
  }

  .ad-banner-1,
  .ad-banner-2,
  .ad-banner-3,
  .ad-banner-4,
  .ad-banner-5,
  .ad-banner-6,
  .ad-banner-7 {
    margin: 0 auto 15px;
  }

  .wp-block-image .alignright,
  .wp-block-image .alignleft {
    float: none;
    margin: 0 auto;
  }

  #environment .environment-two article {
    margin: 20px 0 0;
  }

  /* HEADLINE MOBILE */

  /*FRIDAY MOBILE */
  #friday .inner-img-two {
    height: 400px;
  }

  .page-title {
    text-align: center;
    margin: 0 0 10px;
    border-top: 10px solid #111;
    border-bottom: 2px solid #111;
  }

  #sidebar {
    padding: 0;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  #footer .footer-social a {
    margin: 0;
  }
}

/* AUTHOR BOX */
.saboxplugin-wrap .saboxplugin-gravatar img {
  height: auto;
  border-radius: 60px;
  max-width: 60px;
}

.saboxplugin-wrap .saboxplugin-gravatar {
  padding: 0 10px 0 0;
  float: left;
}

.saboxplugin-wrap .saboxplugin-authorname {
  font-weight: 700;
  font-size: 12px;
  margin: 0;
  line-height: 1;
  padding: 6px 0 2px 0;
  display: block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  color: #111;
}

.saboxplugin-wrap {
  text-align: left;
}

.saboxplugin-wrap .saboxplugin-desc p {
  font-size: 12px !important;
  line-height: 13px !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none;
  color: #333;
  text-align: left;
}

.saboxplugin-wrap .saboxplugin-desc {
  margin: 0 0 4px 0;
}

.sab-edit-settings a,
a.sab-profile-edit {
  display: none;
}

.saboxplugin-wrap {
  border: none;
  padding: 0;
  position: relative;
  margin: 0 0 4px 0;
}

.saboxplugin-wrap .saboxplugin-socials {
  background: transparent;
  padding: 0;
  bottom: 0;
  right: 0;
  border-top: none;
}

.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
  margin: 0;
  background: #fff;
  padding: 0 5px 0 0;
  line-height: 1;
}

.saboxplugin-wrap .clearfix {
  display: none;
  height: 1px;
}

/* QUIZ */

/* #form_mg-elections-2024-quiz2 p {

	margin:0 auto;
	max-width:500px;
	text-align:left;
	
}

#form_mg-elections-2024-quiz2 .post img {
max-width: 300px !important;
	width:100%;
    text-align: center;
    display: block;
} 




.frm_display_format_buttons .frm_label_button_container, .frm_display_format_buttons .frm_image_option_container {
}

*/

.frm_chat_form_cont .frm_form_fields > fieldset {
  padding: 0 10px;
}

.frm_style_mg-quiz-style
  .frm_chat_form
  .frm_display_format_buttons
  .frm_label_button_container {
  background: #fefefe;
  border-width: 1px;
  border-color: #aaa;
  align-items: normal !important;
  text-align: left;
  font-size: 18px;
  padding: 12px;
}

.frm_display_format_buttons.vertical_radio .frm_opt_container,
.frm_display_format_buttons.horizontal_radio .frm_opt_container {
  gap: 12px !important;
}

.frm_display_format_buttons
  .frm_radio
  input[type="radio"]:checked
  + .frm_label_button_container {
  color: #fff;
}

.frm_style_mg-quiz-style
  .frm_chat_form
  .frm_display_format_buttons
  .frm_label_button_container:hover {
  background: #d11000 !important;
  color: #fff;
  border-color: #d11000;
}

.quiz-button a:link {
  border-radius: 20px;
  padding: 14px 30px;
  background: #d11000;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  width: 100%;
  max-width: 300px;
  text-align: center;
  margin: 0 auto;
  text-transform: capitalize;
}

.quiz-button a:hover {
  background: #f11000;
  transition-duration: 0.5s;
}

.quiz-row {
  margin-top: 15vw;
  background: #fff;
}

#field_hw1bc2_label,
#field_cojpm2_label,
#field_uo9k2_label,
#field_96q0_label,
#field_831mi2_label,
#field_hrjt42_label,
#field_fdoq92_label,
#field_p9y682_label,
#field_53ca2_label,
#field_hnvqr2_label {
  font-size: 1.6rem;
  margin: 0 auto 30px;
  line-height: 1.2 !important;
  letter-spacing: -0.25px;
  padding: 0 10px;
}

.quiz-row p {
  padding: 10px;
  max-width: 700px;
  margin: 10px auto 20px !important;
  width: 100%;
  font-weight: 300;
  color: #333 !important;
}

#main-quiz {
  margin: 0 auto 15px;
  padding-bottom: 30px;
  max-width: 1000px;
  width: 96%;
}

#main-quiz .with_frm_style .frm_message,
.frm_success_style {
  display: none;
}

#main-quiz h3 {
  font-size: 2.5rem;
  margin: 10px auto 10px;
  letter-spacing: -1px;
  line-height: 0.9 !important;
  padding: 0 15px;
  max-width: 600px;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

#main-quiz h4 {
  font-size: 1.8rem;
  margin: 15px auto 0;
  line-height: 1.1 !important;
  letter-spacing: -1px;
  line-height: 1 !important;
  padding: 0 15px;
}

#main-quiz h5 {
  font-size: 1.4rem;
  margin: 45px auto 0;
  line-height: 1.1 !important;

  letter-spacing: -1px;
  line-height: 1 !important;
  padding: 0;
}

#main-quiz .entry-title {
  text-align: center;
  margin: 0px auto 0;
  font-size: 12px;
  padding: 15px 5px;
  background: #111;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-top: none;
  border-bottom: solid 1px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  width: auto;
  position: relative;
  color: #fff;
}

#quiz-share .share-button-x {
  display: inline-block;
  width: 22%;
}

#quiz-share .share-button-x a {
  background: #000;
  transition-duration: 0.15s;
  padding: 15px 10px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin: 5px auto;
  border-radius: 5px;
  font-weight: 400;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
}

#quiz-share .share-button-x a:hover {
  background: #444;
}

#quiz-share .share-button-f {
  display: inline-block;
  width: 22%;
}

#quiz-share .share-button-f a {
  background: #117bec;
  transition-duration: 0.15s;
  padding: 15px 10px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin: 5px auto;
  border-radius: 5px;
  font-weight: 400;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
}

#quiz-share .share-button-f a:hover {
  background: #047ba0;
}

#quiz-share .share-button-l {
  display: inline-block;
  width: 22%;
}

#quiz-share .share-button-l a {
  background: #1d235e;
  border: solid 1px #111;
  transition-duration: 0.15s;
  padding: 15px 10px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin: 5px auto;
  border-radius: 5px;
  font-weight: 400;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
}

#quiz-share .share-button-l a:hover {
  background: #6363e7;
}

#quiz-share .share-button-w {
  display: inline-block;
  width: 22%;
}

#quiz-share .share-button-w a {
  background: #1d853c;
  transition-duration: 0.15s;
  padding: 15px 10px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin: 5px auto;
  border-radius: 5px;
  font-weight: 400;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
}

#quiz-share .share-button-w a:hover {
  background: #1a3722;
}

#quiz-others {
  width: 100%;
  max-width: 500px;
  padding: 10px;
  margin: 10px auto 20px;
}

#quiz-others .outcome_name {
  font-weight: 400;
  padding: 0 0 5px;
  width: 150%;
  line-height: 1.5;
}

#quiz-others .outcome_score {
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}

.quiz-p {
  text-align: center;
  font-weight: 400 !important;
  font-size: 22px !important;
  font-style: italic;
  line-height: 1.2 !important;
  margin: 0 auto 40px !important;
  max-width: 500px;
  width: 100%;
}

.quiz-button {
  border-radius: 20px;
  padding: 14px 30px;
  background: #d11000;
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
  width: 100%;
  max-width: 300px;
  text-align: center;
  margin: 0 auto;
}

.quiz-button:hover {
  background: #f11000;
}

@media screen and (max-width: 776px) {
  .quiz-row {
    margin-top: 10vw;
  }

  #main-quiz h3 {
    font-size: 2.75rem;
    padding: 0;
  }

  #quiz-share .share-button-x {
    display: block;
    width: 100%;
  }

  #quiz-share .share-button-f {
    display: block;
    width: 100%;
  }

  #quiz-share .share-button-l {
    display: block;
    width: 100%;
  }

  #quiz-share .share-button-w {
    display: block;
    width: 100%;
  }
}

/* ARTICLE TWO */

#article-two .post-thumbnail img {
  height: auto;
  max-width: 1050px;
  width: 100%;
  min-height: 350px;
}

/* LONGFORM */
.longform-row {
  margin-top: 75vh;
  background: #fff;
}

#main-longform {
  margin: 0 auto 15px;
  padding-bottom: 30px;
  min-height: 1000px;
  max-width: 1000px;
  width: 95%;
}

#main-longform .share {
  float: inherit;
  text-align: center;
}

/* #main-longform .fa-md.fa-lock {
	position:absolute;
	margin:-15px 0 0 0;
} */
.byline-longform {
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 400;
  font-family: Georgia, Times, “Times New Roman”, serif;
  font-style: italic;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  display: table;
  padding: 5px;
  line-height: 1.2;
  position: relative;
  text-align: center;
  margin: 10px auto 20px;
}

#main-longform .entry-title {
  text-align: center;
  width: 85%;
  margin: 10px auto;
  font-size: 47px;
  padding: 10px 20px 20px;
  background: #fff;
  font-weight: 700 !important;
  line-height: 0.9 !important;
}

#main-longform .meta-box {
  text-align: center;
  margin: 5px 0 0 0;
}

#main-longform .meta-lock {
  position: relative;
  display: inline-block;
}

#main-longform > div:nth-child(1) > div > div > div {
  color: #333 !important;
  font-size: 13px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 5px 10px;
  display: inline-block;
  max-width: 300px;
  border-radius: 0;
  float: right;
}

#main-longform .fa-md.fa-lock {
  font-size: 15px;
  bottom: -1px;
  margin: 0;
}

#main-longform .entry-meta,
#main-longform .meta-box-date {
  font-size: 12px;
}

#main-longform .featured-caption {
  text-align: center;
  margin: 10px 5px 25px;
  font-size: 12px;
}

#main-longform .entry-content {
  margin: 45px 0 0 0;
  padding: 0 25px 25px;
}

/* SEARCH */
#search-container .search-submit i {
  display: none;
  margin-right: 5px;
}

#search-container .search-submit.loading i {
  display: inline-block;
}

#search-container .search-submit.loading span {
  opacity: 0.5;
}

.search p,
.tag p {
  padding: 0 5px;
  font-size: 12px;
  max-height: 120px;
  line-height: 1.1;
  overflow: hidden;
}

.author p {
  padding: 0 5px;
  font-size: 14px;
}

/* OFFERS */
h2.offers-dig {
  letter-spacing: -0.5px;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin: 40px 0 0 !important;
}

h2.offers-dig {
  letter-spacing: -0.5px;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin: 30px 0 0 !important;
  text-align: center;
  color: #d11000;
  text-transform: uppercase;
}

h2.offers-pri {
  letter-spacing: -0.5px;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin: 10px 0 0 !important;
  text-align: center;
  color: #daa520;
  text-transform: uppercase;
}

h6.offers {
  margin: 0 0 10px 0;
  text-transform: uppercase;
  font-weight: 400 !important;
}

.offer-block-1 p,
.offer-block-2 p,
.offer-block-3 p,
.offer-block-4 p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  width: 80%;
  margin: 10px auto 10px;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.offer-block-1 h1,
.offer-block-2 h1,
.offer-block-3 h1,
.offer-block-4 h1 {
  font-size: 28px !important;
  font-weight: 200 !important;
  margin: 5px 0 0;
  background: none;
  text-align: center;
  border: none;
  letter-spacing: 1px;
}

.offer-block-1 h2,
.offer-block-2 h2 {
  font-size: 32px !important;
  font-weight: 900 !important;
  margin: 0 10px 10px;
  color: #d11000;
}

.offer-block-3 h2,
.offer-block-4 h2 {
  font-size: 32px !important;
  font-weight: 900 !important;
  margin: 0 10px 10px;
  color: #daa520;
}

.offer-block-2,
.offer-block-4 {
  margin: 1% 9% 5% 1%;
}

.offer-block-1,
.offer-block-3 {
  margin: 1% 1% 5% 9%;
}

.offer-block-1,
.offer-block-2,
.offer-block-3,
.offer-block-4 {
  width: 40%;
  overflow: hidden;
  float: left;
  border: 5px solid #fff;
  text-align: center;
  border-radius: 10px;
  padding: 5px 10px 15px;
}

h3.offers {
  margin: 15px auto !important;
  color: #333;
  font-weight: 700 !important;
  font-size: 17px !important;
  display: block !important;
  position: relative !important;
  text-align: center !important;
  letter-spacing: 0px;
}

h5.offers {
  margin: 12px 2px;
  font-weight: 300 !important;
  font-size: 15px;
  text-align: center;
  color: #333;
}

.offer-block-1,
.offer-block-2,
.offer-block-3,
.offer-block-4 {
  background: #f8f3eb;
  box-shadow: 1px 1px 6px;
}

.offers-features {
  padding: 1px 1px 15px;
  margin-bottom: 15px;
}

.main_ysa #footer {
  margin-top: 0;
}

.wrapper-200y {
  margin: 0 auto;
  max-width: 1050px;
  font-weight: 400;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  margin-top: -50px;
}

section .wrapper-200y {
  margin: 0 !important;
}

.wrapper-200y > * {
  box-sizing: border-box;
}

.blue-200y {
  color: #039fc6;
  font-weight: 700;
}

.y200-pdf {
  background: #eee;
  border: 1px solid #fff;
  font-weight: 400;
  padding: 0 0 5px 0;
  max-width: 275px;
  width: 100%;
  margin: 0 auto;
  letter-spacing: 0;
  display: block;
  width: 100%;
}

.y200-pdf img {
  max-width: 275px;
  width: 100%;
}

.y200-pdf p {
  text-align: center !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  font-weight: 700 !important;
}

.streaming {
  text-align: center;
  margin: 0 auto 10px;
  font-size: 18px;
  background: #eee;
  color: #333;
  font-weight: 700;
  padding: 15px 5px;
  max-width: 200px;
  letter-spacing: 0px;
  display: block;
  width: 100%;
  border: 1px solid #333;
}

.streaming a:link {
  cursor: crosshair;
}

.ysa-closed {
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  background: #002675;
  color: #fff;
  margin: 0 auto 25px;
  font-weight: 400;
  padding: 10px;
  width: 300px;
}

.ysa-info {
  padding-top: 20px;
  padding-bottom: 20px;
}

#home-ysa {
  padding: 0 15px;
}

/************  HERO */
.hero-200y {
  margin-bottom: 0;
}

.hero-200y {
  text-align: center;
}

.hero-200y img {
  margin-top: -35px;
  width: 100%;
  max-width: 970px;
}

.hero-200y {
  display: inherit;
}

.hero-200y-mobile {
  display: none;
}

/*********** CAROUSEL */
.carousel-control-prev,
.carousel-control-next {
  display: none;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
  }

  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-end.active,
.carousel-inner .carousel-item-next {
  transform: translateX(8.333%);
}

.carousel-inner .carousel-item-start.active,
.carousel-inner .carousel-item-prev {
  transform: translateX(-8.333%);
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}

/************ CATGORIES */
.categories-200y .card-img-overlay,
.categories-200y .card,
.categories-200y .card-img {
  padding: 0;
  border-radius: 0;
  border: none;
  border-right: 2px solid #fff;
}

.categories-200y .card-img-overlay {
  font-size: 12px;
  font-weight: 400;
  padding: 3px 1px 0;
  background: #1392c7;
  word-wrap: wrap;
  display: block;
  height: 42px;
  color: #fff;
  z-index: 1;
  position: relative;
  margin: -3px 0 0 0;
}

.categories-200y {
  padding: 0;
  overflow: auto;
  white-space: nowrap;
  max-width: 970px;
  margin: 0 auto;
  text-align: center;
}

.categories-200y .category-200y {
  display: inline-block;
  width: 100px;
  height: auto;
  background-color: #ccc;
}

.categories-200y::-webkit-scrollbar {
  height: 15px;
  border-radius: 0;
  background: #039fc8;
}

.categories-200y::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

.categories-200y::-webkit-scrollbar-thumb {
  height: 15px;
  border-radius: 0;
  background-color: #333;
  transition: background-color 0.2s ease-in-out;
}

.categories-200y::-webkit-scrollbar-thumb:hover {
  background-color: #111;
}

.categories-200y::-webkit-scrollbar:vertical {
  display: none;
}

/************  TOP */
.top-200y {
  max-width: 970px;
  padding: 3px;
  z-index: 1;
  position: relative;
  background: #059fc7;
  height: 32px;
  background: -moz-linear-gradient(
    left,
    rgba(164, 206, 222, 0) 0%,
    rgba(164, 206, 222, 0.22) 22%,
    rgba(164, 206, 222, 0.48) 48%,
    rgba(5, 159, 199, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(164, 206, 222, 0) 0%,
    rgba(164, 206, 222, 0.22) 22%,
    rgba(164, 206, 222, 0.48) 48%,
    rgba(5, 159, 199, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(164, 206, 222, 0) 0%,
    rgba(164, 206, 222, 0.22) 22%,
    rgba(164, 206, 222, 0.48) 48%,
    rgba(5, 159, 199, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a4cede', endColorstr='#059fc7', GradientType=1);
}

.top-200y select {
  padding: 2px 5px;
  width: fit-content;
  margin: 0 !important;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  border: 2px solid #049fc8;
  color: #049fc8;
  background: #f9f9f9;
  border-radius: 5px;
  display: inline-block;
  position: absolute;
  right: 5px;
}

/************  CONTENT */
.content-200y h1 {
  color: #02a0c6;
  text-transform: uppercase;
  font-size: 50px;
  letter-spacing: -1px;
  margin: 20px 0 50px 0;
  font-weight: 600 !important;
  border-left: 25px solid #c4e1ed;
  padding: 10px 0 10px 15px;
}

.content-200y p {
  margin: 25px 0 40px 0;
  font-weight: 300;
  font-size: 21px;
  line-height: 1.3;
  color: #333;
  letter-spacing: -0.15px;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.content-200y {
  display: flex;
}

.content-200y .content-main-200y,
.content-200y .content-sidebar-200y {
  padding: 0 0 0 30px;
  margin: 30px 0 0 0;
}

.content-200y .content-main-200y {
  flex: 1;
}

.content-main-200y {
  width: 45%;
}

.register-200y {
  display: block;
}

.register-200y .content-register-200y {
  text-align: center;
}

.content-200y .content-sidebar-200y {
  flex-basis: 55%;
  text-align: center;
}

.content-sidebar-200y img {
  width: 100%;
  max-width: 400px;
}

/************  PARTNERS & SPONSORS */
.partner-200y {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 0;
  letter-spacing: 0px;
  font-weight: 400;
  background: #02a0c6;
  display: inline-block;
  position: relative;
  padding: 4px 6px;
  color: #fff;
  line-height: 1;
}

.logo-200y {
  max-width: 350px;
  text-align: center;
  margin: 0 auto;
}

.logo-200y-anglo {
  max-width: 500px;
  text-align: center;
  margin: 10px auto 30px;
}

.sponsor-200y-mandela {
  max-width: 250px;
  margin: 0 auto;
}

.sponsor-200y {
  padding: 0;
  margin: 20px auto 10px;
  max-width: 120px;
  width: 100%;
}

.yfm {
  max-width: 80px;
}

.vodacom {
  max-width: 130px;
}

.sponsors-200y {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sponsors-200y .sponsor-200y .content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sponsors-200y .sponsor-200y .image {
  width: 80px;
  height: 80px;
  background-color: #ccc;
}

/***** VIDEOS & GALLERY ****/
.wrapper-200y .video-holder {
  margin: 0 auto 5px;
  padding: 0 5px;
  text-align: center;
}

.wrapper-200y h1.video-head {
  text-align: center;
  margin: 30px 0 5px 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.wrapper-200y .video-title {
  text-align: center;
  margin: 0 auto;
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
}

.wrapper-200y .photo-gallery {
  text-align: center;
  margin: 5px auto 15px;
  font-size: 16px;
  background: #ab0b4c;
  color: #fff;
  font-weight: 700;
  padding: 0 0 25px;
  max-width: 400px;
  letter-spacing: 2px;
  display: block;
  width: 100%;
  text-transform: capitalize;
}

.wrapper-200y .photo-gallery img {
  max-width: 400px;
  width: 100%;
  margin: 0 0 20px 0;
}

.wrapper-200y .previous-editions {
  text-align: center;
  margin: 15px auto;
  font-size: 16px;
  background: #0a5994;
  color: #fff;
  font-weight: 700;
  padding: 25px 5px;
  max-width: 400px;
  letter-spacing: 2px;
  display: block;
  width: 100%;
}

.wrapper-200y .hashtag {
  text-align: center;
  margin: 15px auto;
  font-size: 16px;
  background: #00afef;
  color: #fff;
  font-weight: 700;
  padding: 25px 5px;
  max-width: 400px;
  letter-spacing: 2px;
  display: block;
  width: 100%;
}

/***********  DATE & CLOCK */
.date-200y {
  border-top: 3px solid #02a0c6;
  border-bottom: 3px solid #02a0c6;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 45px 0 35px;
  max-width: 1000px;
}

.date-200y h3 {
  font-size: 28px;
  width: 90%;
  text-align: center;
  font-weight: 300 !important;
  line-height: 1 !important;
  text-transform: uppercase;
}

.countdown-begun h4 {
  text-align: center;
  padding: 0;
  font-size: 16px;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.small-count {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300 !important;
  position: relative;
  display: inline-block;
  color: #aaa;
}

#countdown {
  line-height: 1.5;
  margin: 0 auto;
  text-align: center !important;
  width: 100% !important;
  display: block;
  position: relative;
  font-size: 26px !important;
  padding: 15px 5px;
  color: #edb58d;
  font-weight: 400;
  max-width: 400px !important;
  border-radius: 5px;
  background: rgb(78, 82, 86);
  background: -moz-linear-gradient(
    top,
    rgba(78, 82, 86, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(78, 82, 86, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(78, 82, 86, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e5256', endColorstr='#000000', GradientType=0);
}

/***********  BOTTOM */
section.bottom-200y {
  margin: 20px 0 0 0;
  padding: 55px 0 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(198, 198, 198, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(198, 198, 198, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(198, 198, 198, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6c6c6', GradientType=0);
  max-width: 1050px;
  color: #fff;
}

.bottom-200y h2 {
  text-align: center;
  padding: 0px 0 10px;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 500 !important;
  text-transform: uppercase;
}

/*** 200YSA MICROSITE ***/
.square-gallery {
  padding-bottom: 50px;
}

section.main-ysa-top {
  height: 35px;
  margin: 0 auto;
  background: transparent;
}

.main-ysa .btn {
  padding: 0 !important;
}

section.main-ysa-hero {
  margin: 0 auto;
  background: #fff;
}

/* 200 Young SA */
.mg-congrats img {
  max-width: 200px;
  width: 100%;
  margin: 5px 0 10px 15px;
  position: relative;
  display: block;
  float: left;
}

/* ANGLO */
.anglo-congrats {
}

.anglo-congrats img {
  max-width: 300px;
  width: 100%;
  margin: 10px 0 10px 0;
  display: block;
  float: right;
  z-index: 30px;
  float: right;
}

/* 200 Young SUB NAV */
section.main-ysa-subnav {
  background: #00afef;
  background-image: url(https://mg.co.za/wp-content/uploads/2023/06/blue-strip-hor.jpg);
  background-size: cover;
  margin: 0 auto;
  padding: 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}

.anglo-but {
  text-align: center;
  margin: 30px 0;
  text-transform: uppercase;
  font-size: 12px;
}

.y2-ang-int {
  width: 100%;
}

.y2-ang-int img {
  max-width: 300px;
  margin: 30px auto 0;
  display: block;
  width: 100%;
}

.y2-mg-int {
  width: 100%;
}

.y2-mg-int img {
  max-width: 300px;
  margin: 15px auto 60px;
  display: block;
  width: 100%;
}

h1.intro-head {
  width: 100% !important;
  padding: 0 !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.intro-head-2024 {
  color: #b34965 !important;
  text-transform: capitalize;
  margin: 20px auto 0px !important;
  text-align: center !important;
  font-size: 36px !important;
  letter-spacing: -1px;
}

/* AWARDS FILTER DROPDOWN */
.main-ysa-subnav .filter-dropdown {
}

.main-ysa-subnav .filter-dropdown select {
  background-color: #fff;
  color: #00afef;
  border: 1px solid #00afef;
  padding: 8px;
  width: 100%;
  max-width: 300px;
  border-radius: 0;
  height: 48px;
  display: block !important;
  margin: 0 auto !important;
  font-size: 18px;
}

/* PAST YEARS DROPDOWN */
.main-ysa-subnav .pastyears-dropdown select {
  background-color: #fff;
  color: #00afef;
  border: 1px solid #00afef;
  padding: 8px;
  width: 100%;
  max-width: 200px;
  border-radius: 0;
  height: 40px;
}

.main_ysa #searchform {
  display: inline;
  border-radius: 0;
  background-color: #fff;
  color: #00afef;
  border: 1px solid #00afef;
  padding: 10px;
  color: #00afef;
  height: 40px;
}

.main_ysa #s {
  transition: all 0.2s ease-out;
  width: 1px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  opacity: 0;
  color: #00afef;
  padding: 8px;
}

.main_ysa #s:focus {
  width: 8em;
  opacity: 1;
  color: #00afef;
}

.main_ysa label {
  display: inline-block;
  position: relative;
  color: #00afef;
}

.archives-200y {
  text-align: center;
}

section.archives-200y {
  margin-top: 0;
}

.archiveSelect {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: right center;
}

.archiveWeb-200ycol {
  background: #05738c;
  padding: 25px 5px;
}

.archivePDF-200ycol {
  padding: 0;
  background: #8cd7f7;
  background-image: url(https://mg.co.za/wp-content/uploads/2023/06/blue-strip-hor.jpg);
  background-size: cover;
}

.archiveWeb-200ycol p,
.archivePDF-200ycol p {
  font-size: 20px !important;
  color: #fff;
  text-shadow: 1px 1px #000;
  text-align: center;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.archivePDF-trans {
  height: 100%;
  width: 100%;
  padding: 25px 5px;
  background-color: rgba(125, 0, 25, 0.65);
}

/* Custom arrow icon */
.congrats .filter-dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("https://mg.co.za/wp-content/themes/MG-Boot-Child/arrow-icon-down.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 20px;
}

.main-ysa-subnav .select-style {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px;
  margin: 0;
  background-image: url("https://mg.co.za/wp-content/themes/MG-Boot-Child/dropdown-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.select-style:hover,
.select-style:focus {
  background-color: #eee;
}

.y200-dropdown #tagFiler {
  background: #fff;
}

.y200-dropdown option {
  background-color: #fff;
  color: #000;
  text-align: center;
}

.y200-2023-intro img {
  width: 100%;
  text-align: left;
  display: block;
  margin: 5px auto 10px;
  max-width: 300px;
}

.y200-2023-intro p {
  width: 100%;
  max-width: 850px;
  text-align: center;
  margin: 0 auto 10px;
  display: block;
  padding: 0 0 10px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.main_ysa h1 {
  font-size: 28px !important;
  text-transform: capitalize;
  position: relative;
  font-weight: 700 !important;
  width: 100%;
  line-height: 1.1 !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  line-height: 0.9 !important;
  color: #00afef;
  width: 100%;
  text-align: center;
  display: block;
  /* padding: 10px; */
  margin: 20px auto 30px;
}

.main_ysa h2 {
  text-transform: capitalize;
  position: relative;
  line-height: 1.1 !important;
  line-height: 1 !important;
  color: #fff;
  display: inline-block;
  padding: 9px;
  margin: 20px auto 20px;
  background: #111;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.main_ysa h3 {
  background: #111;
  padding: 5px 15px;
  margin-top: 0;
  display: inline-block;
  color: #fff;
  font-weight: 400 !important;
  letter-spacing: 0px;
  float: right;
}

.main_ysa .y200-front-titles {
  position: relative;
  display: block;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  margin: 6px auto 18px;
  padding: 0 5px 10px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  word-break: break-word;
}

section.main-ysa-hero p {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1rem;
  width: 95%;
  margin: 0 0 25px;
  text-align: left;
  line-height: 1.3;
}

.main_ysa .y200-front-titles:hover {
  opacity: 1;
  text-decoration: none !important;
}

.main_ysa .y200-front-titles strong {
  font-size: 15px;
  line-height: 1.2 !important;
  display: block;
}

.main_ysa a:link,
.main_ysa a:hover {
  text-decoration: none !important;
}

.main_ysa .entry-title {
  font-weight: 700 !important;
  font-size: 12px;
  color: #111;
  top: -10px;
  padding: 0 5px;
  display: block;
  position: relative;
  width: 100%;
  opacity: 0.75;
  transition: opacity 0.25s ease-in-out;
}

.main_ysa .entry-title:hover {
  opacity: 1;
  text-decoration: none !important;
  text-shadow: 2px 2px 1px #000;
}

.main_ysa .y200-featured-image {
  overflow: hidden;
  max-width: 260px;
  width: 100%;
  height: 150px;
  background-size: cover;
  filter: grayscale(100%);
  transition: filter 0.25s ease-in-out;
  margin-bottom: 10px !important;
}

.main_ysa .y200-featured-image:hover {
  box-shadow: 3px 2px #fff;
  filter: grayscale(0%);
}

.y200-sponsors-bottom {
  position: fixed;
  bottom: 0;
  height: 80px;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 0;
  left: 0;
  box-shadow: -3px 3px 10px #000;
}

.y200-sponsors-bottom {
  background-color: #fff;
  display: flex;
  align-items: center;
  height: 80px;
}

.marquee-full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.marquee-box {
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  position: relative;
  width: 100%;
}

.marquee {
  flex: 0 0 auto;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: marqueescroll 60s linear 0s infinite;
  animation-play-state: running;
  animation-delay: 0s;
  animation-direction: normal;
}

.marquee figure {
  margin-right: 5rem;
  margin-left: 5rem;
  padding: 0;
  max-width: 220px;
  text-align: center;
  vertical-align: top;
}

.marquee figcaption {
  display: none;
  font-weight: 80%;
  color: #333;
  line-height: 1.2;
}

.marquee img {
  margin: 0 auto;
  height: auto;
  max-height: 3.5rem;
  max-width: 100%;
  background: #fdfdfd;
  border: none;
}

.marquee-box:hover div {
  animation-play-state: running;
}

.marquee-box:active div {
  animation-play-state: running;
}

@keyframes marqueescroll {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* 200 YSA FOOTER */
section.main-ysa-footer {
  margin: 15px auto 30px;
  padding: 10px 0;
  text-align: center;
}

.ysa-footer-boxes {
  background: #eee;
  padding: 15px 10px 15px;
  border: 2px solid #fff;
  font-size: 13px;
  background: rgb(215, 222, 227);
  background: -moz-linear-gradient(
    top,
    rgba(215, 222, 227, 1) -1%,
    rgba(245, 247, 249, 1) 0%,
    rgba(215, 222, 227, 1) 0%,
    rgba(229, 235, 238, 1) 45%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(215, 222, 227, 1) -1%,
    rgba(245, 247, 249, 1) 0%,
    rgba(215, 222, 227, 1) 0%,
    rgba(229, 235, 238, 1) 45%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(215, 222, 227, 1) -1%,
    rgba(245, 247, 249, 1) 0%,
    rgba(215, 222, 227, 1) 0%,
    rgba(229, 235, 238, 1) 45%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7dee3', endColorstr='#ffffff', GradientType=0);
}

.ysa-footer-boxes h4 {
  font-size: 18px;
  margin: 0 0 2px 0;
}

.ysa-footer-boxes:hover {
  background: #ddd;
}

/********* NEWSLETTER */
.newsletter-200y {
  display: flex;
}

.newsletter-200y input {
  width: 300px;
}

.newsletter-200y input,
.newsletter-200y button {
  padding: 10px;
}

.ysa-newsletter {
  background: #fff;
  padding: 10px 0 10px;
}

#mc_embed_signup-ysa input {
  color: #333;
  text-align: left;
  padding: 10px;
  min-width: 280px;
  border: none;
  letter-spacing: 0.5px;
  font-weight: 400;
  border-radius: 0;
  height: 36px;
  font-size: 13px;
  color: #777;
}

#mc_embed_signup-ysa .button {
  width: 200px;
  margin: 10px 0;
  padding: 5px 45px;
  border-radius: 25px;
  background-color: #039fc6;
  color: #fff;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}

#mc_embed_signup-ysa .button:hover {
  background: #00aff0;
}

.mce_inline_error,
.y200-error {
  color: #d11000;
  margin-top: 6px;
  font-size: 13px;
}

.y200-thanks {
  color: #111;
  margin-top: 6px;
  font-size: 14px;
}

/****************** MOBILE SCREENS */
@media screen and (max-width: 768px) {
  #recipeCarousel .col-1 {
    width: 16.666% !important;
  }

  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(16.666%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-16.666%);
  }

  .content-200y {
    display: block;
  }

  .content-200y .content-main-200y,
  .content-200y .content-sidebar-200y {
    padding: 0 15px;
  }
}

@media screen and (max-width: 400px) {
  #recipeCarousel .col-1 {
    width: 25% !important;
  }

  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }

  .hero-200y {
    display: none;
  }

  .hero-200y-mobile {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
  }

  .hero-200y {
    margin-bottom: 0;
  }

  .hero-200y {
    text-align: center;
  }

  .hero-200y-mobile img {
    margin-top: -35px;
    width: 100%;
    max-width: 300px;
  }
}

/*200 YSA PALETTE */
/*
#d86995		art
#89a2d3		business
#4a81a4		civil
#a465a6		education
#8f81af		film
#de8343		entrepeneur
#5a74ab		miniing
#4caba6		health
#d56058		justice
#669dca		tourism
#6f6da5		politics
#9abf55		science
#ba6243		sport
#c695ba   	rural
#a93825 	editors
*/
.agriculture {
  background-color: #85ab70;
  color: #fff;
}

.arts-entertainment {
  background-color: #f16e99;
  color: #fff;
}

.business {
  background-color: #82aada;
  color: #fff;
}

.civil-society {
  background-color: #0d8bb3;
  color: #fff;
}

.education {
  background-color: #b965a8;
  color: #fff;
}

.environment {
  background-color: #1fb25a;
  color: #fff;
}

.entrepreneurship {
  background-color: #d59fc2;
  color: #fff;
}

.entrepeneurship {
  background-color: #d59fc2;
  color: #fff;
}

.film-media {
  background-color: #988cb9;
  color: #fff;
}

.mining-manufacturing {
  background-color: #477cb6;
  color: #fff;
}

.health {
  background-color: #00b0b5;
  color: #fff;
}

.justice {
  background-color: #f2685b;
  color: #fff;
}

.tourism-hospitality {
  background-color: #36a3d3;
  color: #fff;
}

.politics-government {
  background-color: #6f6da5;
  color: #fff;
}

.technology-innovation {
  background-color: #99ca3c;
  color: #fff;
}

.sport {
  background-color: #6a9cb4;
  color: #fff;
}

.sports {
  background-color: #6a9cb4;
  color: #fff;
}

.financial-services {
  background-color: #d56c33;
  color: #fff;
}

.rural-development {
  background-color: #7375ae;
  color: #fff;
}

.governance {
  background-color: #7375ae;
  color: #fff;
}

.editors-choice {
  background-color: #c5281c;
  color: #fff;
}

#sidebar-200y {
  position: relative;
  height: 115px;
}

.default-200y {
  background-color: #994e62;
  color: #fff;
}

.y200-title {
  position: absolute;
  top: 10%;
  width: 56%;
  left: 22%;
  right: 22%;
  z-index: 15;
}

.award-category-200y h1 {
  line-height: 1;
  font-size: 40px;
  color: #fff;
  text-shadow: 1px 1px 5px #000;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  display: block;
  text-transform: capitalize;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

.award-category-200y h2 {
  line-height: 1;
  font-size: 14px;
  font-weight: 700 !important;
  margin: 1px auto 0;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 4px #000;
}

.y200 h3 {
  line-height: 1;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 5px;
  margin: 6px 0 6px 0;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
  text-align: center;
  color: #fff !important;
  background: #333;
}

.y200 p {
  font-weight: 300 !important;
  font-size: 15px;
  font-family: inherit;
  letter-spacing: 0.25px;
}

.y200-left p {
  font-size: 15px;
  font-family: inherit;
  margin: 0 0 10px 0;
  font-weight: 300 !important;
  line-height: 1.3 !important;
}

.y200-right {
  z-index: 5;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
}

.y200-right p {
  font-size: 14px;
  letter-spacing: -0.15px;
  font-family: inherit;
  margin: 10px 0 20px 0;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.y200-right .collapse p {
  margin: 0 0 15px 0;
}

.y200-description p {
  font-size: 15px;
}

.y200-description {
  margin: 20px 0 20px;
  padding: 10px 0 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.collapse {
  padding: 0;
}

.additional-info {
  margin: 30px 0 0 0;
}

.btn-y200 {
  margin: 3px auto 3px !important;
  width: 100%;
  font-weight: 400 !important;
  font-size: 19px !important;
  text-align: left;
  line-height: 1;
  padding: 8px;
  background: #eee;
  color: #000;
  border-radius: 0;
}

.y200-right .additional-info .collapse {
}

.btn-y200:hover,
.btn-y200:focus,
.btn-y200:active {
  text-decoration: underline;
  color: #000;
  background: #ddd;
}

.y200-right h2,
.y200-right label {
  font-weight: 600 !important;
  line-height: 1 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  margin: 20px 0 0;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: 0.5px;
  color: #000;
}

.y200-featured-image {
  width: 100%;
}

.y200-featured-image img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  max-width: 400px;
  max-height: 400px;
  object-fit: cover;
  z-index: 5;
  margin: -50px auto 0;
  position: relative;
}

.y200-featured-image-holder,
.y200-quote,
.y200-article-links {
  display: block;
  text-align: center;
}

.y200-left pullquote {
  width: 100%;
  border-left: none !important;
  text-align: center;
  margin: 5px auto 45px;
  position: relative;
  z-index: 10;
}

.y200-left pullquote span,
.y200-left pullquote p {
  font-size: 20px !important;
  color: #000;
  font-weight: 400 !important;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  background: #fff;
  top: -50px;
  position: relative;
  width: 80%;
  left: 10%;
  border: 3px solid #fff;
  letter-spacing: -0.25px;
  border-radius: 5px !important;
  opacity: 0.9 !important;
  padding: 5px 10px !important;
  line-height: 1.5 !important;
}

.y200-social {
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 10;
}

.y200-right ul {
  width: 95%;
  padding: 0;
}

.y200-right li {
  font-style: normal;
  font-size: 15px;
  margin: 10px 0 10px 20px;
  list-style: disc;
  line-height: 1.2;
  font-weight: 300 !important;
}

.collapse .p {
  margin: 17px;
  font-weight: 300 !important;
}

.anglo-circle-200y img {
  max-width: 200px;
  text-align: center;
  margin: 10px auto 30px;
  background: #fff;
  padding: 10px;
}

.sponsor-circle-200y-2,
.sponsor-circle-200y-3,
.sponsor-circle-200y-4 {
  background: #fff;
  border-radius: 100%;
  height: 180px;
  width: 180px;
  position: absolute;
  right: 10px;
  top: -15px;
  z-index: 10;
  padding: 10px 0 0 0;
  text-align: center;
}

.sponsor-circle-200y img {
  display: inline-block;
  max-width: 170px;
  width: 80%;
  position: relative;
  top: 30%;
}

.sponsor-circle-200y-2 img {
  display: inline-block;
  max-width: 140px;
  width: 70%;
  position: relative;
  top: 7.5%;
}

.sponsor-circle-200y-3 img {
  display: inline-block;
  max-width: 130px;
  width: 80%;
  position: relative;
  top: 10%;
}

.sponsor-circle-200y-4 img {
  display: inline-block;
  max-height: 110px;
  width: auto;
  position: relative;
  top: 20px;
}

.icon-200y {
  position: relative;
  display: inline-block;
  padding: 0;
}

.icon-200y img {
  height: 160px;
  width: 160px;
  margin: -15px 0 0 0;
  z-index: 6;
  display: block;
  position: relative;
}

p.ysa-prof {
  font-size: 17px;
}

.ysa-social {
  font-size: 32px;
  margin: 0 15px;
}

.ysa-social:hover {
  color: #999;
}

/* WEBINAR */
.webinars img {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 10px !important;
  display: block;
  padding-bottom: 10px;
}

.webinar-head {
  margin: 10px 1% 10px;
  text-align: center;
  position: relative;
  width: 98%;
  padding: 15px 10px 20px;
  line-height: 1;
  border-radius: 0;
  background: #fff;
  height: 100%;
  min-height: 240px;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.webinar-head h1 {
  border-top: 10px solid #000;
  border-bottom: 2px solid #000;
  display: block;
  font-size: 14px;
  font-weight: 700 !important;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: 30px;
}

.classy {
  border-top: 0;
  border-bottom: 0;
  display: block;
  font-size: 28px;
  font-weight: 200 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 120px 0 20px 0;
  margin: 0 0 40px 0;
  text-align: center;
  background: #d11000;
  color: #fff;
}

.classy-two {
  border-top: 10px solid #000;
  border-bottom: 2px solid #000;
  display: block;
  font-size: 14px;
  font-weight: 700 !important;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 10px;
  margin: 20px 0 20px 0;
  text-align: left;
}

.webinar-head-box h1 {
  text-transform: capitalize;
  font-weight: 700 !important;
  font-size: 24px;
  color: #d11000;
  margin: 5px auto 20px;
  letter-spacing: 0;
  color: #60aa63;
  line-height: 1.1 !important;
  width: 75%;
  min-width: 250px;
}

.webinar-head-box h3 {
  font-weight: 700 !important;
  font-size: 30px;
  display: inline-block;
  margin-top: 25px;
  color: #fff;
  padding: 5px 20px;
  font-weight: 400 !important;
  text-transform: uppercase;
  background-color: #daa520;
}

.presented_by {
  font-weight: 300 !important;
  font-size: 12px;
  line-height: 1;
  color: #333;
  letter-spacing: 1px;
}

.webinars-info {
  margin-top: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  background: #60aa63;
  padding: 10px 15px;
  width: auto;
  display: inline-block;
  border-radius: 55px;
}

/*--- WEBINARS END ---*/
/* criticalthinkingforum */
.criticalthinkingforum-head-box {
  padding: 0;
  text-align: center;
}

.criticalthinkingforum-details {
  margin-bottom: 30px;
  border: 2px solid #111;
  padding: 10px 10px 20px;
  border-radius: 20px;
}

.criticalthinkingforum-head {
  text-align: center;
  padding: 0;
}

.criticalthinkingforum-presented {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  margin: 30px 0 10px;
}

.criticalthinkingforum-date {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  margin: 20px auto;
  padding: 5px 0;
  background: #111;
  color: #fff;
  display: inline-block;
  position: relative;
}

.criticalthinkingforum-head h2 {
  font-size: 35px;
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}

.criticalthinkingforum-title {
}

.critical-thinking-forum {
  margin: 0 0 45px 0 !important;
}

.critical-thinking-forum p {
  text-align: left;
  padding: 0;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  line-height: 115%;
  font-size: 0.95rem !important;
  margin: 20px 50px;
}

/*--- criticalthinkingforums END ---*/
.headline-right {
  margin: 5px 0 0 0;
}

.offer-block-1 h1,
.offer-block-2 h1,
.offer-block-3 h1,
.offer-block-4 h1 {
  margin: 20px 0 0 0 !important;
  font-family: georgia;
  font-style: italic;
  letter-spacing: -0.5px;
  font-family: 22px;
  color: #333;
}

ol,
ul {
  list-style-position: inside !important;
}

#edu-spo-wor,
#afr-bus-pol {
  margin-top: 15px;
}

/* TOP BAR */
.users a {
  color: #fff;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.top-bar {
  height: 30px !important;
}

.careers-top {
  padding: 5px 0 8px !important;
  text-align: center;
  background: rgb(47, 116, 133);
  background: linear-gradient(
    360deg,
    rgb(35, 175, 210) 0%,
    rgb(45, 119, 138) 100%
  );
}

.careers-top a {
  color: #fff;
}

.newsletter-top {
  background-color: #123 !important;
  height: auto;
  text-align: center;
  padding: 5px 0 8px !important;
  background: rgb(20, 36, 61);
  background: -moz-linear-gradient(
    top,
    rgba(20, 36, 61, 1) 0%,
    rgba(42, 79, 124, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(20, 36, 61, 1) 0%,
    rgba(42, 79, 124, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(20, 36, 61, 1) 0%,
    rgba(42, 79, 124, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14243d', endColorstr='#2a4f7c', GradientType=0);
}

.newsletter-top a {
  color: #eee !important;
}

.login-top {
  height: auto;
  text-align: center;
  padding: 5px 0 8px !important;
}

.login-top a {
  color: #daa520;
}

.login-top a:hover {
  color: #fff;
}

.profile-top {
  background: linear-gradient(
    to bottom,
    rgba(245, 20, 20, 1) 0%,
    rgba(230, 35, 35, 1) 100%
  );
  height: auto;
  text-align: center;
  padding: 5px 0 8px !important;
}

#newsletter div.yarpp {
  display: none !important;
}

#newsletter > div > div.yarpp {
  display: none !important;
}

#newsletter .yarpp-thumbnails-horizontal {
  display: none;
}

.opinion-one-img {
  height: 275px !important;
  background-position: center top !important;
}

.has-drop-cap {
  font-size: 18px !important;
}

/* ROADBLOCK */
#roadblock {
  text-align: center;
  border: 2px dashed #ccc;
  border-radius: 15px;
  margin: 20px auto;
  position: relative;
  padding: 25px 0 20px;
}

#roadblock a {
  color: #d11000;
}

#roadblock .fa-md.fa-lock {
  font-size: 18px;
  position: absolute;
  color: #a17f0c;
}

.roadblock-lock {
  margin-bottom: 20px;
  position: absolute;
  left: 50%;
  right: 50%;
  top: 15px;
}

#roadblock > p.block-sub > a {
  font-weight: 400;
  background: #d11000 !important;
  padding: 8px 20px;
  border-radius: 0;
  display: inline-block;
  margin: 15px auto 15px;
  width: auto;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#roadblock p {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  margin: 10px 0 10px 0;
  font-weight: 400 !important;
  font-size: 14px;
}

#roadblock h2 {
  margin: 0 0 20px;
  color: #a17f0c;
  font-size: 22px;
  font-style: italic;
  letter-spacing: -0.75px;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  text-shadow: 1px 1px 2px #fff;
}

#roadblock h3 {
  padding: 5px 10px;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  margin: 10px 0 0 0;
}

#roadblock h4 {
  font-weight: 600 !important;
  font-size: 18px;
  color: #a17f0c;
  margin-top: 25px;
}

.block-lock {
  text-align: center;
  margin: 0 auto;
}

.block-sub {
  background: #d11000 !important;
  padding: 5px 10px !important;
  color: #fff !important;
  font-size: 14px !important;
}

#roadblock a {
  background: none;
  border: none;
  box-shadow: none;
  color: #d11000;
  margin: 0;
  padding: 0;
  font-weight: 600 !important;
}

.home .woocommerce .wc-memberships-restriction-message {
  display: none !important;
}

.home #roadblock {
  display: none;
}

.archive #roadblock {
  display: none;
}

.search #roadblock {
  display: none;
}

.advads-stop-injection {
  display: none;
}

.entry-content h2 {
  font-size: 1.4rem;
  margin-top: 32px;
  margin-bottom: 5px !important;
}

@media only screen and (max-width: 991px) {
  .social-box .fa-brands {
    padding: 0 8px !important;
    font-size: 23px !important;
    line-height: 0.7;
    margin: 2px;
  }

  .archive-right {
    margin: 0 0 30px 0 !important;
  }

  .offer-block-1 h1,
  .offer-block-2 h1,
  .offer-block-3 h1,
  .offer-block-4 h1 {
    margin: 15px 0 0 0 !important;
  }

  #main-longform .entry-content {
    padding: 0 12px 20px 12px !important;
  }

  #main-longform .entry-title {
    font-size: 37px !important;
  }

  .fa.fa-user-circle-o {
    top: -7px;
  }
}

.embed-responsive,
.post-thumbnail,
.wp-video {
  width: 100% !important;
}

.wp-post-image img {
  width: 100% !important;
  /* margin: 0 0 5px 0; */
}

.entry-content .post-thumbnail img {
  width: 100% !important;
}

/* FRIDAY */
#friday .inner-img-two {
  background-position: top center !important;
}

.social-meks-longfrom {
  margin: 0 auto !important;
  width: 100% !important;
  position: relative;
  margin: 0 auto !important;
  display: inline-block;
  text-align: center !important;
}

.social-meks-longfrom .meks_ess {
  margin: 0 0 5px 0;
  display: inline-flex;
}

.meks_ess.circle .meks_ess-item {
  max-height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  width: 30px !important;
  line-height: 30px !important;
  font-size: 15px !important;
  color: #fff !important;
}

.socicon-twitter {
  font-weight: 700;
}

.social-meks {
  float: right !important;
  margin: 0 5px 0 0 !important;
}

.social-box .fa-brands {
  padding: 2px 6px 8px !important;
}

@media only screen and (max-width: 991px) {
  .navbar-brand img {
    width: 270px;
    height: auto;
    padding: 0 0 0 10px;
    top: 10px;
  }

  #navbar {
    background: #111;
  }

  #navbar li a.nav-link {
    text-transform: capitalize;
    font-size: 15px !important;
    letter-spacing: -0.15px;
    font-weight: 500;
    color: #fff;
    padding: 0;
    line-height: 1;
    margin: 3px 0 5px 15px;
    text-align: left;
  }

  #navbar li {
    margin: 6px 0 6px 2px !important;
    border-bottom: 1px dashed #333;
  }

  .users a {
    color: #fff;
    font-size: 11px !important;
    font-weight: 400 !important;
  }

  .menu-item ul {
    box-shadow: none !important;
    background: #fff !important;
    border-left: none !important;
  }

  #navbar .menu-item li {
    border: none;
  }

  #navbar .menu-item ul li a {
    font-size: 15px;
    letter-spacing: -0.15px;
    font-weight: 500;
    color: #d11000;
    margin: 5px 0 5px 0;
  }
}

/* SOCIAL MEKS */
.social-meks {
  float: inherit !important;
  margin: 5px 0 !important;
}

.error404 .entry-content {
  padding: 50px 0;
  min-height: 800px;
  text-align: center;
}

.error404 .search-form {
  width: 400px;
  margin: 0 auto;
}

.error404 .widget-area {
  text-align: center;
  margin: 50px auto;
}

.error404 .widget-area li {
  text-align: left;
}

.error404 .editors-sidebar {
  text-align: left;
}

.error404 h2 {
  margin-bottom: 30px !important;
}

.error404 h2 {
  margin-bottom: 30px !important;
}

.cookie-consent-banner {
  border: 1px solid #666;
  background-color: #ccc;
  position: fixed;
  left: 10px;
  bottom: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 15px;
  z-index: 20;
}

.cookie-consent-banner .cookie-consent-banner-button {
  width: 100%;
  padding: 10px;
  background-color: #333;
  border: 1px solid #222;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  .cookie-consent-banner {
    right: 10px;
  }
}

@media screen and (min-width: 640px) {
  .cookie-consent-banner {
    max-width: 300px;
  }
}

#cn-close-notice {
  color: #fff !important;
}

/* 200YSA REGISTRATION FORM */
h3.frm_form_title {
  margin: 0 0 30px 0 !important;
  font-size: 34px !important;
  color: #059fc7 !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  width: 100% !important;
}

.frm_fields_container {
  margin-top: 40px;
}

.with_frm_style .frm_primary_label {
  margin-top: 5px;
}

.frm_description p {
  font-size: 18px !important;
}

.with_frm_style .frm_radio label,
.with_frm_style .frm_checkbox label {
  font-size: 16px;
}

.webinars .aside img {
  max-width: 140px !important;
  margin-top: 0 !important;
}

#visa-offer h1 {
  font-size: 30px !important;
  text-align: center;
}

#visa-offer h2 {
  font-size: 20px !important;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  border-top: 2px solid #1534cb;
  border-bottom: 2px solid #1534cb;
  padding: 5px;
  color: #fff;
  background: #1534cb;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#visa-offer h3 {
  font-size: 22px !important;
  text-align: center;
  max-width: 700px;
  margin: -20px auto 30px;
  padding: 0;
  line-height: 1.2 !important;
}

#visa-offer h4 {
  font-size: 28px !important;
  text-align: center;
  margin: 10px auto 0;
  font-weight: 900 !important;
  color: #1534cb;
  line-height: 1 !important;
}

#visa-offer h5 {
  font-size: 42px !important;
  text-align: center;
  margin: 0 auto;
  font-weight: 900 !important;
  color: #1534cb;
}

#visa-offer h6 {
  font-size: 18px !important;
  padding: 30px 0 10px 0;
}

#visa-offer p {
  max-width: 600px;
  margin: 10px auto 20px;
  text-align: justify;
  font-size: 15px !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#visa-offer .offer-block-1 {
  float: inherit !important;
  margin: 50px auto 0;
  padding: 0;
}

.ad-block-2,
.ad-banner-2 {
  padding: 10px 0 0 !important;
}

/* MOBILE 200 YSA */
@media only screen and (max-width: 991px) {
  section.main-ysa-subnav {
    top: 0;
  }

  .congrats {
    font-size: 1.1em;
    margin: 10px auto;
  }

  .y200-title {
    top: 10%;
  }

  .award-category-200y h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 600px) {
  html #wpadminbar {
    min-width: 240px;
    height: 46px;
    top: -150px !important;
  }
}

@media only screen and (max-width: 768px) {
  #sidebar-200y {
    height: 100px;
  }

  .congrats {
    font-size: 1.6em;
    margin: 10px auto;
    display: none;
  }

  .mg-congrats img {
    margin: 0 0 15px 5px;
    float: left;
    max-width: 140px;
  }

  .anglo-congrats img {
    margin: 5px 0 0 0;
    float: right;
    max-width: 200px;
  }

  .y200-featured-image img {
    margin: -35px auto 0;
  }

  .sponsor-circle-200y,
  .sponsor-circle-200y-2,
  .sponsor-circle-200y-3,
  .sponsor-circle-200y-4 {
    background: #fff;
    border-radius: 100%;
    height: 85px;
    width: 85px;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 10;
    padding: 2px;
    text-align: center;
  }

  .sponsor-circle-200y img {
    display: inline-block;
    max-width: 70px;
    width: 90%;
    position: relative;
    top: 30%;
  }

  /* DONE AUTRUM */
  .sponsor-circle-200y-2 img {
    display: inline-block;
    max-width: 75px;
    width: 90%;
    position: relative;
    top: 6%;
  }

  /* DONE CDH */
  .sponsor-circle-200y-3 img {
    display: inline-block;
    max-width: 75px;
    width: 90%;
    position: relative;
    top: 17.5%;
  }

  .sponsor-circle-200y-4 img {
    display: inline-block;
    max-height: 70px;
    width: auto;
    position: relative;
    top: 5px;
  }

  .icon-200y img {
    width: 100px;
    height: 100px;
    margin: 0;
  }

  .main_ysa .y200-featured-image {
    height: 200px;
  }

  .y200-featured-image img {
    max-width: 300px;
    max-height: 300px;
  }

  .y200-left pullquote {
    margin-bottom: 0;
    width: 100%;
  }

  .y200-title {
    top: 10%;
  }

  .award-category-200y h1 {
    font-size: 22px;
  }

  .award-category-200y h2 {
    font-size: 11px;
  }
}

.home #reg-sub {
  display: none;
}

.archive #reg-sub {
  display: none;
}

.search #reg-sub {
  display: none;
}

/* THREE ARTICLE PAGE */
.page-three-article-limit h1 {
  font-size: 18px;
}

h2.continue {
  background-color: #d11000;
  color: #fff;
  padding: 10px;
  display: block;
  width: 300px;
  text-align: center;
  margin: 30px auto 0;
  font-size: 16px !important;
}

.offers-features ul {
  text-align: center;
  margin: 10px !important;
}

.offers-features li {
  text-align: center;
  list-style-type: "✓ ";
  list-style-position: inside;
  font-size: 17px;
}

/* FLASGSHIP */
#fs-wrapper {
  margin-top: -50px;
}

#fs-wrapper p {
  line-height: 1.2;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  margin: 0 0 2px 0;
}

#fs-wrapper h1 {
  font-size: 40px;
  font-weight: 300 !important;
  margin: 0 auto 25px;
  color: #f3cfb1;
  text-transform: capitalize !important;
  line-height: 1 !important;
  padding: 10px;
  max-width: 600px;
  width: 100%;
  display: block;
  letter-spacing: 0px;
  border-radius: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#fs-wrapper h2 {
  font-size: 16px !important;
  font-weight: 300 !important;
  margin: 20px 0 0 20px;
  line-height: 1.4 !important;
}

#fs-wrapper h3 {
  font-size: 24px !important;
  font-weight: 300 !important;
  border-top: 5px dotted #ee5f67;
  border-bottom: 5px dotted #fdaf13;
  text-align: center;
  font-weight: 300;
  padding: 30px 0 30px;
  margin: 20px auto 50px;
}

#fs-wrapper h4 {
  font-size: 24px !important;
  font-weight: 400 !important;
  text-align: left;
  margin: 0;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 5px dotted #00b3ae;
  color: #ee5f67;
}

#fs-wrapper h5 {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center;
  margin: 0;
  letter-spacing: 0px;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 5px dotted #37766b;
  text-transform: uppercase;
  color: #f3cfb1;
}

#fs-wrapper h6 {
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: center;
  margin: 0;
  margin: 5px 0 5px 0;
  padding: 0 0 5px 0;
}

.nom-link a {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  background-color: #23908b;
  color: #fff;
  display: block;
  position: relative;
  margin: 45px auto 30px;
  border-radius: 30px;
  padding: 20px 20px;
  width: 100%;
  max-width: 400px;
  border: 3px solid #fdaf13;
}

.fs-main {
  max-width: 1050px;
  width: 100%;
}

.fs-main img {
  margin: 0 auto 20px;
  width: 100%;
}

.intro img {
  margin: 0 auto;
  width: 100%;
}

.fs-mg-int img {
  width: 100%;
  max-width: 350px;
  display: block;
}

#footer {
  margin-top: 0 !important;
}

.ad-banner-8 {
  margin-bottom: 15px;
}

#newsletter-optin .form-check-label {
  text-align: left;
  color: #000;
}

#newsletter-profile,
.email-mng-wrapper {
  position: relative;
  display: block;
  background: #eee;
}

.explainer-block {
  line-height: 1.5;
}

.explainer {
  width: 45%;
  display: inline-block;
  padding: 5px 0;
  margin: 5px 0 0;
  vertical-align: top;
  position: relative;
}

.ghosted {
  opacity: 0.4;
  z-index: 1;
  position: relative;
  display: block;
}

.only-available {
  background: #000;
  z-index: 2;
  position: absolute;
  display: block;
  padding: 1px 5px;
  color: #fff;
  font-size: 12px;
  left: 40%;
  transform: rotate(-7deg);
  border-radius: 0;
  border: 2px solid #fff;
  font-weight: 700;
  top: 70%;
  text-align: center;
}

.mailer-title {
  text-transform: uppercase;
  display: inline-block;
  background: #d11000;
  padding: 5px;
  font-size: 15px;
  letter-spacing: 0px;
  margin: 0 0 5px 0;
  line-height: 1;
  width: auto;
  color: #fff;
  font-weight: 500;
}

.mailer-freq {
  font-size: 12px;
  line-height: 1;
  margin: 0 0 10px 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-top: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  display: inline-block;
  padding: 2px 0;
  color: #111;
}

.mailer-freq-page {
  font-size: 12px;
  line-height: 1;
  margin: 5px auto 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-top: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  display: block;
  padding: 2px 0;
  color: #111;
  text-align: center;
  width: fit-content;
}

.mailer-explainer {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.35;
  color: #000 !important;
  letter-spacing: -0.15px;
  width: 90%;
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  .explainer {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    margin: 5px 0 0;
    vertical-align: top;
  }
}

/* AGGREGATOR */
#aggregator {
  background: #111;
}

.agg-container {
  padding-top: 90px !important;
  background: #fff;
}

#aggregator h1 {
  margin: 20px auto 30px !important;
  font-weight: 900 !important;
  font-size: 55px;
  letter-spacing: -2px;
  text-align: left;
  display: block;
  position: relative;
  line-height: 0.9 !important;
  padding: 0;
  z-index: 1;
  font-family: georgia;
  font-family: "Helvetica Neue", Arial, sans-serif;
  /* 	word-break: break-word;
 */
}

#aggregator iframe {
  width: 100%;
  padding: 0 20px;
}

#aggregator li {
  font-style: inherit;
  margin: 10px 0;
}

#aggregator .agg-left h2 {
  color: #fff;
  font-weight: 900 !important;
  font-size: 20px !important;
  line-height: 0.9 !important;
  margin: 0 0 20px;
  text-transform: uppercase;
  border-top: 5px solid #e11000;
  padding: 5px 0;
}

#aggregator .agg-right h2 {
  color: #fff;
  font-weight: 900 !important;
  font-size: 18px !important;
  line-height: 0.9 !important;
  margin: 0 0 20px;
  text-transform: uppercase;
  border-top: 5px solid #b11000;
  padding: 5px 0;
}

#aggregator h3 a,
#aggregator h3 {
  color: #fff;
  font-weight: 900 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  margin: 10px 0 5px;
}

#aggregator a:hover {
  color: #d11000 !important;
}

#aggregator h4 a,
#aggregator h4 {
  color: #fff;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
}

#aggregator .agg-right p {
  margin: 0;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  margin: 0 0 25px;
  width: 100%;
}

#aggregator .post-thumbnail {
  margin: 0;
  padding: 0 10px 0 0;
}

#aggregator .agg-fea-img {
  margin: 20px 0 0 0;
  z-index: 0;
}

#aggregator .agg-cus-cod {
  margin: 40px 0;
}

#aggregator .agg-fea-img-mob {
  margin: 0;
  display: none;
}

#aggregator .entry-content {
  margin: 0 0 30px 0;
}

#aggregator .entry-content p {
  font-size: 14px;
  margin: 0 0 20px 0;
  width: 95%;
  left: 0;
  display: block;
  position: relative;
  z-index: 1;
  padding: 0;
  font-weight: 400 !important;
  line-height: 1.25;
}

#aggregator p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.1;
  color: #fff;
}

#aggregator .agg-left {
  z-index: 1;
}

#aggregator .meta-box {
  background: transparent;
  display: inline-block;
  padding: 0;
}

#aggregator .entry-meta a {
  color: #d11000;
}

#aggregator .meta-box-date {
  color: #d11000;
  font-size: 12px;
  font-weight: 500;
}

#aggregator .entry-content {
}

#aggregator .above-content {
  margin: 0 auto;
  text-align: center;
}

#aggregator .entry-meta {
  font-size: 12px;
  font-weight: 700;
}

#aggregator .byline-single a,
#aggregator .byline-single {
  color: #fff;
}

#aggregator .post-date {
  color: #000;
  font-size: 12px;
  margin: 0 0 0 0;
  background: #fff;
  display: inline-block;
  padding: 3px;
}

#aggregator #reg-sub {
  display: none;
}

#aggregator .agg-post {
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 900px) {
  #aggregator h1 {
    font-size: 55px !important;
    margin: 10px 0 30px 0 !important;
  }
}

@media only screen and (max-width: 576px) {
  #aggregator h1 {
    font-size: 45px !important;
    margin: -35px 0 30px 0 !important;
  }

  #aggregator .p-3 {
    padding: 0 !important;
  }

  #aggregator .agg-left {
    margin: 0 !important;
  }

  #aggregator .post-thumbnail {
    max-width: 350px;
  }

  #aggregator .agg-fea-img {
    display: none;
  }

  #aggregator .agg-fea-img-mob {
    display: block;
    margin: 5px 0 0;
  }

  #aggregator h3 a,
  #aggregator h3 {
    color: #fff;
    font-weight: 900 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    margin: 10px 0 5px;
  }
}

#afr-bus-pol .px-3,
#edu-spo-wor .px-3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin: 0 0 0 15px;
  padding: 2px 6px 3px !important;
  line-height: 1;
  border-radius: 0;
  color: #fff;
  border: 1px solid;
}

.africa .px-3 {
  background: #fcb54b;
}

.business .px-3 {
  background: #f44607;
}

.politics .px-3 {
  background: #d11000;
}

.education .px-3 {
  background: #5ca843;
}

.sport .px-3 {
  background: #27c6a1;
}

.world .px-3 {
  background: #4576b7;
}

.related-article {
  margin: 10px 0 0 0;
  position: relative;
}

.related-article .featured-image {
  max-height: 200px;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: filter 0.15s ease-in-out;
}

.related-article .featured-image:hover {
  -webkit-filter: grayscale(10%);
  filter: grayscale(10%);
  transition: filter 0.15s ease-in-out;
}

.related-article h3,
.related-article p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin: 0;
}

.related-article h3 {
  padding: 2px 5px 4px;
  position: absolute;
  width: 100%;
  background: #d11000;
  color: #f2ede6;
  line-height: 1 !important;
  bottom: 0;
}

.related-article h3 a {
  font-size: 0.9rem;
  line-height: 0.9;
  color: #f2ede6;
}

.related-article h3 a:hover {
  color: #fff;
}

.related-article p {
  margin: 0;
  color: #fff;
  padding: 4px 5px 5px;
  text-shadow: 1px 1px 2px #000;
  font-size: 11px;
  line-height: 1.2;
  position: absolute;
  bottom: 0;
  font-weight: 400;
  background-color: rgba(5, 5, 5, 0.75);
  display: none;
}

.related-article .img-fluid-widget {
  width: 100%;
  height: auto;
}

.related-article .img-fluid,
.img-thumbnail {
  width: 100% !important;
  max-width: 100% !important;
}

@media only screen and (max-width: 768px) {
  .related-article {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px auto 20px;
    max-height: 250px;
    overflow: hidden;
  }

  .related-article img {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    height: auto;
  }

  .related-article h3 {
    position: absolute;
    width: 98%;
    bottom: 2%;
    left: 1%;
    right: 1%;
    z-index: 1;
    background: rgba(5, 5, 5, 0.6);
    padding: 4px 6px;
  }

  .related-article h3 a {
    text-shadow: none;
    color: #fff;
    line-height: 1.2;
    font-size: 17px;
  }

  .related-article p {
    margin: 0;
    color: #333;
    font-weight: 400;
    padding: 5px;
    text-shadow: none;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    text-shadow: none;
    bottom: 0;
    z-index: 2;
    background-color: #fff;
    width: 100%;
    border: 0;
    display: none;
  }

  .editors-sidebar img {
    width: 45% !important;
  }

  .editors-sidebar h5 {
    font-size: 17px !important;
  }
}

/* AGGREGATOR COOMERCIAL */
#aggregator-commercial {
}

.agg-container {
  margin-top: 120px !important;
}

#aggregator-commercial h1 {
  margin: 10px auto 40px !important;
  font-weight: 900 !important;
  font-size: 65px;
  letter-spacing: -2px;
  text-align: left;
  display: block;
  position: relative;
  line-height: 0.85 !important;
  padding: 0;
  z-index: 1;
  /* 	word-break: break-word;
 */
}

#aggregator-commercial iframe {
  width: 100%;
  padding: 0 20px;
}

#aggregator-commercial .agg-left h2 {
  color: #fff;
  font-weight: 900 !important;
  font-size: 20px !important;
  line-height: 0.9 !important;
  margin: 0 0 10px;
  text-transform: uppercase;
  padding: 5px 0;
}

#aggregator-commercial .agg-right h2 {
  font-weight: 900 !important;
  font-size: 20px !important;
  line-height: 0.9 !important;
  margin: 0 0 10px;
  text-transform: uppercase;
  padding: 0;
}

#aggregator-commercial h3 a,
#aggregator-commercial h3 {
  font-weight: 900 !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  margin: 5px 0 0;
}

#aggregator-commercial a:hover {
  color: #d11000 !important;
}

#aggregator-commercial h4 a,
#aggregator-commercial h4 {
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  margin: 0 0 20px 0;
}

#aggregator-commercial .agg-right p {
  margin: 0;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  margin: 5px 0 5px;
  width: 100%;
}

#aggregator-commercial .post-thumbnail {
  margin: 0;
  padding: 0 10px 0 0;
}

#aggregator-commercial .agg-fea-img {
  margin: 0 0 20px 0;
  z-index: 0;
}

#aggregator-commercial .agg-cus-cod {
  margin: 40px 0;
}

#aggregator-commercial .agg-fea-img-mob {
  margin: 0;
  display: none;
}

#aggregator-commercial .entry-content {
  margin: 0 0 30px 0;
}

#aggregator-commercial .entry-content p {
  font-size: 14px;
  margin: 0 0 20px 0;
  width: 95%;
  left: 0;
  display: block;
  position: relative;
  z-index: 1;
  padding: 0;
  font-weight: 500 !important;
  line-height: 1.25;
}

#aggregator-commercial p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.1;
}

#aggregator-commercial .agg-left {
  z-index: 1;
}

#aggregator-commercial .meta-box {
  display: inline-block;
  padding: 0px 2px 0px;
  border-top: 3px solid #000;
  margin: 2px 0 0 0;
}

#aggregator-commercial .entry-meta a {
  color: #111 !important;
}

#aggregator-commercial .meta-box-date {
  color: #333;
  font-size: 13px;
  font-weight: 300;
}

#aggregator-commercial .entry-content {
}

#aggregator-commercial .above-content {
  margin: 0 auto;
  text-align: center;
}

#aggregator-commercial .entry-meta {
  font-size: 13px;
  font-weight: 500;
}

#aggregator-commercial .byline-single a,
#aggregator-commercial .byline-single {
}

#aggregator-commercial .post-date {
  color: #000;
  font-size: 12px;
  margin: 0 0 0 0;
  background: #333;
  color: #fff;
  display: inline-block;
  padding: 2px 4px;
}

#aggregator-commercial #reg-sub {
  display: none;
}

#aggregator-commercial .agg-post {
  margin: 0 0 20px 0;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 900px) {
  #aggregator-commercial h1 {
    font-size: 55px !important;
    margin: 10px 0 30px 0 !important;
  }
}

@media only screen and (max-width: 576px) {
  #aggregator-commercial h1 {
    font-size: 55px !important;
    margin: 10px 0 25px 0 !important;
  }

  #aggregator-commercial .p-3 {
    padding: 0 !important;
  }

  #aggregator-commercial .agg-left {
    margin: 0 !important;
  }

  #aggregator-commercial .post-thumbnail {
    max-width: 350px;
  }

  #aggregator-commercial .agg-fea-img {
  }

  #aggregator-commercial .agg-fea-img-mob {
    display: block;
    margin: 0;
  }

  #aggregator-commercial h3 a,
  #aggregator-commercial h3 {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    margin: 10px 0 5px;
  }
}

/* FEATURE BOX */
#feature-box {
  padding: 0;
}

.feature-box-article {
  margin: 0;
  position: relative;
}

.feature-head {
  background: #f8f3eb;
  border-top: 9px solid #d11000;
  border-bottom: 2px solid #d11000;
}

.feature-head h2 {
  color: #d11000;
  text-transform: uppercase;
  padding: 6px 10px 10px;
  font-size: 11px;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.feature-footer button {
  background: #911000;
  padding: 5px 10px;
}

#feature-box h3 {
  font-size: 17px;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.25px;
  margin: 10px auto 0 !important;
  padding: 0 5px;
  width: 85%;
  text-align: center;
}

#feature-box h3 a {
  color: #111;
  z-index: 2;
}

.feature-box-img {
  max-height: 150px;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-bottom: 0;
  position: relative;
  height: 200px;
  border-radius: 6px 6px 0 0;
}

.feature-box-con {
  position: relative;
  opacity: 1;
  margin-top: 5px;
  width: 100%;
  background: #fff;
  border-radius: 6px 6px 0 0;
  padding-bottom: 5px;
}

#feature-box p {
  font-size: 12px;
  padding: 10px 15px 5px;
  text-align: center;
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.2;
}

#feature-box .byline-single {
  padding: 4px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  border: none;
  background: #f8f3eb;
}

#feature-box .feature-footer button,
#feature-box .feature-footer button:hover {
  text-decoration: none;
}

#feature-box .feature-footer button {
  background: #fff !important;
  padding: 10px 25px !important;
  margin: 0 auto;
  position: relative;
  display: block;
  border-radius: 0;
  border: 1px solid #333;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

#feature-box .feature-footer button:hover {
  background: #111 !important;
  color: #fff !important;
}

.fs-additional {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.fs-pink {
  color: #ee5f66;
  font-weight: 700;
}

.fs-top {
  max-width: 970px;
  padding: 3px;
  z-index: 1;
  position: relative;
  background: #059fc7;
  margin-right: 5px;
  height: 32px;
  margin-bottom: 0;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(1, 135, 130, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(1, 135, 130, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(1, 135, 130, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#018782', GradientType=1);
}

.fs-top select {
  background-color: #fff;
  color: #018782;
  border: 1px solid #018782;
  padding: 0 2px;
  width: 100%;
  max-width: 200px;
  border-radius: 0;
  height: 26px;
  font-size: 13px;
  float: right;
  margin-right: 4px;
}

#mc_embed_signup_scroll strong {
  text-transform: uppercase;
  padding: 0;
  line-height: 1.4;
  top: -2px !important;
  position: relative;
}

#afr-bus-pol .business,
#edu-spo-wor .education,
#edu-spo-wor .sport {
  background: transparent !important;
}

.wrapper-200y .hero-200y img {
  margin-top: 0;
}

.search-no-results .search-form {
  padding: 100px 0 100px 0;
  margin: 0 auto;
  max-width: 500px;
}

.y200-sponsors-bottom {
  z-index: 15;
}

.y-200 p {
  font-size: 14px !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.1 !important;
  font-style: normal !important;
  margin: 15px 0 0 0;
}

.y-200 ul,
.y-200 li {
  font-size: 14px !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1 !important;
  font-style: normal !important;
}

.y-200 li {
  list-style: square;
}

.y-200-profile-pic img {
  width: 100%;
  max-width: 680px;
  position: relative;
  margin: 20px auto 0;
}

.y-200-title-box {
  position: relative;
  z-index: 10;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.y-200-title-box h1 {
  color: #333;
  font-size: 38px;
  padding: 10px 0 0 0;
  font-weight: 900 !important;
}

.y-200-title-box strong {
  font-size: 12px;
  color: #333;
  border-top: 1px dashed #333;
  display: inline-block;
  padding: 8px 0 0 0;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.featured-y-200 {
  float: right;
  padding: 15px 0 15px 15px;
}

.content-sidebar-200y img {
  width: 100%;
  max-width: 200px;
}

section.bottom-200y {
  border: 3px solid #03a0c6 !important;
  border-radius: 20px;
  margin: 40px 0 0 0 !important;
  padding: 50px 10px !important;
}

.sponsor-200y-mandela {
  max-width: 200px !important;
}

#mc_embed_signup-ysa input {
  min-width: 220px !important;
}

.yfm {
  max-width: 40px !important;
}

.sponsor-200y {
  margin: 20px auto !important;
}

/* 200YSA REGISTRATION FORM */
h3.frm_form_title {
  margin: 0 0 30px 0 !important;
  font-size: 34px !important;
  color: #059fc7 !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  width: 100% !important;
}

.frm_fields_container {
  margin-top: 40px;
}

.with_frm_style .frm_primary_label {
  margin-top: 5px;
}

.frm_description p {
  font-size: 18px !important;
}

.with_frm_style .frm_radio label,
.with_frm_style .frm_checkbox label {
  font-size: 16px;
}

.with_frm_style .frm_primary_label {
  font-size: 16px;
  line-height: 1.2;
}

.with_frm_style .frm_radio input[type="radio"] {
  margin: -4px 4px 0 0 !important;
}

.webinars .aside img {
  max-width: 140px !important;
  margin-top: 0 !important;
}

#visa-offer h1 {
  font-size: 30px !important;
  text-align: center;
}

#visa-offer h2 {
  font-size: 20px !important;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  border-top: 2px solid #1534cb;
  border-bottom: 2px solid #1534cb;
  padding: 5px;
  color: #fff;
  background: #1534cb;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#visa-offer h3 {
  font-size: 22px !important;
  text-align: center;
  max-width: 700px;
  margin: -20px auto 30px;
  padding: 0;
  line-height: 1.2 !important;
}

#visa-offer h4 {
  font-size: 28px !important;
  text-align: center;
  margin: 10px auto 0;
  font-weight: 900 !important;
  color: #1534cb;
  line-height: 1 !important;
}

#visa-offer h5 {
  font-size: 42px !important;
  text-align: center;
  margin: 0 auto;
  font-weight: 900 !important;
  color: #1534cb;
}

#visa-offer h6 {
  font-size: 18px !important;
  padding: 30px 0 10px 0;
}

#visa-offer p {
  max-width: 600px;
  margin: 10px auto 20px;
  text-align: justify;
  font-size: 15px !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#visa-offer .offer-block-1 {
  float: inherit !important;
  margin: 50px auto 0;
  padding: 0;
}

.ad-block-1,
.ad-block-2,
.ad-block-3 {
  padding: 0 0 15px 0 !important;
}

.ad-banner-2 {
  padding: 15px 0 15px 0 !important;
}

.webinar-head {
  margin: 0;
  text-align: center;
  position: relative;
  line-height: 1;
  border-radius: 0;
  background: #fff;
  height: 100%;
  min-height: 240px;
  border-bottom: 10px solid #111;
}

.webinar-reg button {
  text-transform: uppercase;
  background: #d11000;
  width: 100%;
  max-width: 300px;
  margin: 10px auto;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  display: block;
  border: none;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none !important;
}

.webinar-reg button:hover {
  text-decoration: none !important;
  color: #111;
  background: #f11000;
  text-decoration: none;
}

.webinar-reg button a:link {
  text-decoration: none !important;
}

.webinar-reg button a:hover {
  text-decoration: none !important;
}

.webinar-det {
  font-size: 14px;
  width: 100%;
  max-width: 500px;
  margin: -30px auto 60px;
  line-height: 1.2;
  border: 1px solid #333;
  padding: 10px 10px 5px;
  border-radius: 8px;
  display: block;
  z-index: 2;
  display: block;
  position: relative;
  background: #fff;
}

.webinar-reg a:hover {
  background: #d11000;
  color: #d11000;
  cursor: pointer;
  text-decoration: none;
}

.webinar-dat {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 0 5px 0;
}

.webinar-tit {
  font-size: 17px;
  font-weight: 700;
}

/* SPECIAL EDITION */
#special-edition {
  background: #fff !important;
}

#special-edition article {
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
}

#special-edition p {
  margin: 0 0 30px 0;
  font-size: 15px;
}

#special-edition .inner-img {
  height: 250px;
  margin-bottom: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.inner-img-special-edition {
  height: 250px;
}

.special-edition h2 {
  font-size: 27px !important;
  text-align: center;
}

#special-edition h3 a {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  color: transparent;
  line-height: 1;
  font-weight: 900;
  padding: 5px;
  height: 100%;
  -webkit-transition: background-color 0.75s ease-out;
  -moz-transition: background-color 0.75s ease-out;
  -o-transition: background-color 0.75s ease-out;
  transition: background-color 0.75s ease-out;
}

#special-edition h3 a:hover {
  font-size: 27px !important;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  font-weight: 900;
  padding: 10px;
  background: rgba(240, 240, 240, 1);
  height: 100%;
  width: 100%;
  text-decoration: none !important;
  letter-spacing: -0.5px;
  color: #333;
}

.special-edition h3 {
  margin-bottom: -10px;
}

.special-edition-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 900 !important;
  letter-spacing: 0;
  margin: 0 0 5px;
  font-size: 45px;
}

.specialedition {
  margin: 0 0 20px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400 !important;
  letter-spacing: 5px;
}

.special-edition-more {
  font-size: 14px;
  padding: 10px 25px;
  text-align: center;
  display: table;
  border-radius: 50px;
  line-height: 1.1;
  margin: 10px auto 30px;
  font-weight: 500;
  color: #fff;
  width: auto;
  position: relative;
}

.special-edition-more:hover {
  background-color: #111 !important;
  text-decoration: none !important;
}

#special-edition article {
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
}

#special-edition p {
  margin: 0 0 30px 0;
  font-size: 15px;
}

#special-edition .inner-img {
  height: 250px;
  margin-bottom: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.inner-img-special-edition {
  height: 250px;
}

.special-edition h2 {
  font-size: 27px !important;
  text-align: center;
}

#special-edition h3 a {
  font-size: 29px !important;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  padding: 2% 30% 2% 3%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: background-color 0.75s ease-out;
  -moz-transition: background-color 0.75s ease-out;
  -o-transition: background-color 0.75s ease-out;
  transition: background-color 0.75s ease-out;
}

#special-edition h3 a:hover {
  font-size: 29px !important;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  padding: 2% 25% 2% 3%;
  height: 100%;
  background-color: #333 !important;
  -webkit-transition: background-color 0.75s ease-out;
  -moz-transition: background-color 0.75s ease-out;
  -o-transition: background-color 0.75s ease-out;
  transition: background-color 0.75s ease-out;
  letter-spacing: 0;
}

.special-edition h3 {
  margin-bottom: 5px;
}

.special-edition-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 900 !important;
  letter-spacing: -1px;
  margin: 0 0 5px;
  font-size: 35px;
}

.specialdition {
  margin: 0 0 20px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400 !important;
  letter-spacing: 5px;
}

.special-edition-more {
  font-size: 14px;
  padding: 10px;
  text-align: center;
  width: 80%;
  border-radius: 20px;
  color: #fff;
  margin: 10px auto 30px;
}

.special-edition-more:hover {
  background: #111;
}

.social-meks {
  float: inherit !important;
  margin: 5px 0 !important;
}

.wrapper-200y .hero-200y img {
  margin-top: 0;
}

sponsor-circle-200y-3 img {
  display: inline-block;
  max-width: 100px;
  width: 100%;
  position: relative;
  top: 17.5%;
}

@media only screen and (max-width: 400px) {
  .hero-200y-mobile {
    margin-top: 80px !important;
  }
}

section.content-200y .content-main-200y h1 {
  font-size: 40px !important;
  text-align: left;
  padding: 10px;
  color: #00afef;
}

.meta-lock-absolute {
  position: absolute;
  background: #fff;
  border-radius: 99px;
  top: 5px;
  left: 5px;
}

.fa-regular,
.far {
  position: absolute;
  display: contents;
  font-size: 18px;
  color: #111;
}

.response {
  font-size: 11px;
  text-align: center;
  padding: 10px 15px;
}

.green-guardian p,
.mc-mgmornings p {
  font-weight: 500 !important;
  line-height: 1.2;
  text-align: center;
  margin: 5px 20px 8px;
  font-size: 11px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#mc_embed_signup {
  margin: 0 auto;
}

.fa-envelope {
  color: #002675;
}

@media only screen and (max-width: 767px) {
  div.offer-block-1,
  div.offer-block-3,
  div.offer-block-4 {
    margin: 15px 1% !important;
    position: relative;
    display: block;
    text-align: center;
    width: 98% !important;
  }

  div.offer-block-2 {
    margin: 15px 1% 45px !important;
    position: relative;
    display: block;
    text-align: center;
    width: 98% !important;
  }

  #gtf,
  #gtf-single p {
    background: #fff;
  }

  #gtf button {
    color: #fff;
    padding: 10px 30px;
    background: #d11000;
    border-radius: 18px;
    border: none;
  }

  #gtf button:hover {
    background: #f11000;
  }

  #gtf section.main-gtf-hero p {
    font-family: "Helvetica Neue", Arial, sans-serif;
    line-height: 1.1;
    font-size: 0.85rem;
    color: #333;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 650px;
    font-weight: 600;
  }

  #gtf h1 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 0.9 !important;
    font-weight: 700 !important;
    font-size: 4rem !important;
    margin-bottom: 50px !important;
  }

  #gtf h2 {
    color: #fff;
    text-transform: normal;
    letter-spacing: 1px;
    display: block;
    padding: 0;
    border-radius: 5px;
    line-height: 1 !important;
    font-weight: 900 !important;
    font-size: 3rem !important;
    transition: background-color 0.5s ease;
    text-shadow: 2px 2px #fcc445, 4px 4px #d11000, 8px 8px 1px #111;
    margin: 30px 0 30px 0;
  }

  #gtf h3 {
    color: #fff;
    letter-spacing: 1px;
    background: #000;
    display: inline-block;
    padding: 15px 15px;
    border-radius: 5px;
    line-height: 1 !important;
    font-weight: 400 !important;
    font-size: 1rem;
    transition: background-color 0.5s ease;
    margin: 20px 0 60px;
  }

  .main-gtf-one {
    background: #333;
    background: url(https://mg.co.za/wp-content/uploads/2023/10/Wind.jpg) top
      center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    display: block;
  }

  .main-gtf-two {
    background: url(https://mg.co.za/wp-content/uploads/2023/10/Ice.jpg) top
      center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 50px 0 20px;
    position: relative;
    z-index: 1;
  }

  .main-gtf-three {
    background: #333;
    background: url(https://mg.co.za/wp-content/uploads/2023/10/Greening-the-Future-Sponsorship-Doc-November-2023-13.jpg)
      center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px;
    position: relative;
    z-index: 1;
    height: 500px;
  }

  .main-gtf-one-container {
    position: relative;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.7);
    color: #f1f1f1;
    width: 65%;
    padding: 25px 20px;
    left: 35%;
    border-radius: 20px 0 0 20px;
  }

  .main-gtf-one-container p {
    color: #111;
    font-size: 1.1rem;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.2;
  }

  .gtf-wrapper {
    top: -2px;
    position: relative;
  }
}

/* Mobile Styles */
@media screen and (max-width: 776px) {
  .main-gtf-one-container {
    position: relative;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    color: #f1f1f1;
    width: 80%;
    padding: 25px 15px;
    left: 10%;
    border-radius: 10px;
  }

  /* Header Styles */
  #gtf h1 {
    font-size: 3rem;
  }

  #gtf h2 {
    font-size: 2.2rem;
  }

  /* Additional Styles */
  .main-gtf-two {
    margin: 10px;
    padding: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .feature-box-img {
    max-height: 190px !important;
    height: 100% !important;
  }

  .entry-content p:not(.divVideoStep) {
    font-size: 1.025rem;
  }
}

/* ADDITIONAL STYLES from CUSTOMIZE SECTION */

/* NEWSLETTER SIGNUP PAGE */

#newsletter-signup-page p {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  margin: 10px 0 5px 0;
}

.frm_fields_container {
  margin-top: 10px !important;
}

.frm_forms.frm_style_formidable-style.with_frm_style {
  max-width: 800px;
}

#newsletter-signup-page .bg-red {
  background: #f9e3f8;
  padding: 3px 4px 4px;
  line-height: 2;
  font-size: 1.1rem;
  margin: 15px 0 0 0;
}

#newsletter-signup-page .bg-green {
  background: #e3f7e3;
  padding: 3px 4px 4px;
  line-height: 2;
  font-size: 1.1rem;
  margin: 20px 0 0 0;
}

#newsletter-signup-page .bg-blue {
  background: #e3ebf7;
  padding: 3px 4px 4px;
  line-height: 2;
  font-size: 1.1rem;
  margin: 20px 0 0 0;
}

#newsletter-signup-page .bg-yellow {
  background: #f7f4b4;
  padding: 3px 4px 4px;
  line-height: 2;
  font-size: 1.1rem;
  margin: 20px 0 0 0;
}

#newsletter-signup-page .bg-orange {
  background: #ffce7a;
  padding: 3px 4px 4px;
  line-height: 2;
  font-size: 1.1rem;
  margin: 20px 0 0 0;
}

/* FORMIDABLE QUIZ */

#formidable-quiz-post .frm-summary-page-wrapper .frm-line-table th {
  width: 60%;
}

#formidable-quiz-post .frm_fields_container {
  margin-top: 0;
}

#formidable-quiz-post .frm_description p {
  background: #eff9fc !important;
  text-align: center;
  padding: 10px;
  /* 	border-radius:10px; */
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700;
  margin: 15px 0 0 0;
  /* 	border:3px solid #00bbff; */
}

#formidable-quiz-post
  #frm_form_29_container
  > div.with_frm_style
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > th,
#formidable-quiz-post
  #frm_form_29_container
  > div.with_frm_style
  > div
  > table
  > tbody
  > tr:nth-child(1)
  > td {
  font-size: 1.8rem;
  font-weight: 700;
}

#formidable-quiz-post .frm_quizzes_correct_col {
  width: 18px;
}

#formidable-quiz-post .frmsvg {
  max-width: 150%;
}

#formidable-quiz-post .frm_quizzes_result .frm_quizzes_correct_col svg {
}

#formidable-quiz-post .with_frm_style .frm-show-form div.frm_description p {
  color: #111 !important;
}

#formidable-quiz-post .frm_quizzes_correct_col {
  width: 23px;
  display: inline-block;
  height: 20px;
}

#formidable-quiz-post .frm-line-table th {
  opacity: 1;
}

#formidable-quiz-post .with_frm_style .frm-summary-page-wrapper {
  padding: 0 !important;
}

#formidable-quiz-post ul li a:visited,
#formidable-quiz-post p a:visited {
  color: #385630;
}

#formidable-quiz-post .entry-content h2 {
  margin-top: 0 !important;
}

.flagship-banner {
  position: relative;
  top: 5px;
}

#reports-main .flagship-sub-menu ul {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  background: #000;
}

#reports-main .flagship-sub-menu ul li {
  width: 200px !important;
}

#reports-main .flagship-sub-menu ul li a {
  color: #333 !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1.1rem !important;
  text-transform: capitalize !important;
}

#reports-main .flagship-sub-menu .sub-menu {
  text-align: left;
  padding: 10px;
}

.reports-main-container h1 {
  margin: 0 0 10px 20px;
  padding: 0 25px 0 0;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  letter-spacing: -2px !important;
  text-transform: uppercase;
  text-align: right;
  font-size: 4rem !important;
  color: #d11000 !important;
}

.reports-main-container h2 {
  font-family: Georgia, Times Roman, Serif;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  margin: 5px 0 10px 0;
  line-height: 1.25 !important;
  padding: 20px 0 10px;
  border-top: 20px solid #d11000;
}

.reports-main-container p {
  /* 		 			 font-family: "Helvetica Neue", Arial, sans-serif; */
  font-family: Georgia, Times Roman, Serif;
  font-size: 1.05rem !important;
  margin: 0 0 20px 0;
  line-height: 1.45 !important;
  letter-spacing: -0.5px;
}

.reports-main-container {
  top: -20px;
  position: relative;
}

#reports_view_shortcode {
  padding: 2rem;
}

.contributors p {
  padding: 20px 30px 0 0;
  text-align: right;
  font-size: 0.7rem !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.report-box {
  position: relative;
  max-height: 155px;
  overflow: hidden;
}

.report-box button {
  background: #e11000;
  border: none;
  padding: 8px 10px;
  color: #fff;
  font-size: 0.65rem;
  position: absolute;
  display: block;
  left: 10px;
  letter-spacing: 0.25px;
  bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.report-box button:hover {
  background: #a11000;
}

.report-meta {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  /* 	background:rgba(0,0,0,0.65); */
  width: 100%;
  padding: 2px 0 8px 2px;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.report-meta h2 {
  color: #fff;
  font-size: 1.15rem !important;
  display: block !important;
  line-height: 1 !important;
  width: 80%;
  font-weight: 700 !important;
  border-top: none;
  background: transparent;
  margin: 0 !important;
  text-shadow: 1px 1px 2px #444;
  /* 	text-transform: uppercase;
*/
  padding: 5px !important;
  transition: text-shadow 0.5s ease;
}

.meks-report {
  float: right;
  padding: 10px 25px 10px 0;
}

@media only screen and (max-width: 574px) {
  .reports-main-container h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 2.75rem !important;
  }

  .report-meta h2 {
    font-size: 1.55rem !important;
  }

  .reports-main-container h2 {
    margin: 0 0 20px 0 !important;
  }

  .report-box {
    max-height: fit-content;
  }

  #reports-main .meks_ess {
    margin: 0;
  }

  .meks_ess.square {
    justify-content: center;
  }

  .meks-report {
    text-align: center;
    padding: 0 5px;
    position: relative;
    width: 100%;
  }

  .contributors p {
    padding: 20px 0 0 0;
    text-align: center;
    font-size: 0.7rem !important;
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

.report-meta h2:hover {
  transition: text-shadow 0.5s ease;
  text-shadow: 3px 4px 5px #000;
}

.report-meta h2 a {
}

/* reports end */

.archive-header h1 {
  background: #630d63 !important;
}

#partner-content h2 {
  background: #630d63 !important;
}

#partner-content h2 a {
  color: #fff;
}

#mc_embed_signup {
  width: 100% !important;
  max-width: 650px !important;
}

#mc_embed_signup form {
  margin: 0 !important;
}

#mc_embed_signup .mc-field-group input {
  width: 100%;
  max-width: 300px;
}

#mc_embed_signup .mc-field-group label {
  text-align: left;
  font-weight: 700;
}

#mc_embed_signup h2 {
  color: #81ab3c;
}

.flagship-subscribe-section {
  padding: 30px;
}

.flagship-logo {
  margin: 0 0 10px 10px;
}

#main
  > div.gtf-single-page-wrapper
  > div.row.g-0.g-0.flagship-singlepage-banner
  > div:nth-child(3)
  > div
  > img {
  width: 90px;
  height: auto;
}

h1.black-friday-title {
  text-align: center;
  margin: 0 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  font-size: 3.2rem !important;
  padding: 0 !important;
  text-shadow: 2px 2px #f11000, 4px 4px #911000;
}

.black-friday-sub {
  text-align: center;
  margin: 0 !important;
  color: #fff !important;
  background: #111;
  display: block !important;
  position: relative !important;
  margin: 10px auto 0 !important;
  width: 100%;
  text-transform: uppercase;
  max-width: 365px;
  letter-spacing: 1px;
  font-weight: 400 !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.black-friday label {
  /* 	color:#d11000; */
  margin: 10px 0 0 0;
  font-weight: 700 !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

#post-542409 .offer-block-1 p,
#post-542409 .offer-block-2 p,
#post-542409 .offer-block-3 p,
#post-542409 .offer-block-4 p {
  width: 90% !important;
}

#post-32585 .offer-block-1 p,
#post-32585 .offer-block-2 p,
#post-32585 .offer-block-3 p,
#post-32585 .offer-block-4 p {
  width: 90% !important;
}

.price-cross {
  width: 155px;
  position: absolute;
  height: 0;
  margin: 15px 0 0 -10px;
  border-bottom: 3px solid rgba(155, 5, 5, 0.95);
  rotate: -8deg;
}

.price-full {
  color: #694e08 !important;
  text-align: center;
  margin: 0 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  font-size: 2rem !important;
  padding: 5px !important;
}

.annual-bf-price bdi {
  color: #daa520;
  text-align: center;
  margin: 10px 0 0 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2.8rem;
  position: relative;
  display: block;
}

/* .offer-block-4 .woocommerce-price-amount  {
font-size:42px !important;
top:-15px;
position:relative;
} */

.offer-block-1,
.offer-block-2,
.offer-block-3,
.offer-block-4 {
  position: relative;
}

#post-542409 > div.row > div:nth-child(1) > div.offer-block-1 > div > span,
#post-542409 > div.row > div:nth-child(1) > div.offer-block-2 > div > span,
#post-542409 > div.row > div:nth-child(3) > div.offer-block-3 > div > span,
#post-542409 > div.row > div:nth-child(4) > div.offer-block-3 > div > span,
#post-542409
  > div.row
  > div:nth-child(3)
  > div.offer-block-4
  > div.corner-ribbon
  > span {
  font-size: 1.6rem;
  color: #f11000;
}

#post-32585 > div.row > div:nth-child(1) > div.offer-block-1 > div > span,
#post-32585 > div.row > div:nth-child(1) > div.offer-block-2 > div > span,
#post-32585 > div.row > div:nth-child(3) > div.offer-block-3 > div > span,
#post-32585 > div.row > div:nth-child(4) > div.offer-block-3 > div > span,
#post-32585
  > div.row
  > div:nth-child(3)
  > div.offer-block-4
  > div.corner-ribbon
  > span {
  font-size: 1.6rem;
  color: #f11000;
}

.corner-ribbon {
  -webkit-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 12px;
  left: -52px;
  background: #fff;
  padding: 10px 55px;
  background: #111;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0;

  font-size: 0.8rem;
  text-transform: uppercase;
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  div.offer-block-1,
  div.offer-block-3,
  div.offer-block-4 {
    margin: 15px 1% !important;
    position: relative;
    display: block;
    text-align: center;
    width: 98% !important;
    height: auto !important;
  }

  div.offer-block-2 {
    margin: 15px 1% 45px !important;
    position: relative;
    display: block;
    text-align: center;
    width: 98% !important;
    height: auto !important;
  }
}

.gtf-abstract-top {
  margin-top: 110px;
}

#woo-myaccount input {
  background: #f2f2f2 !important;
  color: #111 !important;
  border-radius: 0 !important;
}

#woo-myaccount input:hover {
  background: #fff !important;
}

.xoo-el-sidebar {
  min-width: 300px !important;
}

/*  NEWSLETTERS REGISTRATION PAGE  */

.newsletter-signup h1 {
  text-align: left;
  text-align: left;
}

#newsletter-reg h2,
#newsletter-reg h3 {
  margin: 15px 0 5px 0;
  font-size: 1.1rem;
}

#newsletter-reg h5 {
  /* 	text-transform:uppercase; */
  /* 	color:#008e9b; */
  /* 	color:#fff;
padding:5px; */
  display: inline-block;
  font-size: 1.2rem !important;
  margin: 15px 0 5px 0;
  line-height: 1 !important;
}

#newsletter-reg h5 span {
  background: #d11000;
  padding: 4px 9px;
  line-height: 1;
  height: 28px;
  width: 28px;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  position: relative;
  /* 	top:-2px; */
}

#newsletter-reg > div:nth-child(1) > h2,
#newsletter-reg > div:nth-child(2) > h2,
#newsletter-reg > div:nth-child(3) > h2 {
  text-decoration: underline;
  margin: 30px 0 5px 0;
}
#newsletter-reg > div:nth-child(1) > h2,
#newsletter-reg > div:nth-child(2) > h2,
#newsletter-reg > div:nth-child(3) > h2 {
  text-decoration: underline;
  margin: 30px 0 5px 0;
}

#newsletter-reg p {
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 10px;
  font-size: 0.9rem;
}

#mc-mg-mornings.text-center > h2 {
  margin: 10px 0 15px;
  font-size: 1.3rem !important;
}
#mc-mg-mornings.text-center > h2 {
  margin: 10px 0 15px;
  font-size: 1.3rem !important;
}

#mc-green-guardian.text-center > h2 {
  margin: 10px 0 15px;
  font-size: 1.3rem !important;
}
#mc-green-guardian.text-center > h2 {
  margin: 10px 0 15px;
  font-size: 1.3rem !important;
}

#mc-webinars.text-center > h2 {
  margin: 10px 0 15px;
  font-size: 1.3rem !important;
}
#mc-webinars.text-center > h2 {
  margin: 10px 0 15px;
  font-size: 1.3rem !important;
}

#mc-mg-mornings,
#mc-green-guardian,
#mc-webinars {
  padding: 0 15px 0;
}

#mc-mg-mornings {
  /*     background: #f3dde4; */
  border-bottom: 2px dotted #111;
}

#mc-green-guardian > h3 {
  color: #81ab3c;
}

#mc-green-guardian {
  /*     background: #ddf3e1; */
  border-bottom: 2px dotted #111;
}

#mc-webinars > h3 {
  color: #4696c7;
}

#mc-webinars {
  /*     background: #ddedf3; */
  border-bottom: 2px dotted #111;
}

#mc-webinars p,
#mc-green-guardian p,
#mc-mg-mornings p {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.reg-but {
  border-radius: 20px;
  padding: 8px 5px;
  margin: 15px auto 10px;
  background: #d11000;
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;

  font-weight: 700;
  /*     text-transform: uppercase; */
  font-size: 0.9rem;
  border: none;
  display: block;
  width: 180px;
}

.sub-but {
  width: 200px;

  border-radius: 20px;
  padding: 8px 5px;
  margin: 15px auto 10px;
  background: #d11000;
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;

  font-weight: 700;
  /*     text-transform: uppercase; */
  font-size: 0.9rem;
  border: none;
  display: block;
  width: 180px;
}

.sub-but:hover,
.reg-but:hover {
  background: #f11000;
}

/* REGISTRATION MODAL */

.woocommerce form .form-row label {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#customer_login > div.u-column2.col-2 > form > p:nth-child(7) > button {
  border-radius: 30px;
  padding: 8px 35px;
  background: #d11000;
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 1px;
  display: block;
  position: relative;
  margin: 0 auto;
}

#customer_login > div.u-column2.col-2 > form > p:nth-child(3) {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 5px 10px;
}

#customer_login > div.u-column2.col-2 > form {
  margin: 1rem 0;
}

#customer_login
  > div.u-column2.col-2
  > form
  > div.woocommerce-privacy-policy-text {
  display: none;
}

#customer_login > div.u-column2.col-2 > h2 {
  display: none;
}

#customer_login > div.u-column2.col-2 > form > p:nth-child(7) > button:hover {
  background: #ec4642;
}

#regModal > div.u-column1.col-1 {
  display: none;
}

#regModal > div.u-column2.col-2 {
  width: 100%;
}

#customer_login > div.u-column1.col-1 {
  display: none;
}

#customer_login > div.u-column2.col-2 {
  width: 100%;
}

/* REGISTRATION MODAL END */

section.main-ysa-subnav {
  top: 0 !important;
}

#feature-box > div:nth-child(2) > a > div {
  border-top: 5px solid #d3c7b1;
  top: -3px;
  position: relative;
  border-bottom: 1px dashed #d3c7b1;
  border-radius: 0;
}

#feature-box > div:nth-child(3) > div:nth-child(1) > div > h3 a,
#feature-box > div:nth-child(3) > div:nth-child(2) > div > h3 a,
#feature-box > div:nth-child(3) > div:nth-child(3) > div > h3 a,
#feature-box > div:nth-child(3) > div:nth-child(4) > div > h3 a {
  color: #111 !important;
  /* 	text-shadow:1px 1px #fff, 2px 2px #faa81c; */
}

#feature-box > div:nth-child(2) > a > div > h2 {
  color: #111;
  text-align: center;
  padding: 10px 0;
  /* 	font-style:italic; */
}

#feature-box > div:nth-child(3) > div:nth-child(3) > div > div > a:nth-child(1),
#feature-box
  > div:nth-child(3)
  > div:nth-child(3)
  > div
  > div
  > a.author.url.fn,
#feature-box > div:nth-child(3) > div:nth-child(4) > div > div > a:nth-child(1),
#feature-box
  > div:nth-child(3)
  > div:nth-child(4)
  > div
  > div
  > a.author.url.fn,
#feature-box > div:nth-child(3) > div:nth-child(3) > div > div > a:nth-child(1),
#feature-box
  > div:nth-child(3)
  > div:nth-child(1)
  > div
  > div
  > a.author.url.fn,
#feature-box > div:nth-child(3) > div:nth-child(1) > div > div > a:nth-child(1),
#feature-box
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div
  > a.author.url.fn,
#feature-box
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div
  > a:nth-child(1) {
  color: #111;
}

#feature-box > div:nth-child(4) > div > a > button {
  background: #111 !important;
  color: #fff;
}

#feature-box > div:nth-child(4) > div {
  padding: 15px 0 30px 0;
  border-bottom: 1px dashed #d3c7b1;
  /* 	background:#F8F3EB; */

  /* background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(248,243,235,1) 100%);  */
}

.feature-box-con {
  background: transparent !important;
}

#feature-box > div:nth-child(3) > div:nth-child(1) > div > div,
#feature-box > div:nth-child(3) > div:nth-child(2) > div > div,
#feature-box > div:nth-child(3) > div:nth-child(3) > div > div,
#feature-box > div:nth-child(3) > div:nth-child(4) > div > div {
  background: #f7f3eb !important;
}

#feature-box > div:nth-child(4),
#feature-box > div:nth-child(3) {
  /* 		background:#F8F3EB; */
  top: -3px !important;
  position: relative;
  /* 		border:3px solid #09656c;
*/
}

.feature-box-two-article {
  background: transparent !important;
}

/* COLLECTION */

#collection {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 200px 0 0 0;
}

.meks_ess {
  display: inline-flex;
}

/* PAGES */

.privacy-policy p,
.privacy-policy ul,
.privacy-policy li {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: -0.15px;
  line-height: 1.3 !important;
  /* 	margin:0 0 15px 0 !important;
*/
}

.privacy-policy ul li {
  font-style: normal !important;
  margin: 0 0 15px 0 !important;
  font-size: 14px !important;
}

/* LIMPOPO REGISTRATION */

#newsletter-overview {
}

#field_h7nk-0,
#field_h7nk-1,
#field_h7nk-2,
#field_h7nk-3 {
  vertical-align: top !important;
  top: 0;
  position: relative;
}

#newsletter-overview h1 {
  margin-bottom: 20px;
}

#newsletter-overview strong {
  margin: 0;
}

#newsletter-overview .bg-red {
  background: #f9e3f8;
  padding: 2px;
}

#newsletter-overview .bg-blue {
  background: #e3ebf7;
  padding: 2px;
}

#newsletter-overview .bg-green {
  background: #e3f6e3;
  padding: 2px;
}

#newsletter-overview p {
  margin: 15px 0 0 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* FORMIDABLE ERRORS */

.frm_style_formidable-style.with_frm_style .frm_error {
  font-size: 13px;
  line-height: 1.3;
}

.xoo-el-action-sc {
  background: #fff;
  padding: 10px 15px;
  border: 2px solid #111;
  border-radius: 10px;
  margin: 20px 0;
  font-size: 20px;
  text-transform: capitalize;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #d11000 !important;
  font-weight: 700 !important;
}

.xoo-reg {
  color: #d11000 !important;
  font-weight: 700 !important;
  text-align: center;
}

.frm_grid_container > * {
  line-height: 1.4;
}

/* FORMIDABLE SUCCESS */

#membership-form {
  margin: 0 auto;
  text-align: center;
  margin: 20px 0 0 0;
}

#frm_form_42_container > div > p:nth-child(2) > strong {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#frm_form_42_container > div > p:nth-child(2) {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#frm_form_42_container > div > p:nth-child(3) > strong {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.with_frm_style .frm_message,
.frm_success_style {
  border: 2px dashed;
  border-radius: 10px;
}

#membership-form > button {
  padding: 10px 25px;
  border-radius: 30px;
  border: 2px solid #d11000;
  font-size: 16px;
  font-weight: 700;
  background: #d11000;
  color: #fff;
}

#membership-form > button:hover {
  background: #111;
}

#main-classy > div.row.p-0.g-0 > div > div > div > div > a > button {
  display: block;
  margin: 0 auto;
  padding: 15px 40px;
  margin-top: 15px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  border: 2px solid #111;
  background: transparent;
  color: #b11000;
  transition: 0.3s;
}

#main-classy > div.row.p-0.g-0 > div > div > div > div > a > button:hover {
  background: #d11000;
  color: #fff;
  transition: 0.3s;
}

#main-classy img {
  width: 100%;
  max-width: 1000px;
}

#woo-myaccount > div > div > form > strong:nth-child(25) {
  background: #f7f4b4;
  padding: 2px 5px;
}

#post-238241 > p:nth-child(7),
#post-238241 > p:nth-child(9) {
  margin: 0 0 10px 0;
}

.wp-block-file {
  margin: 0 0 30px 0 !important;
  transition: 0.25s;
}

.wp-block-file:hover {
  background-color: #d11000;
  transition: 0.25s;
}

.agg-container {
  background: transparent !important;
}

#aggregator .entry-content p {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.5px !important;
}

#longform\ post-635786
  > div.entry-content
  > p.has-text-align-center
  > a
  > strong {
  background: #f11000;
  padding: 10px 25px;
  border-radius: 20px;
  color: #fff;
  margin-bottom: 40px !important;
}

#longform\ post-635786 > div.entry-content > hr {
  margin-top: 40px;
  color: #ddd;
}

#longform\ post-635786
  > div.entry-content
  > p.has-text-align-center
  > a
  > strong:hover {
  background: #a11000;
}

/* SUPER SECTION */

#loop-three {
  background: #333;
}

#main-super-section {
  position: relative;
  padding: 130px 0 0 0;
  max-width: 1050px;
  background: #fff;
}

#main-super-section iframe {
  padding: 0 10px;
}

#main-super-section p {
  padding: 5px 5px 0;
}

.super-section-article {
  background: #fff;
  margin: 0;
  position: relative;
}

.super-section-article p {
  font-size: 0.9rem !important;
  width: 95%;
  margin-top: 5px;
  color: #111;
}

#main-super-section section {
  margin: 20px auto 0;
}

#main-super-section .byline-single {
  padding: 0 5px;
  border: none;
  font-size: 12px;
  letter-spacing: -0.25px;
  font-weight: 700;
}

#main-super-section .super-section-article p {
  padding: 0 5px !important;
}

#main-super-section section {
  position: relative;
  padding: 0;
  max-width: 1050px;
  background: #fff;
  padding-bottom: 0;
}

#main-super-section h1 {
  text-align: center;
  margin: 20px auto 15px !important;
  font-size: 2rem;
  letter-spacing: -0.5px;
  position: relative;
}

#main-super-section h2 {
  font-size: 0.75rem;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 5px 10px 5px 5px;
  font-weight: 400 !important;
  margin-top: 0;
  margin-bottom: 2px;
  display: block;
  width: auto;
  line-height: 1 !important;
  letter-spacing: 1px;
  color: #fff;
  border-top: 3px solid;
  text-transform: uppercase;
}

#main-super-section h3 {
  display: block;
  position: relative;
  font-size: 1.1rem;
  width: 100%;
  margin: 10px 0 0;
  padding: 0 5px 10px;
  line-height: 1 !important;
}

#main-super-section h3 a {
  color: #111;
  transition: color 0.15s ease;
}

#main-super-section h3 a:hover {
  color: #d11000;
}

.super-section-article {
  margin: 0;
  position: relative;
  background: transparent;
}

.super-introduction {
  text-align: center;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  font-size: 1rem;
  line-height: 1.2;
}

.signup-button {
  background: #d11000;
  padding: 8px 15px;
  border-radius: 15px;
}

.signup-button {
  color: #fff;
}

.E24N-super {
  text-align: center;
  font-size: 20px;
  text-transform: capitalize;
  padding: 0;
  margin: 20px 0 0 0;
  letter-spacing: -0.25px;
  background: #fff;
  font-weight: 700;
  border: #111;
  width: 100%;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.view-more-button {
  background: transparent;
  padding: 10px !important;
  margin: 0 auto 20px;
  position: relative;
  display: block;
  border: 1px solid #333;
  font-size: 0.7rem;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
}

.view-more-button:hover {
  background: #111 !important;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  #main-super-section h1 {
    text-align: center;
    margin: 20px 10px !important;
    font-size: 1.75rem;
  }

  #main-super-section h3 {
    font-size: 1.4rem;
  }

  .super-introduction {
    font-size: 0.9rem;
    padding: 0 10px;
  }

  .super-section-article {
    padding: 10px !important;
  }
}

/* END SUPER SECTION */

h2.ysa-awards {
  background: #111 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
}

h2.ysa-summit {
  color: #ffff !important;
  font-size: 22px !important;
  background: #111 !important;
  letter-spacing: 1px !important;
  font-weight: 400 !important;
}

#ysa2024 h1 {
  margin: 30px !important;
}

#ysa-2024 > div > div.row.g-0 > div.col-md-12.ysa-2024-hero > img {
  width: 100%;
  margin-top: 20px;
}

#ysa-2024 > div:nth-child(1) > div.col-md-8.p-3 > h1 {
  margin: 40px auto 0;
}

#ysa-2024 {
  max-width: 970px;
  padding: 40px 0 0 0;
  width: 100%;
}

.ysa-2024-hero {
  position: relative;
  display: block;
}

.head-up {
  color: #333;
  font-size: 22px;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
}

.head-down {
  color: #b54964;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  letter-spacing: -1px;
  display: inline-block;
  position: relative;
}

/* REGISTER BUTTON */

.register-button {
  padding: 12px 10px;
  border-radius: 10px;
  display: block;
  position: relative;
  margin: 15px auto 0;
  width: 80%;
  max-width: 280px;
  font-size: 16px;
  height: auto;
  line-height: normal;
  text-align: center;
  background: #c11000;
  border-width: 0;
  border-color: #c11000;
  border-style: solid;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}

.register-button:hover {
  background: #a11000;
  transition: 1s;
  color: #fff;
}

#flag-home .register-flagship {
  cursor: crosshair !important;
}

.ysa-2024-hero {
  display: none;
}

.election-highlight {
  color: #333;
}

/* COOKIE STYLE */

.jlplg-lovecoding-cookie-info {
  background-color: #f02828;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#cookie-form > p {
  font-size: 15px;
}

.jlplg-lovecoding-cookie-info-container {
  border-radius: 10px;
  bottom: 100px !important;
  box-shadow: 1px 1px 20px #fff;
  border: 3px solid #d11000;
  max-width: 1200px;
  width: 80%;
  left: 10%;
  right: 10%;
  padding: 8px 0 0 0;
}

/* CUSTOMISED */

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

#loop-one div.woocommerce,
#loop-two div.woocommerce,
#loop-three div.woocommerce,
#loop-four div.woocommerce,
#loop-five div.woocommerce {
  display: none !important;
}

#loop-one > div:nth-child(2) > div:nth-child(4) > div > div.woocommerce {
  display: none;
}

#menu-item-639099 > a {
  color: #fff !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25px !important;
}

#menu-item-639099 {
  background: #d11000;
  height: 20px;
}

#menu-item-639099:hover {
  background: #fff !important;
}

#navbar li {
  padding: 5px 0;
}

#navbar li a.nav-link {
  padding: 0 13px !important;
}

#menu-2023-main-menu-v3 li .menu-item {
  padding: 0;
}

.wp-block-gallery.has-nested-images figcaption {
  text-align: left;
  line-height: 1.3;
}

.wp-block-gallery.has-nested-images figcaption strong {
  font-weight: 400 !important;
  color: #666 !important;
  font-size: 12px !important;
  letter-spacing: 0.15px !important;
  font-family: Noto Sans, sans-serif !important;
}

.wp-block-image figcaption {
  padding: 8px 0 0 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;

  font-size: 12px !important;
  letter-spacing: 0.25px !important;
  font-family: Noto Sans, sans-serif !important;
}



.flag-box-six-title {
  text-align: center;
}

section.main-ysa-hero h1 {
  text-align: center !important;
}

.content ul,
.content ol {
  font-family: georgia;
  font-style: normal !important;
  margin: 20px 0 30px 0 !important;
}

.content li {
  font-size: 16px !important;
}

li {
  font-size: 16px !important;
  font-style: normal !important;
}

#widget-area li {
  font-size: 14px !important;
}

h1.single-two-title {
  bottom: 50px !important;
}

/*
	.marquee figure {
			margin-right: 6.5rem !important;
		margin-left: 6.5rem !important;
		max-width:auto !important;
	}
	
	.marquee img {
		max-height:4rem !important
	}
	 */
.y200-sponsors-bottom {
  height: 80px !important;
}

.y200-sponsors-bottom .my-5 {
  margin-top: 2.8rem !important;
}

#flag-home
  > div.y200-sponsors-bottom
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(1)
  > figure:nth-child(5)
  > a
  > img {
  margin-top: -8px;
}

ul#sac-messages li span,
ul#sac-messages li a:visited {
  color: #fff !important;
}

.y200-right-2024 li {
  font-weight: 400 !important;
  font-size: 14px !important;
}

.y200-right-2024 h2 {
  font-size: 20px;
  font-weight: 700 !important;
}

#main
  > div:nth-child(4)
  > div.col-md-5.p-3.y200-left
  > div:nth-child(2)
  > pullquote {
}

.y200-left pullquote span,
.y200-left pullquote p {
  border-radius: 5px !important;
  opacity: 0.9 !important;
  padding: 5px 10px !important;
  line-height: 1.5 !important;
}

@media only screen and (max-width: 768x) {
  .mg-congrats-24 img {
    float: none !important;
    text-align: center !important;
    margin: 100px auto 0 !important;
  }
}

/* 2024 YSA STYLES */

#ysa-2024 p {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.main-ysa-hero-2024 img {
  max-width: 400px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

#ysa-2024 .video-title {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 10px;
  letter-spacing: 0.5px;
}

/* responsive iframe */

.responsive-iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.y200-left-2024 pullquote p {
  padding: 0;
}

#footer {
  background: #000;
}

.info-holder p {
  font-size: 1.1rem;
  margin-bottom: 30px;
}

.info-holder h3 {
  margin: 0 0 10px 0;
}

.y200-right-2024 h2 {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}

.ysa-2024-social {
  font-size: 25px;
  padding: 10px;
}

.y200-right-2024 p,
.y200-right-2024 li {
  font-family: Georgia, times new roman, Times, serif !important;
  font-size: 16px !important;
}

/* TEMP */

.sponsor-circle-200y-24 img {
  max-width: 220px;
  width: 100%;
  margin-top: 10px;
  position: relative;
  z-index: 50;
}

.sponsor-circle-200y-24-2 img {
  max-width: 90px;
  width: 100%;
  position: relative;
  z-index: 50;
}

.sponsor-circle-200y-24-3 img {
  max-width: 100px;
  width: 100%;
  margin: 20px 10px 0 0;
  position: relative;
  z-index: 50;
}

.mg-congrats-24 img {
  margin: 30px 0 0 10px;
  position: relative;
  z-index: 50;
  max-width: 250px;
  width: 100%;
}

.y200-right-2024 ul {
  list-style-position: inside !important;
}

#main-y200-2024 {
  padding: 150px 0 0 0;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  #main-y200-2024 {
    padding: 120px 0 0 0;
  }

  .sponsor-circle-200y-24-1 img,
  .sponsor-circle-200y-24-2 img,
  .sponsor-circle-200y-24-3 img {
    float: right;
  }

  .y200-left-2024 pullquote {
    margin: 20px 0 0 0 !important;
  }

  .y200-right-2024 h1 {
    margin-top: -50px !important;
  }
}

section.main-ysa2024-subnav {
  background: #b34965;
  background-size: cover;
  margin: 0 auto;
  padding: 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}

.main-ysa2024-subnav .filter-dropdown select {
  background-color: #fff;
  color: #b34965;
  border: 1px solid #00afef;
  padding: 8px;
  width: 100%;
  max-width: 300px;
  border-radius: 0;
  height: 48px;
  display: block !important;
  margin: 0 auto !important;
  font-size: 18px;
}

div#sac-output {
  height: auto !important;
  max-height: 400px;
}

@media only screen and (max-width: 991px) {
  section.main-ysa-subnav-2024 > div > div:nth-child(2) > div {
    background: #fff;
    width: fit-content;
    margin: 0 auto;
  }

  #navbar .menu-item ul li a.active {
    color: #f11000 !important;
    padding: 5px;
    font-size: 14px !important;
    background: transparent;
  }

  #navbar .menu-item ul li a {
    margin: 10px 0 0 20px !important;
  }

  #navbar li a.nav-link {
    padding: 0 !important;
  }

  dropdown-menu {
    padding: 5px;
  }
}

#menu-item-647426 > a {
  color: #d11000 !important;
  letter-spacing: -0.15px !important;
}

.editions-title {
  text-align: center;
  margin: 30px 0 10px 0;
}

.archive-article-editions {
  margin: 20px 0;
}

.archive-article-editions h3 {
  margin-top: 15px;
}

.archive-article-editions p {
  font-size: 0.8rem;
}

.archive-right-editions {
  margin: 100px 0 0 0;
  padding: 0 10px 0 15px;
}

.archive-left-editions {
  margin-bottom: 20px;
  padding: 0;
}

.archive-left-editions p {
  margin: 0 10px;
}

.archive-left .fa-md.fa-lock {
  margin: 13px 2px 0 0;
}

@media only screen and (max-width: 991px) {
  .archive-right-editions {
    margin: 20px 0 0 0;
  }

  .widget-area-section {
    max-width: 990px !important;
  }
}



/* CUSTOMISED */

#headline > div > div.col-md-7.headline-left > article > div > a > div {
	max-height:440px
}

#headline .inner-txt {
	position:relative;
	display:block;
	z-index:10;
background:rgba(0,0,0,1);
	top:-3px
	}

#headline .headline-left p {
	font-family:helvetica neue,Arial,sans-serif;
	font-weight:400;
	color:#fff;
	font-size:0.9rem;
/* 	letter-spacing:-0.15px; */
	text-shadow:1px 1px 1px #000;
	padding:9px 9px 6px;
	margin:0;
}

.inner-img-environment {
	height:auto !important;
}

/* 
	.headline-left p {
	margin:5px 0 0 0 !important;
}
 */
@media only screen and (max-width: 991px) {

	.archive-right-editions {
		margin: 20px 0 0 0;
	}
	
/* 		§ */
	
	.headline .headline-img {
		height:auto;
	}

	
	.widget-area-section {
		max-width:990px !important;
	}
}

h1.single-two-title {
    bottom: 60px !important;
}

#article-two > div > h1 {
	bottom:70px !important;
	width:70%;
}


/* jp */
#gtf-marquee > div > div > div > div > div > div > figure > img
{
  max-height: 100%;
	height:100px;
}




.gtf-sponsors-bottom {
	 position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 0;
    left: 0;
    box-shadow: -3px 3px 10px #000;
background-color: #fff;
    display: flex;
    align-items: center;
    height: 120px;
	z-index:100;
}


   


.flagship-sub-menu {
	position:relative;
	top:-3px;
}

#main > div.gtf-single-page-wrapper > div.row.g-0.g-0.flagship-singlepage-banner > div:nth-child(3) > div > img {
    width: 100px;	
    position: relative;
    left: -18px;
    top: 10px;
}



#main .flagship-winners-section h2,
#gtf-videos > div > h2,
.flagship-subscribe-section > div > h2
{
	font-size:22px !important;
}

/* jp end */

/* GTF STYLES */

.gtf-searchform{
	display:none;
}




.flagship-winners-cate-col {
    flex: 0 0 17.9%;
    margin: 10px 10px 30px 10px;
    align-items: center;
    justify-content: center;
}

.active>.page-link, .page-link.active{
	background: #D51317;
	border-color:#D51317;
	
}
.single-greening-the-future h3{
	font-weight:700!important;
}
.flagship-logo img{
	height:100px;	
}
.gtf-main-heading-icon{
	position:relative;
}
.gtf-main-heading-icon img{
	position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
	margin: auto;
}
.gtf-main-heading{
	position:relative;
	display: table;
}
.gtf-main-heading h1{
	display: table-cell;
    vertical-align: middle;
}
.flagship-event-row h2{
	margin-bottom:20px !important;
}
.flagship-sub-menu ul li:hover > ul {
    display: block;
}
.flagship-sub-menu li {
    position: relative;
}
.flagship-sub-menu .sub-menu{
	display: none;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 99999;
    width: 100% !important;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    font-family: 'Montserrat', sans-serif;
    padding: 20px;
}
.flagship-sub-menu .sub-menu li a{
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}
.flagship-sub-menu .sub-menu li a:hover, .flagship-sub-menu .sub-menu li:hover{
	background:none;
	color:#D51317 !important;
}
.flagship-sub-menu .sub-menu li{
	color: #8ba94a;
    background: #fff;
    padding: 0px 0px;
    border: none;
    border-radius: 8px;
    line-height: 15px;
    font-size: 16px;
    text-transform: uppercase;
    list-style: none;
    font-family: 'Montserrat', sans-serif !important;
    box-shadow: none;
    display: inline-block;
    font-weight: 600 !important;
}

.flagship-header-section{
	padding-top:0px;
	padding-bottom:25px;
}
.flagship-banner img{
	width:100%;
	object-fit:cover;

}
.flagship-sub-menu {
    background: #8ba94a;
    padding: 10px;
    text-align: center;
}
.flagship-sub-menu ul{
	display: inline-flex;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    flex-wrap: wrap;
    gap: 30px;
	font-family: 'Montserrat', sans-serif;
}
.flagship-sub-menu ul li {
    color: #8ba94a;
    background: #fff;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    line-height: 15px;
    font-size: 16px;
    text-transform: uppercase;
    list-style: none;
	font-family: 'Montserrat', sans-serif;
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2);
	display:inline-block;
}
.flagship-sub-menu ul li a{
    color: #8ba94a !important;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
    font-weight:600;
}
.flagship-sub-menu ul li a:hover{
	color:#D51317 !important;
}
.flagship-short-writeup-section{
	padding-top:30px;
	padding-bottom:30px;
	padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.text-black{
	
}
.text-blue{
	color: #8ba94a;
}
.text-white{
	color: #fff;
}
.row.g-0.g-0.flagship-singlepage-banner {
    padding: 30px 20px;
}
.flagship-main-container h1{
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-size: 3rem !important;
    margin-bottom: 50px !important;
    font-family: 'Montserrat', sans-serif;
    padding-right: 20px;
}
.wrapper-gtf h1{
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-size: 3rem !important;
    margin-bottom: 0px !important;
    font-family: 'Montserrat', sans-serif;
   
}
.flagship-main-container h2, .wrapper-gtf h2{
    text-transform: normal;
    letter-spacing: 1px;
    display: block;
    padding: 0;
    border-radius: 5px;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}

.flagship-main-container h3, .wrapper-gtf h3{
    font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
}
.flagship-main-container h4 {
    letter-spacing: 1px;
    font-weight: 600 !important;
    font-size: 1.1rem;
	font-family: 'Montserrat', sans-serif;
}
#flagship-main  {
background:#fff;
}
.page-template-gtf p, .single-greening-the-future p, .tax-greening-the-future-category p, .page-template-gtf a, .single-greening-the-future a, .tax-greening-the-future-category a {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
.pull-out-main{
	height:500px;
	padding:30px !important;
	position:relative;
}
.pull-out-main:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	background:rgba(78, 171, 233, 0.2)
}
.pull-out-wrap{
	position:relative;
}
.pull-out-heading{
	background:#fff;
	padding: 30px 10px 30px 20px;
	border-left: 10px solid #8ba94a;
    border-radius: 6px 0px 0px 6px;
}
.pull-out-content{
	background:#fff;
	padding: 30px 20px 30px 0px;
	border-radius: 0px 6px 6px 0px;
}
a.primary-btn.button {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: #D51317;
    padding: 10px 20px;
    color: #fff;
    border-radius: 6px;
	margin-top: 10px;
    display: inline-block;
}
a.primary-btn.button:hover{
	background:#a11000 !important;
}
.flagship-winners-col {
  flex: 0 0 17.9%;
  margin: 10px 10px 30px 10px;
  align-items: center;
  justify-content: center;
}
.flagship-winners-section {
    border-top:5px solid #8ba94a;
    background: #F1F4EA;
    padding: 30px 20px !important;
}
.flagship-winners-row{
	display: flex;
  flex-wrap: wrap;
}
.flagship-winners-section h2, .flagship-subscribe-row h2, .gtf-related-posts h2{
	margin-bottom:20px !important;
	font-size:22px !important;
}
.flagship-featured-image img {
	position:relative;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
}
.flagship-featured-image a{
	display:flex;
}
.gtf-social-field {
    margin-bottom: 0px;
    vertical-align: middle;
    padding-top: 4px;
}
.flagship-featured-image{
	position:relative;
	border-radius: 10px;
	margin-bottom: 15px;
}
.flagship-featured-image:after{
	content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(213, 19, 23, 0.5);
    border-radius: 10px 0px 0px 10px;
}
.flagship-event-section{
	padding:30px 10px !important;
}
.flagship-subscribe-section{
	padding-bottom:60px !important;
}
.flagship-subscribe-section #mce-EMAIL{
    border: 1px solid #707070 !important;
    /* width: 10%; */
    border-radius: 50px 0px 0px 50px;
    padding: 15px 10px;
    flex: 30%;
    line-height: 20px;
}
.flagship-subscribe-section #mc_embed_signup_scroll>div.mc-field-group {
    background: transparent;
    padding: 0;
    text-align: center;
    height: 25px;
    display: flex;
    flex-wrap: wrap;
    -ms-flex: 1;
    flex: 1;
    width: 60%;
    margin: auto;
}
.flagship-subscribe-section #mc-embedded-subscribe{
    background: #f11000;
    border-radius: 0px 50px 50px 0px;
    display: inline-block;
    line-height: 32px;
    border: none;
    padding: 10px 40px;
    top: 0;
    position: relative;
    font-size: 16px;
	font-family: 'Montserrat', sans-serif;
}
.flagship-sponsor-logo p{
	text-transform:uppercase;
}
.flagship-sponsor-logo-img{
	width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    padding: 16px;
    margin-right: 0;
    display: inline-block;
}
.flagship-subscribe-section #mc-embedded-subscribe:hover{
	background:#a11000 !important;
	border: none !important;
}
.gtf-content-section{
	-webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
}
.quote-section p{
background:#F1F4EA !important;	
}
.quote-section{
	background:#F1F4EA;
	border-top:5px solid #8ba94a; 
	padding: 30px;
}
.main-gtf-hero h3 {
    text-transform: uppercase;
    font-size: 20px !important;
    margin-bottom: 0;
}
.main-gtf-hero h5{
	color: #8ba94a;
	text-transform: uppercase;
}
.quote-section h3{
	font-size: 2.5rem;
    margin-bottom: 20px;
    font-weight: 400 !important;
}
.quote-section p {
	text-align:center;
	font-size: 22px;
    font-style: italic;
    line-height: 30px;
    font-weight: 400;
    width: 75%;
    margin: 0 auto;
    min-width: 300px;
}
.gtf-content-section{
	padding:30px;
}
.gtf-related-posts{
	background:#F1F4EA;
	border-top:5px solid #8ba94a; 
	padding: 30px;
}
.gtf-website-field a {
    background: #f11000;
    padding: 10px 20px;
    display: inline-flex;
    color: #fff;
    border-radius: 8px;
    margin-right: 20px;
	font-size: 12px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}
.gtf-website-field a:hover{
	background:#a11000 !important;
	color:#fff !important;
}
.gtf-social-field {
    display: inline-block;
}
.row.gtf-category-age {
    margin-bottom: 20px;
}
.gtf-title-section{
	margin-bottom:40px !important;
}
.gtf-organisation-field{
	margin-bottom:20px !important;
}
.gtf-title-section h3{
	color: #8ba94a;
	text-transform: uppercase;
}
.main-gtf-hero {
	margin: 30px auto;
	padding:0 20px;
}
.col-md-12.gtf-socials {
    margin-bottom: 20px;
}
.gtf-website-field{
	display:inline-flex;
}
.gtf-social-field a {
    display: inline-flex;
	margin: 0 10px 0 10px;
}
.gtf-social-field{
	display:inline-block;
}
.social-meks h3{
	margin-bottom:10px;
}
.gtf-featured-image{
	position: relative;
    border-radius: 10px;
    margin-bottom: 15px;
}
.gtf-featured-image img{
	border-radius: 10px;
	display: flex;
}
.gtf-featured-image:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(139, 169, 74, 0.5);
    border-radius: 10px 0px 0px 10px;
}
.gtf-extra-fields .social-meks{
	padding-top:20px;
	border-top:2px solid #eee;
}
.gtf-single-page-wrapper {
    background-image: linear-gradient(#8ba94a, #6F873A);
}
.flagship-single-subscribe-section{
	background:#fff;
	padding: 40px 20px 80px !important;
}
.posts-section {
    padding: 10px;
}
.archive-item {
    flex: 0 0 17.9%;
    margin: 10px 10px 30px 10px;
}
.archived-posts {
    display: flex;
    flex-wrap: wrap;
}
.category-youtube{
	padding:20px;
}
@media (max-width: 767px){
	.gtf-content-section {
    
    columns: 1 !important;
    
}
	.archive-item {
    flex: 0 0 45% !important;
    margin: 10px;
}
	.flagship-sub-menu ul {
    display: inline-flex;
    flex-wrap: wrap !important;
    gap: 10px;
    
}
	.pull-out-main {
    height: auto !important; 
}
	.pull-out-content {
    border-radius: 0px 0px 6px 6px !important;
    padding: 30px 10px 30px 20px !important;
    border-left: 10px solid #8ba94a;
}
	.flagship-winners-col {
		flex: 0 0 44.4% !important;
	}
	.flagship-winners-cate-col {
    flex: 0 0 44.4%;
  
}
	.flagship-subscribe-section #mc_embed_signup_scroll>div.mc-field-group {
    display: inline-table !important;
		width: 90% !important;
  
}
	.flagship-sub-menu ul li{
		margin: 0;
	}

	.flagship-subscribe-section #mce-EMAIL {
    border-radius: 50px 50px 50px 50px !important;
    width: 100% !important;
}
	.flagship-subscribe-section #mc-embedded-subscribe {
    border-radius: 50px 50px 50px 50px !important;
    display: inline-block !important;
    margin-top: 20px !important;
}
	.flagship-logo img{
	height:80px !important;	
}
	.flagship-header-section .col-md-9, .flagship-header-section .col-md-3{
		width:50% !important;
	}
	.gtf-main-heading-icon img {
		position: relative !important;
	}
	.gtf-searchform{
	display:block !important;
}
	.wpv-filter-form{
		display: block;
    width: 100%;
    margin-bottom: 20px;
	}
}

.seats-available	{
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 10px;
	display: inline-block;
	margin-bottom: 5px;

}

.seats-available span {
	font-size: 2.5rem;
    padding: 0 8px;
    display: inline-block;
    border-radius: 50px;
    margin-top: 2px;
    font-weight: 700;
    line-height: 1;
	border:none;
}

.upcoming-events .related-article {
	display:none;
}
.events-sidebar-archive h3 {
	text-align:left !important;
	padding:8px !important;
}

.headline-right .sponsored-single {
	position:absolute;
	left:	-2px;
	top:3px
	
}	

.headline article {
	margin:0 0 20px 0 !important;
}

.post img {
	width:100%;
}

.headline-two-img-new {
	max-height:150px !important;
}