/*
	Theme Name: attain child theme
	Theme URI: https://attaindesign.co.uk
	Description: Attain Child overwrites parent 'newsy' theme to re-design layout and style
	Version: 0.0.7
	Template: newsy
	Author: Attain Design
	Author URI: https://attaindesign.co.uk
	Tags: one-column, custom-header, custom-menu, featured-images
	Text Domain: newsy-child
*/

/* Subscription Card Styles */
.subscription-cards {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
@media screen and (max-width: 1200px) {
    .subscription-cards,
    .subscription-card-large {
        flex-direction: column;
        gap: 15px;
    }
    .subscription-card {
        flex:1;
        width: 100%;
    }
    .subscription-card__print,
    .subscription-card__digital {
        margin: 0 !important;
    }
}

.previous-issues__container {
    display:  flex !important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.previous-issues__container .issue-card-previous {
    width: calc(25% - 20px);
    height: auto;
}

@media screen and (max-width: 1000px) {
    .previous-issues__container .issue-card-previous {
        width: calc(50% - 20px);
        height: auto;
    }
}

.subscription-card {
    flex: 0 0 calc(50% - 8px);
    background-color: #EEE;
    padding: 32px;
    text-align: center;
}

.subscription-card__digital {
    margin-right: 8px;
}

.subscription-card__print {
    margin-left: 8px;
}

.subscription-card__heading {
    font-size: 32px!important;
    margin-bottom: 16px;
}

.subscription-card__text--1 {
    font-size: 24px;
    margin: 32px 0 8px 0;
}

.subscription-card__text--2 {
    margin-bottom: 32px;
}

.subscription-card .button {
    background-color: #e3743f;
    padding: 12px 16px;
}

.subscription-card .button:hover {  
    background-color: #fff;
    color: #e3743f;
}

.subscription-card__digital__form {
    display: flex;
}

.subscription-card__digital__form input[type=email] {
    border-radius: 0;
    background-color: #fff;
    color: #2d4148;
    flex: 1;
}
.subscription-card__digital__form input[type=email]::placeholder {
    color: #2d4148;
}

.subscription-card__digital .button {
    margin-left: 10px;
}
.subscription-card__print .button {
    min-width: 100%;
}


.subscription-card-large {
    background-color: #eee;
    display: flex;
    padding: 32px;
}

.subscription-card-large__header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.subscription-card-large__heading {
    font-size: 32px!important;
    margin: 0 16px 0 0;
}

.subscription-card-large .pill {
    background-color: #ff0000;
    color: #fff;
    border-radius: 22px;
    padding: 8px 16px;
    font-size: 18px;
}

.subscription-card-large__description,
.subscription-card-large__price-text{
    margin-bottom: 32px;
}

.subscription-card-large__price-text--1 {
    font-size: 24px;
}

.subscription-card-large__price-text--2 {
    margin: 0;
}

.subscription-card-large .button {
    min-width: 100%;
    background-color: #e3743f;
    padding: 12px 16px;
}

.subscription-card-large .button:hover {  
    background-color: #fff;
    color: #e3743f;
}

/* Weekly Updates Card Styles */
.weekly-updates-card {
    background-color: #eee;
    display: flex;
    padding: 32px;
    height: auto;
}

.weekly-updates-card__images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    max-width: 302px;
    max-height: 306px;
    margin-right: 32px;
}

.weekly-updates-card__image {
    width: 100%;
    height: auto;
    object-fit: contain;
    }

.weekly-updates-card__heading {
    font-size: 32px!important;
}

.weekly-updates-card__description {
    margin-bottom: 32px;
}

.weekly-updates-card__description > p {
    font-weight: bold;
    font-size: 18px;
}

.weekly-updates-card__description ul {
    margin: 0;
}

.weekly-updates-card__form {
    display: flex;
}

.weekly-updates-card__form input[type=email] {
    border-radius: 0;
    background-color: #fff;
    color: #2d4148;
    flex: 1;
}
.weekly-updates-card__form input[type=email]::placeholder {
    color: #2d4148;
}

.weekly-updates-card .button {
    margin-left: 8px;
}

.weekly-updates-card .button {
    background-color: #e3743f;
    padding: 12px 16px;
}

.weekly-updates-card .button:hover {  
    background-color: #fff;
    color: #e3743f;
}

/* Issue Cards Styles */
.issue-card-latest {
    display: flex;
}

.issue-card-latest__image {
    margin-right: 32px;
    max-width: 209px;
    height: auto;
}

.issue-card-latest__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.issue-card-latest__links .button {
    padding: 12px 16px;
    margin-right: 16px;
    background-color: #e3743f;
    color: #fff!important;
}

.issue-card-latest__links a {
    text-decoration: none;
}


.previous-issues__container {
    display: grid;
    grid-template-columns: repeat(4, 209px);
    grid-auto-rows: 300px;
    grid-column-gap: 16px;
    grid-row-gap: 32px;
  }
  
  .issue-card-previous {
    width: 209px;
    height: 300px;
  }
  
  .issue-card-previous img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .issue-card-previous p {
    margin-top: -8px;
  }

  #main-nav .page-item-67548,
  #main-nav .page-item-67545 {
    display: none !important;
  }

#weekly-updates-card-form input[type=email] {
    margin-right: 10px;
}

#primary {
    margin: 20px;
}