/******************************************************************
Theme Name: Magazine 
Description: 
Author: Drummerszone.com
Author URI: 
Version: 1.0
Created: 
******************************************************************/
/*------------------------------------------------------------------


-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1.  Basic Styles
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Elements
3.  Menu Style 
4.  Sidebar Style
5.  Archive Style
6.  About Style
7.  Post Type Style
8.  Contact Style
9.  Footer Style

-------------------------------------------------------------------*/
@media (max-width: 575px) {
/*#some-id img {width: 100%; max-width: 728px; height: auto; max-height: 728px;}*/
}

#defaultUnit {
	position: relative;
	width: 100%;
	height: 90px;
	overflow: hidden;
}
/*
#defaultUnit {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
*/
.mydiv { display: block; }
/**
 *  Typography
 *
 **/
label {
  margin-top: 10px;
  color: #333;
  font-weight: 600;
}
.form-check-label {
  margin-top: 0;
}
/**
 *  Typography
 *
 **/
p, h3 a, .h3 a {
  color: #000;
}
h3 a:hover, .h3 a:hover {
  color: #000;
}

h4 span {
  font-weight: normal;
}
.meta a {
  color: #000;
}
/* Nav Menu Essentials */

.main-menu {
  background: #D51519;
  padding: 0;
	border-top: 1px solid #D51519;
	border-bottom: 1px solid #fff;
  font-family: "Poppins", sans-serif;
 font-size:10pt;
  position: relative;
}

.nav-menu li a {
	font-size: 100%;
}

 .social-icon { max-width: 50px !important;}

