article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
	
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


html {
	scroll-behavior: smooth;
	overflow-x: hidden; 
}


/* FONTS */


/* Glacial Indifference */

@font-face {
    font-family: 'glacial_indifferencebold';
    src: url('/_assets/d866429cc8f6.woff2') format('woff2'),
         url('/_assets/2adcd7331b6a.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'glacial_indifferenceitalic';
    src: url('/_assets/97f70678e744.woff2') format('woff2'),
         url('/_assets/d13180e09c96.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'glacial_indifferenceregular';
    src: url('/_assets/2b35c3a33d30.woff2') format('woff2'),
         url('/_assets/cc37f48c5095.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





/* Calling Code */

@import url("/_assets/c004c746f7e0.css");

  
@font-face {font-family: 'CallingCode-BoldItalic';src: url('/_assets/e914e95ca632.eot');src: url('/_assets/090bd73e92cb.eot#iefix') format('embedded-opentype'),url('/_assets/e47c5357de22.woff2') format('woff2'),url('/_assets/cd7777d48b84.woff') format('woff'),url('/_assets/a6b2536c7772.ttf') format('truetype');}
 
  
@font-face {font-family: 'CallingCode-Bold';src: url('/_assets/0b43bd64cb15.eot');src: url('/_assets/dbfcb12e47a4.eot#iefix') format('embedded-opentype'),url('/_assets/b21afadbce1a.woff2') format('woff2'),url('/_assets/9c28043ec22f.woff') format('woff'),url('/_assets/7570ede5a936.ttf') format('truetype');}
 
  
@font-face {font-family: 'CallingCode-Italic';src: url('/_assets/92418bdf981f.eot');src: url('/_assets/5f850c8d0bed.eot#iefix') format('embedded-opentype'),url('/_assets/682a4b887932.woff2') format('woff2'),url('/_assets/ed614fe7c114.woff') format('woff'),url('/_assets/0d694b4d11c9.ttf') format('truetype');}
 
  
@font-face {font-family: 'CallingCode-Regular';src: url('/_assets/cf0b2c254d14.eot');src: url('/_assets/47c68cccca88.eot#iefix') format('embedded-opentype'),url('/_assets/bfbba91085ee.woff2') format('woff2'),url('/_assets/f2c85a9bd007.woff') format('woff'),url('/_assets/325a7866867f.ttf') format('truetype');}





/* Sauvage */

@font-face {
  font-family: 'Sauvage Antique';
  src: url('/_assets/82649a8f8fe5.eot');
  src: url('/_assets/82649a8f8fe5.eot#iefix') format('embedded-opentype'),
       url('/_assets/368bab24ca55.woff') format('woff'),
       url('/_assets/2f55cb2a20eb.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}




/* Highlighted Text Styling */
::selection {
  background: #23A4FF; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #23A4FF; /* Gecko Browsers */
}






/* Text Styling */

h1 {
	font-family: "Sauvage Antique", Baskerville, Times, serif;
	font-size: 3rem;
	line-height: 3.2rem;
	text-align: center;
	margin-top: 0px;
	font-weight: 100;
	padding-bottom: 50px;
}


@media (max-width: 599px) {
	h1 {
	font-family: "Sauvage Antique", Baskerville, Times, serif;
	font-size: 1.75rem;
	line-height: 1.9rem;
	text-align: center;
	margin-top: 0px;
	font-weight: 100;
	padding-bottom: 25px;
	}
}



h3 {
	font-family: "Sauvage Antique", Baskerville, Times, serif;
	font-size: 1.8rem;
	line-height: 2.3rem;
	text-align: center;
	margin-top: 0px;
	font-weight: 100;
	padding-bottom: 50px;
}


@media (max-width: 599px) {
	h3 {
	font-family: "Sauvage Antique", Baskerville, Times, serif;
	font-size: 1.5rem;
	line-height: 1.65rem;
	text-align: center;
	margin-top: 0px;
	font-weight: 100;
	padding-bottom: 25px;
	}
}


h4 {
	font-family: "glacial_indifferencebold", Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.4rem;
	text-align: center;
	font-weight: 100;
}

h4.white {
	font-color: white;
	font-weight: 100;
}


h5 {
	font-family: "glacial_indifferencebold", Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 0.9rem;
	text-align: center;
	font-weight: 100;
}



h6 {
	font-family: "CallingCode-Bold", Courier, monospace;
	font-size: 0.75rem;
	line-height: 1rem;
	text-align: left;
	padding: 0;
}



p {
	font-family: "CallingCode-Regular", Courier, monospace;
	font-size: 0.75rem;
	line-height: 1rem;
	text-align: center;
	padding: 0;
}


li {
	font-family: "glacial_indifferencebold", Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
	color: white;
	font-weight: 100;
	letter-spacing: 0.2px;
}



a:hover {
	color: white;
	text-decoration: underline;
	text-underline-position: under;
}

a:link {
	color: white;
	text-decoration: none;
}



/* Padding & Max Width */

body {
	margin: 0px auto;
	padding: 0;
}



/*Nav*/


.nav {
	max-width: 600px
    list-style: none;
    margin: 0px auto;
    padding: 0;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 900;
}

@media (max-width: 599px) {
	.nav {
	max-width: 375px;
	}
}

@media (max-width: 374px) {
	.nav {
	max-width: 345px;
	}
}


.nav li {
    display: inline;
}

.nav a {
    display: inline-block;
    padding: 35px 15px;
    color: white;
}

@media (max-width: 599px) {
	.nav a {
	padding: 35px 10px;
	}
}

@media (max-width: 320px) {
	.nav a {
	padding: 35px 6px;
	}
}

.nav a:hover {
	color: white;
	border-bottom: 1px;
}

/*.nav a:active {
	color: white;
	text-decoration: none;
}*/



.red .nav a {
	color: red;
}

.red .nav a:hover {
	color: red;
	border-bottom: 1px;
}

.black .nav a {
	color: black;
}

.red .nav a:hover {
	color: black;
	border-bottom: 1px;
}




/*CTA Styling*/

.button {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
}

.button a {
	background: none;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	color: black;
	cursor: pointer;
	width: 120px;
	height: 60px;
	padding: 10px 18px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	margin-top: 0;
	text-decoration: none;
}

.button a:hover {
	background: black;
	color: white;
}


.smalllink a {
	color: black;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid;
}

.smalllink a:hover {
	border-bottom: none;
}


/*Logo Styling*/


.Logo {
	position: relative;
	display: block;
	margin: auto;
	padding-top: 100px;
	padding-bottom: 50px;
	width: 560px;
}

@media (max-width: 599px) {
	.Logo {
	padding-top: 80px;
	padding-bottom: 35px;
	width: 95%;
	}
}


.HomeLogo {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: auto;
	width: 560px;
}

@media (max-width: 599px) {
	.HomeLogo {
	top: 80px;
	width: 95%;
	padding: 0 10px;
	}
}

.tagline h4 {
	position: absolute;
	top: 195px;
	left: 0;
	right: 0;
	margin: auto;
}

@media (max-width: 599px) {
	.tagline h4 {
	top: 145px;
	font-size: 1rem;
	}
}




/* HOMEPAGE */

/* HOMEPAGE - Hero Image */

.fix {
	overflow: hidden;
}

.heroimg {
	position: relative;
}

.heroimg img {
	display: block;
	width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin: 0 auto;
}


@media (max-width: 599px) {
	.heroimg {
	margin: 0 auto;
	}
}

@media (max-width: 599px) {
	.heroimg img {
	height: 75vh;
	width: auto;
/*	transform: translate(-50%, 0);*/
	}
}


/* HOMEPAGE - Image Styling */

.img_container {
  position: relative;
}

.img_container img {
	max-width: 400px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
}


@media (max-width: 599px) {
	.img_container img {
	max-width: 250px;
	}
}

/*HOMEPAGE - About*/

@media (max-width: 599px) h1 {
	font-size: 1.5rem;
	line-height: 1.65rem;
}

.tagline h4 {
	margin-left: 30px;
	margin-right: 30px;
}



/*HOMEPAGE - Current Issue*/

.currentissue {
	position: relative;
	margin: 0px /*-9999px*/;
	padding: 60px /*9999px*/;
	background: #bfdb5e;
	overflow-x: hidden;
}

.currentissue p {
	padding: 0 10px;
}

.about {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 20px;
}


@media (max-width: 599px) {
	.about {
	padding: 30px 10px;
	}
}


/*HOMEPAGE - Press*/


.img_container_half {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

.img_container_half img {
	width: 50%;
	height: auto;
/*	max-width: 720px;*/
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

@media (max-width: 599px) {
	.img_container_half img {
	width: 100%;
	opacity: 0.8;
	}
}


.press {
	background: #000;
	position: relative;
	height: inherit;
	padding: 0;
	margin: 0;
}

.presslinks-container {
	display: inline-block;
	height: 100%;
	width: 50%;
	right: 0;
	top: calc(50% - 200px);
	position: absolute;
	vertical-align: middle;
}


@media (max-width: 599px) {
	.presslinks-container {
	width: 100%;
	top: calc(50% - 225px);
	}
}

.press h4 {
	color: white;
}

.press .button a {
	color: white;
	border-color: white;
}

.press .button a:hover {
	color: black;
	background: white;
}

.press p {
	color: white;
}



/*HOMEPAGE - Social*/

.social {
	margin-top: 70px;
	padding-bottom: 60px;
}


@media (max-width: 599px) {
	.social {
	margin-top: 60px;
	padding-bottom: 15px;
	}
}

.social a {
	color: black;
}

.social h3 {
	padding: 0;
	margin-bottom: 10px;
}


.social a:hover {
	border-bottom: 1px solid;
}

.social h4 {
	padding-top: 3rem;
}

@media (max-width: 599px) {
	.social h4 {
	padding-top: 1rem;
	}
}






/*ISSUE 1*/

.issue_img_container {
	position: relative;
}

.issue_img_container img {
	max-width: 300px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 100%;
}

@media (max-width: 599px) {
	.issue_img_container img {
	max-width: 250px;
	}
}

.issueanimation {
	position: relative;
}

.issueanimation img {
	max-width: 900px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 20px;
	width: 100%;
}

.issuedescription {
	max-width: 1050px;
	padding: 0 20px 20px;
	margin: 0 auto;
}

.issuedescription h3 {
	margin-bottom: 0px;
	padding: 0px;
}

@media (max-width: 599px) {
	.issuedescription h3 {
	font-size: 1.1rem;
	line-height: 1.25rem;
	}
}

.contributors a {
	color: black;
}

@media (max-width: 599px) {
	.contributors h3 {
	font-size: 1.1rem;
	line-height: 1.65rem;
	}

	.contributors a {
	border-bottom: 1px solid black;
	}
}


.contributors a:hover {
	color: black;
	border-bottom: 1px solid;
}







/*STOCKISTS*/
.stockists h4 {
	color: #989898;
}

.stockists h5 {
	color: #989898;
}

.stockists h3 {
	color: #989898;
	padding-bottom: 0;
	margin-bottom: 0;
}

.stockists a {
	color: #989898;
}

.stockists a:hover {
	border-bottom: 1px solid;
}

.stockists p {
	color: #989898;
	margin-top: 5px;
	margin-bottom: 2rem;
	padding: 0 10px;
}

@media (max-width: 599px) {
	.stockists h3 {
	font-size: 2rem;
	line-height: 2.2rem;
	}
}









/*CONTRIBUTE*/
.content {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 0px; 
	padding-bottom: 60px; 
	padding-left: 30px; 
	padding-right: 30px;
}

.content a {
	color: #989898;
	border-bottom: 2px solid;
}


.content h3 {
	color: #989898;
	padding-bottom: 80px;
	max-width: 900px;
	margin: 0 auto;
}

.content h1 {
	color: #989898;
	padding-bottom: 50px;
}

.content h4 {
	color: #989898;
	font-size: 1.1rem;
	padding-bottom: 20px;
}

.content p {
	color: white;
}


@media (max-width: 599px) {
	.content {
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
	}

	.content h3 {
	padding-bottom: 75px;
}

	.content h1 {
	padding-bottom: 75px;
}

	.content h4 {
		padding-bottom: 0px;
	}

}









/*CONTACT*/

.contactsocial {
	margin-top: 30px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 20px;
}

@media (max-width: 599px) {
	.contactsocial {
	padding: 0px 10px;
	}
}

.contactsocial h1 {
	color: #989898;
}

.contactsocial h3 {
	color: #989898;
}

.contactsocial a {
	color: #989898;
}

.contactsocial a:hover {
	color: #989898;
	border-bottom: 1px solid;
}


.contactsocialinfo a {
	color: white;
	border-bottom: none;
}

.contactsocialinfo h3 {
	padding: 0;
	margin-bottom: 10px;
	color: white;
}

.contactsocialinfo a:hover {
	border-bottom: 1px solid white;
	color: white;
}

.contactsocialinfo h4 {
	padding-top: 30px;
	color: white;
}

.contactsocialinfo #mailchimp {
	max-width: 1024px;
	margin: 0 auto;
	color: white;
	padding: 10px;
	align-content: center;
}


.contactsocialinfo #mailchimp input {
	background: none;
	border: medium none;
	outline: none;
    color: white;
    font-family: "Sauvage", Baskerville, Times, serif;
    text-align: center;
    font-size: 2rem;
    padding: 4px 0px;
    width: 500px;
    margin: 0 auto;
}

@media (max-width: 599px) {
	.contactsocialinfo #mailchimp input {
	width: 95%;
	font-size: 1.5rem;
	}
}


.contactsocialinfo #mailchimp input.email { 
	margin: 0 auto;
	border-bottom: 1px solid white; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: white;
	width: 500px;
}


@media (max-width: 599px) {
	.contactsocialinfo #mailchimp input.email {
	width: 95%;
	}
}

.contactsocialinfo #mailchimp input[type="submit"] {
	background: none;
	border: 1px solid white;
	cursor: pointer;
	font-family: "glacial_indifferencebold", Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	width: 120px;
	height: 40px;
	margin: 20 auto;
	padding: 4px 4px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: center;
}
			
.contactsocialinfo #mailchimp input[type="submit"]:hover { 
	background: white;
	color: black;
	border: none;
}




/*FOOTER*/


.footer {
	position: relative;
	background: white;
	height: 27rem;
}


.bottom-right {
	position: absolute;
	display: block;
	right: 20px;
	bottom: 10px;
}


.bottom-right img {
	position: absolute;
	bottom: 40px;
	right: 0px;
	width: 20px;
}


.bottom-left {
	position: absolute;
	display: block;
	left: 20px;
	bottom: 20px;
}

.bottom-left h4 {
	padding-bottom: 100px;
	text-align: left;
}

.bottom-left p {
	text-align: left;
}

.bottom-left a {
	color: black;
}

.bottom-left a:hover {
	color: black;
}




/*Removing Dotted Outline*/

a {
   outline: 0;
}


/*Email Sign-Up*/


#mailchimp {
	max-width: 1024px;
	margin: 0 auto;
	color: black;
	padding: 10px;
	align-content: center;
}

