@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

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

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

/* FIRST BREAK */
@media all and (max-width: 1024px) {

h1 { font-size: 2.25em; }   
h2 { font-size: 1.35em; }

/* ) GLOBAL CONTAINER */
.global_header .main_logo { flex: 0 0 45%;}
.global_leaderboard {display: none; }
.global_leaderboard_mobile {display: block; border-bottom: 2px dotted #999; padding-bottom: 2%; }


/* ) NAV BAR */   
.navDesktop {display: none;}
.navMobile { display: flex; flex-direction: row; flex: auto; align-items: center; }
.hamburger i { font-size: 2em;}  
nav { display: flex; justify-content: flex-end; border-top: none; border-bottom: none; padding: 1% 0 1% 0; }
nav ul, .nav_search { list-style-type: none; }
nav ul li { margin: 0 0% 12% 0; padding: 0; display: block;}
.navOverlay { display: flex; justify-content: center; height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.95);overflow-x: hidden;transition: 0.3s;}
.navOverlay-content { margin: 15% 0 0 0; text-align:center;}
.navOverlay a { text-decoration: none; font-size: 1.75em; color:#000; transition: 0.3s; display:block;}
.navOverlay .subscribeButton a { color:#FFF; }
.navOverlay a:hover, .navOverlay a:focus {color: #f1f1f1;}
.navOverlay .closebtn { position: absolute; right: 3%; font-size: 3em; }
.nav_search { margin: 10% auto; width: 80%; display: flex; border-bottom: solid 1px #C4C4C4;}
.nav_search input { font-size: 2em;  width: 80%; background-color:rgba(255, 255, 255, 0) }
.nav_search button { font-size:2em; border:none; color: #C4C4C4; background-color:rgba(255, 255, 255, 0) }
.nav_search button:hover { color:rgba(255, 255, 255, 0)  }

/* ) MAIN REGION INDEX */

.mainColumnHeader h4 { font-size: 1.8em;}
.about { width:100%; margin:0 auto 3% auto;}

/* ) MAIN REGION INDEX */
.mainFeature { flex: 0 0 100%; border-bottom: solid 1px #C4C4C4; border-right: none; padding:0 0 4% 0;}
.subFeature {margin: 0% 0 0% 0%; display: flex; flex-wrap: wrap; flex-direction: column; flex: 0 0 100%;}
.subFeatureItem { margin-top:4%; margin-bottom: 4%; }
.subFeatureItem h3 { font-size: 1.4em; }

/* ) FEATURES/NEWS */
.featuresItem {  flex-wrap: wrap; }
.featureItemRight h2:first-child { font-size: 1.17em; }
.featuresItemLeft { flex: 0 0 100%; margin-right:0%;}
.featuresItemLeft img { margin-bottom: 3%; max-height: 44vw; min-height: 44vw; }
.featuresItem .gearItemLeft img { max-height: 44vw; min-height: 44vw; }
.removeImg2:nth-last-child(-n+2) img { display: none;}

/* ) IDEAS */
.ideasItem:last-child { margin-bottom: 4%;}
.ideasProfile img { width: 40%; }

/* ) MAGAZINE */
.magazineItem {flex: 0 0 30%; padding-bottom: 6%; margin-bottom: 6%;}

/* ) GEAR */
.gear h2 {  font-size: 2.25em; }
.gearItemleft { flex: 0 0 100%; margin-right: 0%; margin-bottom:3%; }

.share { width: 100%; margin: 0;}
.contactBlock { flex-wrap: nowrap; flex-direction: column;}

/* ) STORY HEADER */
.storyColumnHeader { width: 100%; margin: 0 0 2% 0; }
.heroNews { width:99%; margin:4% 0 4% 0; }


/* ) STORY  */
.mainCopy { margin: 0 0 0 0; }
.mainCopy p { width:100%; font-size: 1.2em; letter-spacing: .1px; margin-bottom: 4%; }
.mainCopy ol, .mainCopy ul { width:100%; } 
.mainCopy ol li, .mainCopy ul li { font-size: 1.2em; }
.pullQoute p { font-size: 2.25em; }
.fromTheTopDetails { margin: 0 0 4% 0; }
.fromTheTopDetails p {padding:0 3% 0 3%;}


/* ) ADITIONAL STORIES */
.additionalBlock { flex-direction: column;}
.additionalItem { padding-bottom:5%; margin-bottom:5%; border-bottom: solid 1px #C4C4C4;}
.additionalItem img { display: none; }
.additionalItemLeft { flex: 0 0 0%; margin-right: 0%; }
.additionalItem:first-child {margin-top:2%; }
.additionalItem:last-child { border-bottom:none; }
.additionalItem:nth-child(odd) {margin-right: 0%; }
.additionalItem:nth-child(-n+2) { padding-bottom: 4.5%;  margin-bottom: 4.5%; }
.additionalItem:nth-last-child(-n+2) {padding-bottom:4.5%; margin-bottom:4.5%; }
.additionalIdeaItemLeft { flex: 0 0 0%; margin-right: 0%;}

}/* FIRST BREAK end */


/* SECOND BREAK */
@media all and (max-width: 767px) {

/* ) GLOBAL CONTAINER */
.global_leaderboard_mobile { border-bottom: none; padding-bottom:0; }

/* ) NAV BAR */ 
  
/* ) MAIN REGION */
.mainColumn { flex: 0 0 100%; margin-top: 3.75%;}

/* ) MAIN REGION INDEX */
.mainFeature p { font-size: 1em; line-height: 1.4em; }
.mainFeature h1 { font-size: 2em; }
.mainFeature img { max-height: 71vw; min-height: 63vw; }
.subFeatureItem h3 { font-size: 1.3em; }
.featuresItemRight h2, .ideasItemRight h2 { font-size: 1.75em; }
.featuresItem, .ideasItem { padding-bottom: 6%; margin-bottom: 6%; }
.featuresItemLeft img { margin-bottom: 3%; max-height: 63vw; min-height: 63vw; }
.featuresItem .gearItemLeft img { max-height: 63vw; min-height: 63vw; }

/* ) GEAR */
h1.ecAward {font-size: calc(1rem + 5vw); margin-bottom: 6%; border-bottom: solid 4px;}

/* ) STORY */
.mainCopy p { margin:0 0 5% 0;}
.mainCopy blockquote p { font-size: 1.75em; line-height: 1.3; }

/* ) AD COLUMN */
.adColumn { display:none; }
.adColumnMobile { background-color: #F2F2F2; display: flex; flex-wrap: wrap; justify-content:space-evenly; border-bottom: solid 1px #C4C4C4; margin: 5% 0 10% 0; border-bottom:none;}
.adColumnMobile a { flex: 0 0 44%; margin:0 3% 3% 3%;}
.adColumnMobile a:nth-child(-n+2) { margin-top:3%;}
.adColumnMobile a:nth-child(even) { margin-left:0%;}
.adColumnMobileExtra {  margin-bottom: 0%;}

/* ) Footer */
footer { flex-wrap:wrap; }
footer ul {margin:0 auto 7% 0;}
footer .footerSocialIcons a { margin: 0% auto 0% auto; }
footer .footerSocialIcons a { font-size:3em;}
li.newsletterButton h3 { font-size: 1em; }

.myAccount {display: none}
.myAccountMobile {display: block}

}  /* SECOND BREAK end */


  /* THRID BREAK */
@media all and (max-width: 560px) {

h2 { font-size: 1.25em; }
.paginate li {padding: 0 1.5% 0 1.5%; margin:auto;}


/* ) GLOBAL CONTAINER */
.global_container { padding: 0 4% 4% 4%;} 
.global_header .main_logo { flex: 0 0 70%;}


/* ) MAIN REGION */
.mainColumn {margin-top: 6%;}
.mainColumnHeader {margin-bottom: 6%;}
.mainColumnHeader h5, .storyColumnHeader h5 { font-size: 1em;}
.ideas .mainColumnHeader h1 {flex: 1 0 100%;text-align: center; margin-bottom: 6%;}


/* ) FEATURES/NEWS */
.featuresItem, .ideasItem { padding-bottom: 10%; margin-bottom: 10%; }
.featuresItemRight p, .ideasItemRight p, .ideasItemRightFull p { font-size:1em; }


/* ) IDEAS */
.ideasItem { flex-wrap:wrap; }
.ideasItemRight { flex:0 0 100%;}
.ideasItemLeft { flex: 0 0 50%; align-items: center; margin: 0 auto 4% auto; }
.ideasProfile img { margin: 5% 3% 0 3%; }
.authorsProfile {text-align:center; border-bottom:2px dotted #999;}
.authorsProfile h1 {margin-bottom:4%;}


/* ) MAGAZINE */
.magazineBlock { justify-content: space-around; margin-top: 3%; }
.magazineItem {flex: 0 0 40%;}


/* ) DROP DOWN */
.categoryHeader { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-bottom: 3%;}
.dropDownButton {  padding: 2% 2% 2% 2%; flex: 1;}
.styled-select {flex: 0 0 45%;} 


/* ) GEAR */
.gear h2 { font-size: 1.75em; }
.gearBlock p { font-size: 2em; line-height: 1; }


/* ) CONTACT */
.letters { width: 100%;  }
.letters p { margin-bottom: 3%; font-size:1em; }


/* ) STORY */
.storySubHeader { margin-bottom: 4%;}
.mainCopy p {flex:0 0 100%; margin:0 0 8% 0; font-size:1.1em;}
.hero p.caption, .storyBlock p.caption { line-height: 1.2; margin-top: 2%; margin-bottom: 6%; font-size: 1em; }
.mainCopy ol li, .mainCopy ul li { margin: 0 0 8% 7%;}
.fromTheTopDetails { margin: 0 0 8% 0; }


/* ) Footer */
footer { display: block; padding: 6% 3% 5% 3%; justify-content: space-around; text-align: center; }
footer ul li { font-size: 1em;}
footer ul:nth-child(3) li:not(:first-child) { display: inline-block; vertical-align: middle; margin-left: 5%;}
/*footer ul:nth-child(3) li:first-child: { display: block; margin-left: 0%;}*/
li.newsletterButton h3 { }
li.newsletterButton a { padding: 5% 0% 5% 5%; }
footer .footerSocialIcons a { margin: 0% auto 0% auto; }
.copyright {width: 90%;}

.myAccount {display: block}
.myAccountMobile {display: none}

}  /* THRID BREAK end */