/* =================================== */
/*  Home News
/* =================================== */
.img_pad_bottom {
  padding-bottom: 10px;
}
.meta a { color: #D51519; font-weight: 600;}
/* =================================== */
/*  Articles
/* =================================== */
.add_files img {
  max-width: 75px;
  max-height: 50px;
  padding: 5px;
}
.pdf_icon {
  max-height: 50px;
  padding: 5px;
}

.fit-image{
width: 100%;
object-fit: cover;
/* height: 300px; only if you want fixed height */
}

@media (min-width: 575px) {
	.sub-image {
	min-width: 150px;
	object-fit: cover;
	/* height: 300px; only if you want fixed height */
	}
}
@media (max-width: 575px) {
	.sub-image {
	min-width: 100px;
	object-fit: cover;
	/* height: 300px; only if you want fixed height */
	}
}
.art_content {
	padding: 0 10px 0 10px;
	color: #000;
}
.art_content div {
  color: #000;
}
.text-weight-normal b {
  font-weight: bold;
}
strong {  font-weight: bold; }

.art_content h3, h4, h5, h6 {
    padding:  5px 0 5px 0;
}
.art_content a {
	color: #D51519;
}
.nws_title {
	color: #D51519;
	font-weight: 800;
}

.art_header {
    padding:  15px 0 5px 0;
}
/* =================================== */
/*  Pop Ups
/* =================================== */
/*

#topbar .divsignupClick {
    	display: block;
    	background: #FFFFFF;
		font-weight: bold; font-family: 'Droid Sans', sans-serif;  letter-spacing: .3pt; 
    	padding: 0;
    	border:1px solid #DDDDDD;
    	margin-top:1px;
    	margin-right:-15px;
    }
#topbar .divsignupClick:before {
    	border:1px solid #DDDDDD;
    }
#topbar .divsignupClick:after {
    	content: '';
    	display: block;  
    	position: absolute;
    	right: 20px;
    	bottom: 100%;
    	width: 0;
    	height: 0;
    	border-bottom: 10px solid green;
    	border-top: 10px solid transparent;
    	border-left: 10px solid transparent;
    	border-right: 10px solid transparent;
    }
#topbar .divsignupClick:after {
    	border-bottom-color: #FFFFFF;
    }

#topbar .divsignupClick { display: none; }

#topbar .divsignupClick .seperator { margin:0; height: 1px; display: block; border-bottom: 1px solid #CCC;} 
#topbar img a  { margin: 0; padding: 0; } 
#topbar a.langpicker { text-indent:20px; display: block; outline: none; cursor: pointer; text-decoration: none; color: #222; font-weight: bold; } 
#topbar a.langpicker:hover, #topbar a.langpicker:active { display: block; outline: none; cursor: pointer; background-color: #333; color:#fff; } 
#topbar a.signout { text-indent:20px; display: block; outline: none; cursor: pointer; color: #222; font-weight: bold; } 
#topbar a.signout:hover { display: block; outline: none; cursor: pointer; background-color: #333; color:#fff;} 

/* =================================== */
/*  News Styling
/* =================================== */

.carousel-caption {
  position: absolute;
  right: 10%;
  bottom: 20px;
  left: 0;
  z-index: 10;
  padding-top: 30px;
  padding-bottom: 0;
  color: #fff;
 font-size:14pt;
  text-align: left;
}
.carousel-caption h5, .carousel-caption p{
  font-size:16pt;
	color: #fff;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
 }

p.excert {
  color:#000;
}
/* =================================== */
/*  Various
/* =================================== */
.abo-home { padding-top: 20px; }
.bg-white { background: #fff; background-color: transparent !important;
}
.bg-green { background: green;}

.single-list .thumb img{
	width:150px; 
}

.iframe-container {
  overflow: hidden;
  // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* =================================== */
/*  Videos
/* =================================== */
.content_videos { 
	float: left; 
}
.vid_main {color: #000; 
	border: 0px solid #333;
	margin: 10px 0 10px 0;
	vertical-align: top;
	display: inline-block;
}
.vid_title {
	margin: 0 0 5px 0;
	min-height: 35px;
	font-size: 14pt; font-weight: bold;
	display: block;
}
.vid_decr {
	margin: 10px 0 5px 0;
	min-height: 35px;
	display: block;
}

.vid_decr .showmore {
    width: auto !important; color: #777; position:relative; font-size: 12pt; margin: 10px 0 0 0; padding-top: 7px; height: 40px; text-align: center; background: #f1f1f1; cursor: pointer;
}
.vid_decr .showmore:hover { color: #000; }
.complete { display:inline; }

.card {display:inline-block; border: none; margin-right: 20px;}
/* =================================== */
/*  Footer Mobile Sticky!
/* =================================== */
.search_mobile_div	 {
  display: none;
  padding: 8px;
  background: #CCC;
  z-index:999999;
}
.navtop {
  margin-bottom: 45px;
  height: 5px;
}

.navbar-bottom {
  background: #CCC;
}
.navbar-bottom ul li a {
  color: #000;
  border: 0;
}


/* =================================== */
/*  Giveaway
/* =================================== */
.ga_submit {
	float: right;
	width: 350px;
	border: 8px solid #D3031C;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 15px; padding: 10px;
	display: inline;
}

.gas_title {
	font-family: Georgia; font-size: 18pt; font-weight: bold; color: #D3031C; text-align: center;
}
.gas_sub {
	font-family: Georgia; font-size: 10pt; font-weight: bold; color: #000; text-align: center; margin: 10px 0 10px 0; display: block;
}
.gas_button {
	margin: 0 0 0 120px; cursor: pointer;

}
.gas_button .gas_circle {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
}
.gas_txt {
	font-family: Georgia; font-size: 25pt; font-weight: bold; color: #FFF; text-align: center; padding: 20px 20px 30px 5px;
    width: 80px; height: 80px; background: #D3031C; border: 8px solid #D3031C;

}
/* =================================== */
/*  COVERS STACK
/* =================================== */
.parent {
  position: relative;
  height: 200px;
}

.child {
  opacity: 0.8;
  width: 270px;
  position: absolute;
  top: 0;
}

.child1 {
  opacity: 0.6;
  left: 0;
  -ms-transform: skewY(-2deg); /* IE 9 */
  transform: skewY(-5deg);
}

.child2 {
  opacity: 0.7;
  left: 30px;
  top: 20px;
  -ms-transform: skewY(2deg); /* IE 9 */
  transform: skewY(-5deg);
}
.child3 {
  opacity: 0.8;
  left: 60px;
  top: 40px;
  -ms-transform: skewY(2deg); /* IE 9 */
  transform: skewY(-5deg);
}

.child4 {
  opacity: 0.9;
  left: 90px;
  top: 60px;
  -ms-transform: skewY(2deg); /* IE 9 */
  transform: skewY(-5deg);
  transform: skewX(5deg);
}

/* =================================== */
/*  POLL
/* =================================== */
.artistSelect {
	color: #333;
	cursor: pointer; }
.artistSelect:hover {
	font-weight: 600;}