@charset "UTF-8";
/* MUSIC INC MAGAZINE

musicincmag.com

Designed & Developed by Maher Publications
© Maher Publications
=======================================*/

/* Site Color Palette
=======================================

=======================================
*/
/* CSS Font Styles
=======================================

=======================================*/

/* Table of Contents
=======================================
1) GLOBAL
   ) BASE STYLES 
   ) FORM OVERRIDES
   ) GLOBAL CONTAINER
   ) NAV BAR
   ) MAIN REGION
   ) MAIN REGION INDEX
   ) FEATURES/NEWS
   ) IDEAS
   ) MAGAZINE
   ) DROP DOWN
   ) GEAR
   ) CONTACT
   ) STORY HEADER
   ) STORY COPY
   ) SOCIAL
   ) ADDITIONAL STORIES
   ) AD COLUMN
   ) Footer

=======================================*/

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 1) GLOBAL */
	/* ) BASE STYLES */
h1 { font-family: 'Work Sans', sans-serif; font-size: 3em; font-weight: 700; line-height: 1; padding: 0; margin: 0; }
h2 { font-family: 'Work Sans', sans-serif; font-size: 1.5em; font-weight: 600; line-height: 1.1; padding: 0; margin: 0; }
h3 { font-family: 'Work Sans', sans-serif; font-size: 1.2em; font-weight: 600; padding: 0; margin: 0; }
h4 { font-family: 'Work Sans', sans-serif; font-size: 1.3em; font-weight: 700; padding: 0; margin: 0; }
h5 { font-family: 'Work Sans', sans-serif; font-size: 1em; font-weight: 400; color: #707070; padding: 0; margin: 0; }
h6 { font-family: 'Work Sans', sans-serif; font-size: 2em; font-weight: 900; padding: 0; margin: 0; }
p { font-family: 'Noticia Text', serif;  font-size: 1.3em; padding:0; line-height: 1.45; letter-spacing: .3; word-spacing: 1; }

body { background-color:#fff; color: #000;}
a, button { text-decoration:none; transition: all .2s ease-in-out; color:#000; display: inline; }
a:link { text-decoration: none; }
a:visited { text-decoration: none;}
a:hover { text-decoration: underline; }
h5 a {color: #707070;}
img {width: 100%}
b {font-weight:700;}
strong {font-weight:600;}
.bebas {font-family: 'Bebas Neue', cursive;}
.fw400 {font-weight: 400;}
.circle img { width: 100%; border-radius: 50%; }
.pushRight {margin-left: auto;}
.maroon { color: #AF3636; }
.paginate li:first-child {padding-left: 0%;}
.paginate li {font-family: 'Work Sans', sans-serif; font-size:1.3em; padding-left: 3%; display: inline-block; }
.paginate li i {color: rgba(175, 54, 54, .9);}
.active {font-weight:600; border-bottom: solid 1px;}

/* ) FORM OVERRIDES */
input:focus { outline: none; }
textarea:focus { outline: none; }
select:focus { outline: none; }
::-webkit-input-placeholder { color: #797A7A; }
:-moz-placeholder { color: #797A7A; opacity:  1; }
::-moz-placeholder {  opacity:  1; }
:-ms-input-placeholder { color: #797A7A; }

/* ) GLOBAL CONTAINER */
.global_container { box-sizing:border-box; width:100%; padding:0 3% 4% 3%;  background-color:#fff; max-width:1300px; margin: 0 auto;}
.global_header header { display: flex; flex: 0 0 100%; justify-content: space-between; box-sizing:border-box; padding:2% 0; overflow:auto; }
.global_header .main_logo { flex: 0 0 30%; margin-right: 5%;}
.global_leaderboard { display: flex; flex-direction: column; justify-content: center; }
.global_leaderboard_mobile {display: none; }
.global_header .main_logo img, .global_header .global_leaderboard img { width:100%; }

/* ) NAV BAR */
nav { box-sizing: border-box; padding: 1.9% 0 1.3% 0; border-top: 2px dotted #999; border-bottom: 2px dotted #999; display: flex; justify-content: space-between; flex: 0 0 100%; }
nav ul { width: 75%; display:inline-block; list-style:none; padding:0; margin:0; }
nav ul li { display: inline-flex; margin: 0 3% 0 0; padding: 0; }
nav ul li:last-child { margin:0;}
nav ul li a { color:#000; }
nav ul li a:hover { color:#666; text-decoration:none; }
nav ul li a h3 { font-weight: 700; padding:0; margin:0; }
.nav_search { display: flex; flex: 0 0 25%; justify-content: space-between; border-bottom: solid 1px #C4C4C4; margin-top: -.25%; }
.nav_search input { font-family: 'Work Sans', sans-serif; font-size: 1em; font-weight: 600; border: none; width: 88%; }
.nav_search button { font-size:1em; border:none; color: #C4C4C4; background-color:rgba(255, 255, 255, 0) }
.nav_search button:hover { color: #999; }
form[name="searchBar"] {flex:1;}
input[type=text]:focus { border:none }
input::placeholder {color: #C4C4C4; }
.searchButton { text-align: center; color: #CCC;cursor: pointer; padding:0;}
.subscribeButton {}
.subscribeButton a { display:inline-block; background-color: #00B2FF; color: #FFF; padding: 5px 15px; margin-top: -6px; border-radius: 5px 5px; }
.subscribeButton a:hover { color:#fff; background-color:#007bff; }
.hamburger i { font-size: 1.3em; }
.navDesktop {font-size:.875rem;}
.navMobile { display:none; }
#nav_active { border-bottom: solid 3px #AF3636; padding-bottom: 7%; }

/* ) MAIN REGION */
.indexMainRegion { overflow:auto; display: flex; justify-content: space-between; }
.mainColumn { flex: 0 0 70%; margin-top: 2.5%; }
.mainColumn article { width:100%; overflow:auto; padding-bottom:4%; margin-bottom:4%; border-bottom:solid 1px #C4C4C4; }
.mainColumn article:last-child { margin-bottom:0; border-bottom:none; }
.maincolumn article.borderReset {border: none; padding:0; margin:0;}
.mainColumnHeader { width:100%; box-sizing:border-box; padding:0% 0 1% 0; margin-bottom:3%; border-bottom:2px dotted #999; overflow:auto; }
.mainColumnabout { width:100%; box-sizing:border-box; padding:0% 0 1% 0; margin-bottom:3%; border-bottom:2px dotted #999; overflow:auto; }
.mainColumnHeader h1 { font-size: 2.6em; flex:1 0;}
.mainColumnHeader h4 { float:left; font-size:1.6em; }
.mainColumnHeader h5, .storyColumnHeader h5 { font-size: 1.15em; color: #707070; }
.mainColumnHeader a { float:right; padding-top:10px; font-size:1em; color:#707070; }
.about { width:80%; margin:0 auto 3% auto;}

/* ) MAIN REGION INDEX */
.topStories { display: flex; flex-wrap: wrap; }
.mainFeature {box-sizing:border-box; flex: 0 0 71%; border-right:solid 1px #C4C4C4; padding:0 3% 0 0;}
.mainFeature img { object-fit: contain; min-height: 417px; max-height: 417px; width:99.5%; margin-bottom:2%; border: 1px solid #f2f2f2; /*background-image: url('https://www.musicincmag.com/images/global/mi-bg-pattern-3.jpg');*/}
.mainFeature h1 { font-size: 2.5em; padding-bottom:2%; }
.mainFeature p { font-size:1.1em; line-height:1.3em; }
.subFeature { box-sizing: border-box; padding-left: 0%; margin: 0 0 0% 3%; display: flex; flex-wrap: wrap; flex-direction: column; flex: 0 0 25%; justify-content: space-around;}
.subFeatureItem {}
.subFeatureItem:last-child { padding-bottom:0%; margin-bottom:0%; border-bottom:none; }
.subFeatureItem h5 { font-size:1em; padding-bottom:2%;}
.subFeatureItem h3 { line-height:1.2; }
.subFeature hr {border-top: solid .25px #C4C4C4; border-bottom: none; width: 100%; box-sizing: border-box;}
.subFeature hr:last-child {border:none}

/* ) FEATURES/NEWS */
.features { overflow:auto;}
.features .ideas .authors .mainColumnHeader {padding:1% 0 1% 0;}
.featuresBlock { display: flex; flex-wrap: wrap; flex-direction: column; }
.featuresItem, .ideasItem { width:100%; overflow:auto; padding-bottom:5%; margin-bottom:5%; border-bottom:solid 1px #C4C4C4; display: flex; }
.featuresItem:last-child, .ideasItem:last-child {margin-bottom:0; border-bottom:none; }
.featuresItem {width:100%; }
.featuresItem img { width: 100%; object-fit: cover; max-height: 225px; min-height: 225px; border: solid 1px #C4C4C4; box-sizing: border-box; }
.featuresItemLeft { flex: 0 0 35%; margin-right: 2.5%; }
.featuresItemRight, .ideasItemRight { display: flex; flex-direction: column; justify-content: center; flex:1;}
.featuresItemRight h2, .ideasItemRight h2 { }
.featuresItemRight h5, .ideasItemRight h5 { margin-bottom:2%; }
.featuresItemRight h2, .ideasItemRight h2 { display:block; font-size: 2em; margin-bottom: 1%; }
.featuresItemRight a:hover, .ideasItemRight a:hover {  }
.featuresItemRight p, .ideasItemRight p, .ideasItemRightFull p { font-size:1.1em; }
.featuresItem .gearItemLeft img { max-height: 288px; min-height: 288px; object-fit: contain; border: none; }
.removeImg1:not(:first-child) img { display: none;}

/* ) IDEAS */
.ideasItem { padding-bottom: 2rem; margin-bottom: 2rem; }
.ideasItemLeft { flex: 0 0 30%; margin-right: 5%; }
.ideasItemRightFull {display: none;}
.ideasProfile img { width:40%; border-radius:50%; float:right; box-sizing: border-box; border: solid 9px white; margin: 2% 1% 0% 2%; shape-outside: circle();}
.ideasBio p { font-size: 1.2em; font-family: 'Work Sans', sans-serif; color: #707070; font-style: italic; }
.circle img { border-radius:50%;}
.additionalIdeaItemLeft { flex: 0 0 25%; margin-right: 2.5%; }
.additionalIdeaItem:nth-child(odd) {margin: 0 2% 0% 0; }
.authorsProfile {border-bottom:2px dotted #999;}

/* ) MAGAZINE */
.magazine, .contact { flex:0 0 100%; }
.magazineBlock { display: flex; flex-wrap: wrap; flex-direction: column; }
.magazineBlock { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.magazineItem { flex: 0 0 22%; padding-bottom:3%; margin-bottom:3%; }
.magazineItemBottomRow { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; }
.magazineItemBottomRow .magazineItem { padding-bottom:0%; margin-bottom:0%;}
.magazineItem img { width:100%; }
.magazineItem h3 { text-align: center; padding-top: 7%; }

/* ) DROP DOWN */
.categoryHeader { display: inline-flex; align-items: center; } 
.categoryHeader a { float: none; }
.dropDownButton { background-color: #c4c4c4; color: white; border: none; cursor: pointer; border-radius: 5px 5px; font-size: 1.15em; margin-right: 2%}
.dropDownButton:nth-child(1) { margin-left: auto;}
.dropDown:hover .dropDownButton { background-color: #00B2FF; }
.styled-select { overflow:hidden; height:36px; width:22%; background: url('/assets/art/static/select-arrow.svg') no-repeat right #ccc; border-radius:8px; }
.styled-select:last-child { margin-left:2%; }
.categoryHeader select { font-family: 'Work Sans', sans-serif; background: transparent; padding-left:8%; height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:107%; border:0; border-radius:0; font-size:1em; font-weight:600; color:#fff; }

/* ) GEAR */
.centerCategory .gearCategory { flex: 0 0 13%; padding: 1.5% 0; }
.gearItemleft { flex: 0 0 50%; margin-right: 2.5%; }
.gear h5 a, .gearblock h5 a {display: block;}

/* ) CONTACT */
.contactBlock { display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1.4; }
.contactItem { display: flex; flex: 0 0 46%; margin-bottom: 10%; }
.contactItem:nth-child(odd) { margin-right: 6%; }
.contactItem h2 { font-weight:700; line-height: 1; }
.contactItem h5 { font-weight:700; color:#AF3636; }
.contactItem p { font-size: .9em; }
.contactItem p a { font-family: 'Work Sans', sans-serif; font-weight:700; }
.contactItemLeft { flex: 0 0 35%; margin-right: 3%; align-items: center;}
.contactItemRight { display: flex; flex-direction: column; justify-content: center; }
.letters { text-align: center; width: 60%; margin: 0 auto 3% auto; }
.letters h2 { margin-bottom: 3%}
.letters p { font-family: 'Work Sans', sans-serif; font-weight: 400; }

/* ) STORY HEADER */
.post { margin: 0% auto 0 auto; }
.storySubHeader { display: inline-flex; align-items: center; margin-bottom: 2%; width: 100%;} 
.storyColumnHeader { width:80%; margin: 0 auto 2% auto;}
.storyColumnHeader a i { color: #C4C4C4; font-size: 2em;  margin: 0 0 0 2%; }
.storyColumnHeader h5 { padding: 0 0 0 0; }
.storyColumnHeader h5 a, .additionalItemRight h5 a { margin:0 0 0 0; color: #AF3636;}
.storyColumnHeader a:hover, .mainColumn .share a:hover { color: #00B2FF; text-decoration:none; }
h2.byline { font-weight:500; margin-top: 4%; color: #AF3636;}
h2.authors { font-weight:700; margin-top:4%; } 
h2.authors a { margin-left: 0; }
.hero { margin-bottom:4%; }
.heroNews { width:80%; margin:4% auto; box-sizing: border-box;}
.hero img { object-fit: contain; }
.heroNews img { border:solid 1px rgba(196, 196, 196, .5)}
.imageBlock { margin: 8% 0 8% 0;  }

/* ) STORY COPY */
p.caption { font-family: 'Noticia Text', serif; font-size: 1.15em; font-style: italic; color:#505050; margin-top: .75%}
.mainCopy {}
.mainCopy.mainCopyIdeas {margin-top: -2%;}
.mainCopy p { width:80%; font-size: 1.38em; letter-spacing: .1px; line-height: 1.475; word-spacing: 2; margin: 4% auto 4% auto;}
.mainCopy p a { color:#379adb; }
.mainCopy p a:hover { text-decoration: none; border-bottom: dotted 2px; }
.mainCopy figure img { object-fit: contain; margin:2% 0; }
.mainCopy figcaption { font-family: 'Noticia Text', serif; font-size: 1.15em; font-style: italic; color:#505050; margin-bottom: 4%; }
.mainCopy blockquote p { width:100%; font-size:2em; font-weight:700; border-left:solid 12px #AF3636; padding-left:4%; margin:6% 0 6% 0; box-sizing: border-box; }
p ins { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 1.2em; text-decoration: none; border-bottom: solid 1px; margin: 2% auto 0% auto; width: 100%; display: block; }
.mainCopy i { font-style: italic;  } 
.mainCopy b { font-weight:700; } 
.mainCopy ol, .mainCopy ul { margin:auto; box-sizing: border-box; width: 80% } 
.mainCopy ol li, .mainCopy ul li { font-family: 'Noticia Text', serif; font-size: 1.38em; letter-spacing: .1px; line-height: 1.4; margin: 0 0 3% 7%; box-sizing: border-box;}
.mainCopy ol li { list-style-type: decimal;}
.mainCopy ul { } 
.mainCopy ul li { list-style-type: disc;}
.fromTheTopDetails { background-color: #AF3636; padding: 2% 0% 3% 0%; margin: 4%; }
.fromTheTopDetails p { box-sizing: border-box; width: 91%; color: white; font-family: 'Work Sans', sans-serif;}
.fromTheTopDetails p:last-child { margin-bottom: 0%; }
.gearBlock h2 { font-weight: 700; }
.gearBlock h3 { font-size: 2em; font-weight:400; }
.gear h2 { color: #CB0000; font-size: 3em; font-weight: 400; }
.gear h3 { font-size: 1.3em; font-weight: 700; }
.gear h4 { font-weight: 400; }
h1.ecAward {font-size: calc(2rem + 1vw); margin-bottom: 3%; border-bottom: solid 5px; letter-spacing: 2px; display: inline-block;}
h3.ecAward {font-size: 1em; margin-bottom: 3%; border-bottom: solid 3px; letter-spacing: 1px; display: inline-block;}
.advertorial figure img {width: 65%}

/* ) ADITIONAL STORIES */
.additionalBlock { display: flex; flex-wrap: wrap; justify-content: space-between; }
.additionalItem { flex: 0 0 48%; overflow: auto; display: flex; align-items: center; height: 200px; }
.additionalItem:nth-child(-n+2) {padding-bottom:3%; margin-bottom:3%; }
.additionalItem:nth-last-child(-n+2) {padding-bottom:0; margin-bottom:0;  }
.additionalBlock .additionalItemLeft img { object-fit: cover; max-height: 150px; min-height: 150px; border: solid 1px #C4C4C4; box-sizing: border-box; }
.additionalItemLeft { flex: 0 0 50%; margin-right: 2.5%; }
.additionalItemRight  { display: flex; flex-direction: column; justify-content: center;}
.additionalItemRight h5  h5 { width:100% font-size:.9em; padding-bottom:2%; }
.additionalItemRight p { font-size:1em; line-height:1.3em; }
.additionalItemIdeas {height: 130px;}

/* ) SOCIAL */
.share  { width: 80%; margin: auto;}  
.share i { font-style: normal;}
.share a { color: #C4C4C4; font-size: 3.5em; margin: 2% 3% 8% 0%; }

/* ) AD COLUMN */
.billboard { background-color:#F2F2F2; padding: 1.5% 2% 3% 2%; width:100%; box-sizing:border-box; margin-bottom: 4% }
.billboard p { text-align:center; font-size:.8em; padding-bottom:8px; color:#666; padding-bottom: 1.5%;}
.adColumn { margin-top: 2%; display: flex; flex-direction: column; flex: 0 0 25%; }
.adColumn a { display:block; margin-bottom:8%; }
.adColumnMobile {display: none}
article.adHidden { border-bottom:none; padding-bottom: 0%; margin-bottom: 0%;}

/* ) Footer */
footer { display: flex; flex-wrap:wrap; justify-content: space-around; align-items: center; box-sizing:border-box; width:100%; padding: 2% 3% 3% 3%;  background-color:#fff; max-width:1300px; margin: 0 auto; border-top:dashed 1px #999; overflow:auto; }
footer ul li {font-family: 'Work Sans', sans-serif; font-size: .9em; font-weight: 400; line-height: 1.5;}
footer ul:nth-child(2) { flex: 0 0 45%; }
footer ul li a:hover { color:#666; text-decoration:none; }
footer ul li a h3 { font-weight: 700; font-size: 1em; }
li.newsletterButton h3 { font-size: 1.2em; }
li.newsletterButton a { display: flex; text-align: center; justify-content: center; align-items: center; border: solid 1px #000; border-radius: 5px 5px; padding: 5% 0% 5% 0%; }
li.newsletterButton a:hover { background-color:#00B2FF; color:#fff; }
li.newsletterButton i { font-size:2em; margin-right: 4%}
footer .footerSocialIcons a { display:inline-block; font-size:2.5em; color:#c4c4c4; margin: 1% 1% 1% 0; }
footer .footerSocialIcons a:hover { color:#00B2FF; }
.myAccount {display: block}
.myAccountMobile {display: none}
.copyright {margin: 3% auto 0 auto; width: 60%; text-align: center;}