#mailchimp input {
	background: none;
	border: medium none;
	outline: none;
    color: black;
    font-family: "Sauvage", Baskerville, Times, serif;
    text-align: center;
    font-size: 2rem;
    padding: 4px 0px;
    width: 500px;
    margin: 0 auto;
}

@media (max-width: 599px) {
	#mailchimp input {
	width: 95%;
	font-size: 1.5rem;
	}
}


#mailchimp input.email { 
	display: block;
	margin: 0 auto;
	border-bottom: 1px solid black; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: black;
	width: 500px;
	align-content: center;
/*	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;*/
}

@media (max-width: 599px) {
	#mailchimp input.email {
	width: 95%;
	}
}


#mailchimp input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #F6A6BC inset;
}

#mailchimp input[type="submit"] {
	background: none;
	border: 1px solid;
	cursor: pointer;
	font-family: "glacial_indifferencebold", Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	width: 120px;
	height: 40px;
	margin: 20 auto;
	padding: 4px 4px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: center;
}


#mailchimp input[type="email"] {
	margin: 0 auto;
	align-content: center;
}
			
#mailchimp input[type="submit"]:hover { 
	background: black;
	color: white;
	border: none;
}

#mc_embed_signup_scroll {
	max-width: 1080px;
    margin: 0 auto;
    position: relative;
}







