/* =====================================================
RSN SINGLE CSS
===================================================== */

.post-header {
    margin-bottom: 0px;
}

/* wrapper */
.ringside-featured-meta-holder{
  z-index:25;
  position:relative;
  margin-top:5px;
}


/* =====================================================
RSN POST TITLE
===================================================== */

.post .ringside-featured-meta-holder .post-title{
  font-family:"Lucida Sans",sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
  color:#fff !important;
  font-size:31px !important;
  line-height:28px !important;
  padding-left:0px !important;
  padding-right:0px !important;
  padding-bottom:20px !important;
  margin-top:8px !important;
  margin-bottom:0 !important;
  text-align:center !important;
  position:relative !important;
  z-index:99 !important;
}

.post-header .post-title{
  margin-right:0px;
}

.post .ringside-featured-meta-holder .post-title:before{
  content:none !important;
  display:none !important;
}

/* =====================================================
FEATURED IMAGE GRADIENT
===================================================== */

.post-header .featured{
  position:relative;
}

.post-header .featured:after{
  content:"";
  display:block;
  position:relative;
  background-image:linear-gradient(to bottom, transparent 0, #0e0f12 65%);
  margin-top:-80px;
  margin-left:-2px;
  height:80px;
  width:102%;
  z-index:9;
}

/* =====================================================
CATEGORY BADGE
===================================================== */

.heading.cf{
  position:relative;
  z-index:20;
  margin-top:-80px;
}

.exclusive{
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:30;
}

.ccfic{
  margin:0 auto 25px;
  text-align:center;
  position:relative;
  z-index:31;
}

.post .post-category,
.ccfic span.post-category{
  display:inline-block !important;
  background:#d53e3e !important;
  color:#fff !important;
  padding:13px 16px !important;
  line-height:1 !important;
  position:relative;
  z-index:32;
}

.post .post-category a,
.ccfic span.post-category a{
  display:inline-block !important;
  font-size:13px;
  color:#fff !important;
  padding:0 !important;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  font-style:italic !important;
  position:relative;
  z-index:33;
}

@media (min-width:800px){
  .post .post-category a,
  .ccfic span.post-category a{
    font-size:20px;
  }
}

/* =====================================================
META INFO
===================================================== */

.main-news-date-holder{
  margin-top:-15px;
}

.main-news-date-article{
  font-family:Cousine,"Liberation Mono","Roboto Mono",Monaco,"Lucida Console",monospace;
  font-size:13px;
  color:#9d9d9d;
  text-align:center;
  text-transform:uppercase;
  padding-top:12px;
  padding-bottom:10px;
}

/* =====================================================
RESPONSIVE
===================================================== */

@media (min-width:480px){
  .main-news-date-holder{
    margin-top:-15px;
  }

  .ringside-featured-meta-holder{
    margin-top:5px;
  }

  .main-news-date-article{
    padding-top:12px;
    padding-bottom:10px;
    text-align:center;
  }
}

@media (min-width:820px){
  .ccfic{
    margin-bottom:25px;
  }

  .post .post-category,
  .ccfic span.post-category{
    padding:26px 28px 20px 25px !important;
  }
}

@media (max-width:480px){
  .cntn-wrp h2{
    font-size:30px;
    line-height:25px;
  }
}

/* =====================================================
GIVEAWAY / CONTEST / FOLLOW US - CLEANED
===================================================== */

.giveaway{
  text-align:center;
  padding:18px 16px;
  background:#131318;
  text-transform:uppercase;
  border-bottom:3px solid #111115;
  border-top:4px solid #111115;
  border-left:5px solid #111115;
  border-right:5px solid #111115;
}

.giveaway a{
  color:#9d9d9d !important;
  font-weight:700;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.4px;
  margin:0;
  padding:0;
  display:block;
  text-decoration:none !important;
}

/* CONTEST */

.contest{
  text-align:center;
  text-transform:uppercase;
}

.contest-holder1{
  box-sizing:border-box;
}

.contest-holder1 a{
  color:#9d9d9d !important;
  font-weight:700 !important;
  text-decoration:none !important;
  text-transform:uppercase;
}

/* FOLLOW US - DEFAULT TABLET/DESKTOP */

.social_label{
  margin-top:5px !important;
  text-align:center !important;
  padding:25px !important;
  background:transparent !important;
  color:#666 !important;
  font-size:35px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  border:1px solid #242527 !important;
  box-sizing:border-box;
}

.social_text{
  margin-top:8px !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

/* MOBILE */

@media (max-width:480px){

  .contest{
    display:block !important;
    margin:15px 0 0px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    text-align:center !important;
  }

  .contest-holder1{
    display:inline-block !important;
    width:48% !important;
    margin:3px 2px !important;
    padding:30px 18px !important;
    background:#131318 !important;
    border:0 !important;
    color:#17181d !important;
    text-align:center !important;
    text-transform:uppercase !important;
    font-size:15px !important;
    box-sizing:border-box !important;
    vertical-align:top;
  }

  .contest-holder1 a{
    display:block !important;
    padding:0 !important;
    min-height:0 !important;
    color:#9d9d9d !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
  }

  .social_label{
    margin-top:5px !important;
    margin-bottom:0 !important;
    padding:25px !important;
    background:#131318 !important;
    border:0 !important;
    color:#666 !important;
    font-size:24px !important;
    font-weight:700 !important;
  }

  .social_text{
    margin-top:6px !important;
    font-size:9px !important;
  }
}

/* TABLET */

@media (min-width:481px) and (max-width:899px){

  .contest{
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:20px 0 !important;
    margin-top:15px !important;
    margin-bottom:22px !important;
    background:transparent !important;
    border:1px solid #242527 !important;
  }

  .contest-holder1{
    display:inline-block !important;
    flex:1;
    color:#17181d;
    text-align:center;
    text-transform:uppercase;
    font-size:15px;
    padding-right:13px !important;
    margin:0 !important;
    background:transparent !important;
  }

  .contest-holder1 a{
    font-size:15px !important;
    line-height:1.2 !important;
  }

  .social_label{
    background:transparent !important;
    border:1px solid #242527 !important;
    padding:25px !important;
    margin-top:5px !important;
  }

  .giveaway{
    display:none;
  }
}

/* DESKTOP */

@media (min-width:900px){

  .giveaway{
    display:none;
  }

  .contest{
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:20px 0 !important;
    margin-top:15px !important;
    margin-bottom:22px !important;
    background:transparent !important;
    border:1px solid #242527 !important;
  }

  .contest-holder1{
    display:inline-block !important;
    flex:1;
    color:#17181d;
    text-align:center;
    text-transform:uppercase;
    font-size:15px;
    padding:10px !important;
    margin-right:5px !important;
    margin-left:5px !important;
    background:transparent !important;
  }

  .contest-holder1 a{
    font-size:15px !important;
    line-height:1.2 !important;
  }

  .social_label{
    background:transparent !important;
    border:1px solid #242527 !important;
    padding:25px !important;
    margin-top:5px !important;
  }
}

@media (min-width:1024px){
  .contest-holder1{
    min-width:155px;
  }
}

/* =============== BLOCKQUOTE FINAL FIX =============== */

body blockquote.wp-block-quote,
body blockquote.wp-block-quote.is-layout-flow{
  border-left:0 !important;
  background:transparent !important;
  quotes:none !important;
  position:relative;
  margin:40px 0 !important;
  padding:34px 40px 34px 96px !important;
  overflow:hidden;
  box-sizing:border-box;
}

body blockquote.wp-block-quote:before,
body blockquote.wp-block-quote.is-layout-flow:before{
  content:"" !important;
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.12) 20%,
    rgba(255,255,255,.12) 80%,
    rgba(255,255,255,0) 100%
  );
}

