/* Contains styles which are specific to the magazine's content pages 
   (i.e. the article pages, as opposed to dedicated
   advertisement pages and the cover pages)
*/

article p{
    text-align: justify;
    text-justify: auto;
    margin:  0 1em;
    padding: 0.5em;
    text-indent: 1.5em;
}

article p.printed-by {
    text-indent: 0;
    font-size: 0.8rem;
}
		    

article h3 {
    margin:  0 1em;
    padding-left: 0.8em;
    text-transform: uppercase;
    font-size: 1rem;
}
.attrib, .attrib br {
    margin-top: 0.1em;
    font-size: 0.8rem;
}
.author {
    text-align: right;
    padding-right: 5%;
}


.big-wheel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style-type: none;
    width: 40%;
    margin: 1em auto 0;
    padding: 1em 0;
}
.big-wheel .thethe {
    font-size: min(6vw, 62px);
    font-style: italic;
    text-align: left;
    margin-top: 0;
    padding-top: 0;
}

.big-wheel .northern {
    font-size: min(8vw, 84px);
    margin-top: 0;
    padding-top: 0;
}

.big-wheel .wheel {
    font-size: min(10vw, 100px);
    letter-spacing: 0.18em;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.big-wheel .dot {
    margin-top: 0.8rem;
    align-self: center;
}

.crunch-up {
    margin-top: 0;
}
.topic-title {
    text-align: center;
    text-transform: uppercase;
}

.caterer {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 0;
}

.center_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.content-pair {
    display: flex;
    margin-bottom: 0;
    margin-top: 1em;
    justify-content: space-around;
}
ul.content-pair  {
    padding-left: 0;
    list-style-type: none;
}

.content-item {
    margin-top: 0;
    text-align: center;
    flex: 2;
}

.block .content-item {
    text-align: left;
}

/*
Officials vice presidents
*/
.block-pairs {
    display: flex;
    margin-bottom: 0;
    margin-top: 1em;
    justify-content: space-between;
    padding-left: 0;
    
}
.block-item {
    list-style-type: none;
    margin-top: 0;
    text-align: left;
    padding-left: 0;
}
.block-item--first {
    padding-left: 5% ;
    flex: 1;
    
}
.block-item--second {
    flex: 1;
    padding-left: 15%;
}

@media(min-width: 420px){
    .block-item--first {
	padding-left: 10% ;
    }
    .block-item--second {
	padding-left: 10%;
    }
}

@media(min-width: 500px){
    .block-item--first {
	padding-left: 25% ;
    }
    .block-item--second {
	padding-left: 0;
    }
}

.content-article a {
    text-decoration: none;
    color: black;
}

.contributors {
    width: 80%;
    margin: 1em auto;
}



.ital-contents {
    font-style: italic;
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 1em;
}


.official {
    margin-top: 0.8em;
    padding: 0.1em;
    text-align: center;
}

.trailing-address {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

.short-separator {
    width: 20%;
    padding: 0;
    margin: 1em auto 0;
    border-top: solid black 1px;
}

.vol-header {
    display: flex;
    list-style-type: none;
    padding: 2em;
    justify-content: space-between;
}


.vol-header > li, .official-pair > li, .big-wheel > li {
    margin-top: 0;
}

.waiver {
    width: 60%;
    margin: 2em auto 1em;
    border-top: double 5px black;
    border-bottom: double 5px;
    font-size: 0.8rem;
}
address {
    font-style: normal;
    margin-left: 0;
}

/* The one image in the magazine pages */

.three-veterans img {
    margin: 0 auto;
    width: 83%;
    display: block;
    border: 2px solid black;
}

/*
  Styles for inline adverts
*/
.inline-advert {
    background-color: blanchedalmond;
    width: 90%;
    border-top: double 5px gray;
    padding: 2px;
    margin: 2em auto 0;
    border-bottom: none;
}
.inline-advert p {
    text-indent: 0;
}
.inline-advert.boxed-advert {
    border-bottom: solid 1px gray;
}

aside.inline-advert + aside.inline-advert {
    margin-top: 0;
}
.inline-advert-address {
    margin: 0.5em 1em 0.3em;
}

/* Inline advert for To Our Readers */

.readers-ad {
    display: flex;
    flex-direction: column;
    font-style: italic;
}
.readers-ad--single {
    display: block;
}
.readers-ad--double {
    display: none;
}
@media(min-width: 425px) {
    .readers-ad--single {
	display: none;
    }
    .readers-ad--double {
	display: block;
    }
}
.readers-ad--large {
    font-size: 1.5rem;
}
.readers-ad--medium {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 0;
}
.readers-ad--small {
    font-size: .9rem;
    text-align: right;
    margin-top: 0;
}


/* Inline advert for Barnes */
.barnes-headline {
    font-size: 2rem;
    padding: 0;
    margin: 0.25em 0 0;
}
.barnes-agents {
    width: 80%;
    margin: 1rem auto;
    line-height: 1.2;
}
.barnes-makes {
    letter-spacing: 0.12rem;
}
.barnes-terms {
    font-size: 1.2rem;
    margin-top: 0.5em;
}
.barnes-repairs {
    font-weight: bold;
    font-size: 0.8rem;
    width: 80%;
    margin: 0.5rem auto;
}
.barnes-address {
    font-size: 1.5rem;
    margin: 0.5em 0 0.3em;
}
@media(min-width: 450px) {
    .barnes-headline {
	font-size: 2.5rem;
    }
    .barnes-agents {
	width: 60%;
    }
}
@media(min-width: 550px) {
    .barnes-address {
	font-size: 2rem;
    }
}

/* Inline advert for Broadhurst */

.broadhurst-address {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}
.broadhurst-established {
    padding: 0;
    margin-top: 0.8em;
}
.broadhurst-name {
    font-size: 2.5rem;
    padding: 0;
    margin: 0.2em 0 0;
}
.broadhurst-agent {
    font-weight: bold;
    margin: 0;
    padding: 0.3em 0 0.7em;
}
.broadhurst-raleigh {
    font-size: 1.5rem;
}
.broadhurst-any-make {
    font-size: 1.5rem;
}
.broadhurst p {
    text-align: center;
}
.broadhurst .left-col {
    flex: 2;
    line-height: 1.5;
}
.broadhurst .right-col {
    text-align: right;
    margin-top: 0;
    flex: 3;
    align-self: center;
}

/* Inline advert for Hayes & Hughes */

    
.hayes > * {
    text-align: center;
    margin: 0;
    padding: 0;
}
.hayes-repairs {
    font-size: 1.1rem;
    letter-spacing: 0.13rem;
    margin-top: 0.8rem;
}
.hayes-pop {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    margin-top: 0.25rem;
}
.hayes-name {
    font-size: 2.5rem;
    letter-spacing: 0.4rem;
}
.hayes-address {
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0 0 0.5em;
}
.hayes-gatley {
    font-size: 1.2rem;
    letter-spacing: 0.13rem;
}
.hayes-agent {
    font-size: 1.2rem;
    margin-top: 0.2em;
}