body blockquote.wp-block-quote:after,
body blockquote.wp-block-quote.is-layout-flow:after{
  content:"" !important;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.12) 20%,
    rgba(255,255,255,.12) 80%,
    rgba(255,255,255,0) 100%
  );
}

body blockquote.wp-block-quote > p:first-of-type,
body blockquote.wp-block-quote.is-layout-flow > p:first-of-type{
  position:relative;
  padding-left:0 !important;
}

body blockquote.wp-block-quote > p:first-of-type:before,
body blockquote.wp-block-quote.is-layout-flow > p:first-of-type:before{
  content:"" !important;
  position:absolute;
  left:-58px;
  top:-8px;
  width:44px;
  height:44px;
  display:block !important;
  background:url("/wp-content/themes/smart-mag/assets/quote-mark.svg") no-repeat center center !important;
  background-size:contain !important;
}

body blockquote.wp-block-quote > p:first-of-type:after,
body blockquote.wp-block-quote.is-layout-flow > p:first-of-type:after{
  content:"" !important;
  position:absolute;
  left:-34px;
  top:52px;
  width:1px;
  height:82%;
  max-height:220px;
  display:block !important;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(213,62,62,.75) 0%,
    rgba(213,62,62,.35) 45%,
    rgba(213,62,62,0) 100%
  ) !important;
}

body blockquote.wp-block-quote p,
body blockquote.wp-block-quote.is-layout-flow p{
  margin:0 !important;
  color:#bababa !important;
  font-size:20px !important;
  line-height:1.85 !important;
  font-style:italic !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

body blockquote.wp-block-quote p + p,
body blockquote.wp-block-quote.is-layout-flow p + p{
  margin-top:14px !important;
}

body blockquote p:before,
body blockquote p:after{
  border:0 !important;
  content:none !important;
}

@media (max-width:600px){
  body blockquote.wp-block-quote,
  body blockquote.wp-block-quote.is-layout-flow{
    padding:28px 18px 28px 40px !important;
  }

  body blockquote.wp-block-quote > p:first-of-type:before,
  body blockquote.wp-block-quote.is-layout-flow > p:first-of-type:before{
    left:-50px;
    top:-6px;
    width:38px;
    height:38px;
  }

  body blockquote.wp-block-quote > p:first-of-type:after,
  body blockquote.wp-block-quote.is-layout-flow > p:first-of-type:after{
    left:-28px;
    top:46px;
    height:78%;
    max-height:180px;
  }

  body blockquote.wp-block-quote p,
  body blockquote.wp-block-quote.is-layout-flow p{
    font-size:18px !important;
    line-height:1.75 !important;
  }
}

/* =====================================================
POST CONTENT
===================================================== */

.post-content.cf.entry-content.content-normal{
  background:#131318;
  padding:20px;
}

@media (max-width:600px){
  .single-post .main-content,
  .single-post .entry-content,
  .single-post .post-content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .single-post .post-header,
  .single-post .featured,
  .single-post .featured img,
  .single-post .post-thumbnail{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =====================================================
GOOGLE PREFERRED
===================================================== */

.google-preferred-wrap{
  text-align:center;
  margin:24px 0;
}

.google-preferred-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  background:#131318;
  border:1px solid #2d2d33;
  border-radius:6px;
  color:#ffffff !important;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none !important;
  transition:all .25s ease;
}

.google-preferred-btn:hover{
  border-color:#d53e3e;
  background:#18181f;
  color:#ffffff !important;
}

.google-preferred-btn .g-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  font-size:18px;
  font-weight:800;
  background:linear-gradient(
    45deg,
    #4285f4,
    #ea4335,
    #fbbc05,
    #34a853
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (max-width:600px){
  .google-preferred-wrap{
    margin:20px 0;
    padding:0 14px;
  }

  .google-preferred-btn{
    width:100%;
    padding:13px 18px;
    font-size:15px;
  }
}

/* Article holder/container mobile rules used on single */
@media (max-width:540px) {

	.article-holder a,
	.h-nav {
		padding-left: 15px;
	}

	.article-holder a {
		border-left: 3px solid #bf4944;
		min-width: 142px;
	}

	.article-container {
		text-align: left;
		height: 70px;
		vertical-align: top;
	}
}

@media (max-width: 1200px) {

  body.single .main-wrap {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  body.single .main,
  body.single .ts-contain,
  body.single .wrap {
    max-width: 100% !important;
    width: 100% !important;
  }

  body.single .content {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.single .sidebar,
  body.single .main-sidebar,
  body.single aside {
    display: none !important;
  }

  body.single .post-header,
  body.single .featured,
  body.single .featured img,
  body.single .wp-post-image {
    width: 100% !important;
    max-width: 100% !important;
  }

}

@media (min-width: 768px) {
  body.single .main-wrap {
    width: auto !important;
    max-width: none !important;
  }

  body.single .ringsidenews-holder {
    width: 100% !important;
  }
}

.single-post .entry-content a {
    color: #ff6060 !important;
	 font-weight: 700 !important;
}

.single-post .entry-content a:hover {
    color: #ff6060 !important;
	 font-weight: 700 !important;
}
.single-post .entry-content,
.single-post .post-content,
.single-post .bunyad-content {
    color: #bababa !important;
}

.single-post .entry-content p,
.single-post .post-content p,
.single-post .bunyad-content p {
    color: #bababa !important;
}
.single-post .google-preferred-wrap a.google-preferred-btn,
.single-post .google-preferred-wrap a.google-preferred-btn:visited,
.single-post .google-preferred-wrap a.google-preferred-btn:hover,
.single-post .google-preferred-wrap a.google-preferred-btn:active {
    color: #ffffff !important;
}
.main-color,
.block-head .color,
.post-nav .main-color,
.navigate-posts .main-color,
.related-posts .color,
.block-head-ac .heading .color {
    color: #ff6060 !important;
}