/*
Theme Name: Catalyst Magazine
Theme URI: https://catalyst-magazine.com
Author: Magpie
Author URI: https://wearemagpie.com
Description: Bespoke theme for STEM Learning's Catalyst Magazine platform
Version: 1.0
Text Domain: catalystmagazine
*/
/* CONTENTS */

/******************************************
/*  0.0   WordPress defaults
/*  1.0   Typography
/*    1.1   Font face
/*    1.2   Font sizes
/*    1.3   Text alignment
/*  2.0   Colours
/*  3.0   Images
/*    3.1   Banners
/*    3.2   Article figures
/*    3.3   Little icons
/*    3.4   Background images
/*  4.0   Borders
/*  5.0   Structures
/*    5.1   Asides
/*    5.2   Cards
/*    5.3   Jumbotrons
/*    5.4   Columns
/*    5.5   Navbars
/*      5.5.1   Article Navbars
/*    5.6   Widths and heights
/*  6.0   Devices
/*    6.1   Links
/*  8.0   Single Articles
/*    8.1   Asides
/*  9.0   Homepage
/*    9.1   Content section (the grid layout bit)
/*    9.2   Subscribe section (the blue background bit)
/*  10.0  About page
/*  11.0  Archive page
/*  12.0  Yeah yeah Bootstrap overrides
/*    12.1    Woocommerce Bootstrap stuff
/*  13.0  Margins and paddings

*******************************************/


/******************************************
/*  0.0   WordPress defaults
*******************************************/
alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin-right:0;
}

.alignleft {
    float: left;
    margin-left:0;
}

.textLeft {text-align: left;}
.textRight {text-align: right;}
/******************************************
/*  1.0   Typography
*******************************************/
strong {font-weight: bold;}
p {font-size:1rem;line-height:1.313rem;margin-bottom:25px;letter-spacing: 0.025rem}
.pageTitles {font-size:2.375rem;line-height:3rem;margin-bottom:25px;}
.sectionTitles {font-size:1.75rem;line-height:2rem;}
.asideTitles {font-weight:bold;font-size:1.375rem;line-height: 1.625rem;
  margin: 0 auto 25px;}
  .homepage p.heroTitle {margin-bottom:10px;}
.heroTitle {font-size:2rem;line-height: 2.625rem;font-weight:800;}
  @media screen and (max-width:400px) {
    .homepage p.heroTitle {font-size:1.5rem;
    line-height:1.625rem;}
  }

@media screen and (max-width:767px) {
  /* .heroTitle {text-align: center;}
  .exploreIssueLink {text-align: center;}
  .introPara {text-align: center;} */
  .ml-3, .mx-3 {margin-left:0 !important;}
}
.introTitle {font-weight:800;}
.articleIntro p {
  font-size:1.188rem;
  line-height: 1.313rem;width:95%;
  padding-bottom:20px;
}
    em {font-style: italic;}
h1 {font-weight:800;}
h3 {font-weight:bold;font-size:1.375rem;line-height: 1.625rem;margin-bottom: 10px;}
.large {}
  strong {font-weight:800;}

  .otherArticle a {color:#212529;text-decoration: none;}
    .otherArticle a:hover {text-decoration: none;}
    .otherArticle a:before {display:none;}


/******************************************
/*  1.1   Font face
*******************************************/

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-ExtraBold.eot');
  	src: local('Bliss Pro ExtraBold'), local('BlissPro-ExtraBold'),
  		url('assets/fonts/BlissPro-ExtraBold.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-ExtraBold.woff') format('woff'),
  		url('assets/fonts/BlissPro-ExtraBold.ttf') format('truetype');
  	font-weight: 800;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-ExtraLight.eot');
  	src: local('Bliss Pro ExtraLight'), local('BlissPro-ExtraLight'),
  		url('assets/fonts/BlissPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-ExtraLight.woff') format('woff'),
  		url('assets/fonts/BlissPro-ExtraLight.ttf') format('truetype');
  	font-weight: 200;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-Medium.eot');
  	src: local('Bliss Pro Medium'), local('BlissPro-Medium'),
  		url('assets/fonts/BlissPro-Medium.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-Medium.woff') format('woff'),
  		url('assets/fonts/BlissPro-Medium.ttf') format('truetype');
  	font-weight: 500;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro.eot');
  	src: local('Bliss Pro'), local('BlissPro'),
  		url('assets/fonts/BlissPro.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro.woff') format('woff'),
  		url('assets/fonts/BlissPro.ttf') format('truetype');
  	font-weight: normal;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-ExtraLightItalic.eot');
  	src: local('Bliss Pro ExtraLight Italic'), local('BlissPro-ExtraLightItalic'),
  		url('assets/fonts/BlissPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-ExtraLightItalic.woff') format('woff'),
  		url('assets/fonts/BlissPro-ExtraLightItalic.ttf') format('truetype');
  	font-weight: 200;
  	font-style: italic;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-Italic.eot');
  	src: local('Bliss Pro Italic'), local('BlissPro-Italic'),
  		url('assets/fonts/BlissPro-Italic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-Italic.woff') format('woff'),
  		url('assets/fonts/BlissPro-Italic.ttf') format('truetype');
  	font-weight: normal;
  	font-style: italic;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-HeavyItalic.eot');
  	src: local('Bliss Pro Heavy Italic'), local('BlissPro-HeavyItalic'),
  		url('assets/fonts/BlissPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-HeavyItalic.woff') format('woff'),
  		url('assets/fonts/BlissPro-HeavyItalic.ttf') format('truetype');
  	font-weight: 900;
  	font-style: italic;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-ExtraBoldItalic.eot');
  	src: local('Bliss Pro ExtraBold Italic'), local('BlissPro-ExtraBoldItalic'),
  		url('assets/fonts/BlissPro-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-ExtraBoldItalic.woff') format('woff'),
  		url('assets/fonts/BlissPro-ExtraBoldItalic.ttf') format('truetype');
  	font-weight: 800;
  	font-style: italic;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-Bold.eot');
  	src: local('Bliss Pro Bold'), local('BlissPro-Bold'),
  		url('assets/fonts/BlissPro-Bold.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-Bold.woff') format('woff'),
  		url('assets/fonts/BlissPro-Bold.ttf') format('truetype');
  	font-weight: bold;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-LightItalic.eot');
  	src: local('Bliss Pro Light Italic'), local('BlissPro-LightItalic'),
  		url('assets/fonts/BlissPro-LightItalic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-LightItalic.woff') format('woff'),
  		url('assets/fonts/BlissPro-LightItalic.ttf') format('truetype');
  	font-weight: 300;
  	font-style: italic;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-Heavy.eot');
  	src: local('Bliss Pro Heavy'), local('BlissPro-Heavy'),
  		url('assets/fonts/BlissPro-Heavy.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-Heavy.woff') format('woff'),
  		url('assets/fonts/BlissPro-Heavy.ttf') format('truetype');
  	font-weight: 900;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-BoldItalic.eot');
  	src: local('Bliss Pro Bold Italic'), local('BlissPro-BoldItalic'),
  		url('assets/fonts/BlissPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-BoldItalic.woff') format('woff'),
  		url('assets/fonts/BlissPro-BoldItalic.ttf') format('truetype');
  	font-weight: bold;
  	font-style: italic;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-Light.eot');
  	src: local('Bliss Pro Light'), local('BlissPro-Light'),
  		url('assets/fonts/BlissPro-Light.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-Light.woff') format('woff'),
  		url('assets/fonts/BlissPro-Light.ttf') format('truetype');
  	font-weight: 300;
  	font-style: normal;
  }

  @font-face {
  	font-family: 'Bliss Pro';
  	src: url('assets/fonts/BlissPro-MediumItalic.eot');
  	src: local('Bliss Pro Medium Italic'), local('BlissPro-MediumItalic'),
  		url('assets/fonts/BlissPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
  		url('assets/fonts/BlissPro-MediumItalic.woff') format('woff'),
  		url('assets/fonts/BlissPro-MediumItalic.ttf') format('truetype');
  	font-weight: 500;
  	font-style: italic;
  }

/******************************************
/*  1.2   Font sizes
*******************************************/

.font-Normal {font-size: 1rem;font-weight:normal;line-height:normal;}
.font-Small {font-size:0.9rem;line-height:1rem;}
.caption {font-style:italic;}
.additional-information h4 {font-size:1rem;font-weight: 800;margin-top:20px;margin-bottom:10px;padding-left:15px;}
sup, sub {font-size:0.8rem;font-weight:bold;}
/******************************************
/*    1.3   Text alignment
*******************************************/

.align-Left {text-align: left;}
/******************************************
/*  2.0   Colours
*******************************************/

.textYellow {color:#f9c102;}
.textDeepPink {color:#c41a41;}
  span.textDeepPink a {color:#c41a41;}
    span.textDeepPink a:before {background-color:#c41a41;}
.textBlack {color:#000000;}
.textWhite {color:#ffffff;}
.textGrey {color:#ededed;}
.textBlue {color:#11a4d5;}

.backgroundYellow {background-color:#f9c102;}
.backgroundDeepPink {background-color:#c41a41;color:white;}
  .issue-37 footer.backgroundDeepPink {background-color:#9a3dff;}
.backgroundBlack {background-color:#000000;}
.backgroundWhite {background-color:#ffffff;}
.backgroundGrey {background-color:#ededed;}
.backgroundLighterGrey {background-color:#f2f2f2;}
.backgroundBlue {background-color:#11a4d5;}

.borderYellow {border:#f9c102 2px solid}
.borderDeepPink {color:white;border:#c41a41 2px solid}
.borderBlack {border:#000000 2px solid}
.borderWhite {border:#ffffff 2px solid}
.borderGrey {border:#ededed 2px solid}
.borderBlue {border:#11a4d5 2px solid}

.fill-AccentColour {fill:var(--accentColour);}
/******************************************
/*  3.0   Images
*******************************************/

.imageFullWidth {width:100%; height:auto;}

/******************************************
/*    3.1   Banners
*******************************************/

.articleBanner {padding:0 0 40px;
  margin-bottom:40px;

}

.article .articleBanner {padding:0 0 0;margin-bottom:40px;}
.articleBanner img {width:100%;height:auto;}

/******************************************
/*    3.2   Article figures
*******************************************/

/******************************************
/*    3.3   Little icons
*******************************************/
.linkIcon {vertical-align: middle;}
.iconMagpie {vertical-align: middle;}
.iconSocial {margin:5px;vertical-align: text-top;height:0.9rem;}
  .iconSocial {margin:3px 10px 5px 10px;}
  .iconSocialLast {
    margin-left:5px;
    margin-right:40px;
  }

/******************************************
/*    3.4   Background images
*******************************************/
.backgroundBlueBooks {
  background-image:url(img/iconBook02.svg);
  background-repeat: no-repeat;
  background-position: top -25px left 75px;
  position:relative;
  z-index:10;
}

.backgroundBlueBooks:before {
  content: ' ';
  width:50%;
  height:100%;
  bottom:0;
  right:0;
  position: absolute;
  background-image:url(img/iconBook03.svg);
  background-repeat: no-repeat;
  background-position: bottom -55px right 50%;
  display:block;
  z-index:1;
}
@media screen and (min-width:565px) {
.backgroundBlueBooks:after {
  content: ' ';
  width:50%;
  height:100%;
  top:0;
  right:0;
  position: absolute;
  background-image:url(img/iconBook01.svg);
  background-repeat: no-repeat;
  background-position: top -65px right 5%;
  display:block;
  z-index:1
}

}
.sectionExploreMore .pt-5 {padding-top:1rem !important;}
.sectionExploreMore .pb-5 {padding-bottom:1rem !important;}
@media screen and (min-width:767px) {
  .sectionExploreMore {padding-top:23px;padding-bottom:27px;}
}
/******************************************
/*  4.0   Borders
*******************************************/

.borderYellowImage {width:100%;}
.border-top-pink:before {display:block;width:100%;height:9px;background:url(img/borderTopPink.svg);background-repeat: no-repeat;background-size: 100%;content:' ';}

.borderImage {width:100%;height:auto;margin:10px 0;}
.borderHomepageMoreTop {width:95%;}
.borderHomepageMoreBottom {width:95%;transform:rotate(180deg);}

.issueDetails p {padding:35px 35px 0;font-family:'Bliss Pro';font-weight:300;text-transform: uppercase;
margin-bottom: 0}
.article .issueDetails p {padding:25px 35px 0;}
.issueDetails h1 {padding:0 35px 35px;margin-bottom: 10px;}
.article .issueDetails h1 {padding:0 35px 25px;}
@media screen and (max-width:467px) {
  .article .issueDetails p {padding:25px 15px 0;font-size:90%;}
  .article .issueDetails h1 {padding:0 15px 35px;margin-bottom: 10px;font-size:2rem;}
}
p.withBorder {display: inline-block;padding:10px;}

.borderAppear {
    animation: createBox 0.7s;
  }
  @keyframes createBox {
    from {
      transform: scale(0.5);
    }
    to {
      transform: scale(1);
    }
  }


  .borderDeepPinkBoth:before {
    content:' ';
    display:block;
    background-image:url(https://catmagdev.wpengine.com/wp-content/themes/catalyst-magazine/img/borderTopPink.svg);
    background-size:contain;
    background-repeat: no-repeat;
    height:8px;width:100%;
  }

  .borderDeepPinkBoth:after {
    content:' ';
    display:block;
    background-image:url(https://catmagdev.wpengine.com/wp-content/themes/catalyst-magazine/img/borderTopPink.svg);
    background-size:contain;
    background-repeat: no-repeat;
    height:8px;width:100%;
    transform: rotate(180deg);
  }

  hr.thick  {    border: none;
    height: 3px;
    margin:40px 0;
    /* Set the hr color */
    color: #f2f2f2; /* old IE */
    background-color: #f2f2f2; }
/******************************************
/*  5.0   Structures
*******************************************/

.floatRight {float:right;margin-left:20px;}
.floatLeft {float:left;margin-right:20px;}
.noPadding {padding:0;}

.mainArticle {padding:0 40px;}

.article .mainArticle ul {padding:0 60px; margin-bottom:20px;line-height: 1.313rem;}
.article .mainArticle a:before {}
.article .mainArticle a {color:#c41a41 !important;text-decoration: underline;}
.article .notes a {color:#c41a41 !important;text-decoration: underline;}
.headerNotes {font-weight:900;text-transform: uppercase;margin-bottom:10px;}


ul {
   list-style-type: disc;
   list-style-position: inside;
}
ol {
   list-style-type: decimal;
   list-style-position: inside;
}
ul ul, ol ul {
   list-style-type: circle;
   list-style-position: inside;
   margin-left: 15px;
}
ol ol, ul ol {
   list-style-type: lower-latin;
   list-style-position: inside;
   margin-left: 15px;
}
/* .articleIntro {
  background-image: url(img/articleIntroBackground.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  border: 0;
  padding: 34px 40px 67px;
  color: white;
  margin-bottom: 20px;
}

.articleIntro p {} */

/******************************************
/*    5.1   Asides
*******************************************/

#thirdParties {
  margin:40px;width:100%;
  border-collapse: collapse;
  border: 1px solid #212529;
}
#thirdParties td {padding:10px;border: 1px solid #212529;}
.asideRight {float:right;margin-left:20px;}
.wp-block-image figcaption {color:#c41a41 !important;}
.wp-block-image figcaption:before {content:'^';}
.wp-block-image.widthHalfRight {max-width: 48%;float:right;margin-bottom:0;}
.wp-block-image.widthHalfLeft {max-width: 48%;float:left;margin-bottom:0;}
.quoteImage.wp-block-image figcaption:before {display:none;}
.quoteImage.wp-block-image figcaption {position: relative;top:0;}

.quoteImage.wp-block-image figure {
  display: table;
}

.quoteImage.wp-block-image figure img {
  width:70%;
  margin:0 15%;
}
.quoteImage.wp-block-image figcaption {
  display: table-caption;
  caption-side: top !important;
    font-weight: bold;
    color:#212529 !important;
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 0 auto 25px;
    margin-bottom: 25px;
    width:90%;
}

.quoteImage.wp-block-image:before {
  content:' ';
  display:block;
  background-image:url(https://catmagdev.wpengine.com/wp-content/themes/catalyst-magazine/img/borderTopPink.svg);
  background-size:contain;
  background-repeat: no-repeat;
  height:8px;width:100%;
}

.quoteImage.wp-block-image.widthHalfLeft:before {width:105%;margin-left:-5%;}
.quoteImage.wp-block-image figure:after {
  content:' ';
  display:block;
  background-image:url(https://catmagdev.wpengine.com/wp-content/themes/catalyst-magazine/img/borderTopPink.svg);
  background-size:contain;
  background-repeat: no-repeat;
  height:8px;width:100%;
  transform: rotate(180deg);
}


.wp-block-image .alignright, .wp-block-image,.alignleft { float:left;margin-right:10px}
.asideLeft {
  float:left;margin:5px 20px 20px 40px;padding:20px;
  border-top:3px solid #c41a41;
  border-bottom:3px solid #c41a41;
}

.asideLeft:before {
  display:block;
  position: relative;
  top:0;
  left:0;
  content: ' ';
  background-image:url('../')
}


/******************************************
/*    5.2   Cards
*******************************************/
.card {
  border:0;
  border-radius: 0;
  margin:4px 0 0;
  background:none;
}
.card-body {padding:0;background:none;}
.card-img-top
 {
  border-top-left-radius:0;
  border-top-right-radius:0;
 }

 .col-md-6 .card {height:calc(100% - 6px);}
 .col-md-6 .card img {height: calc(100% - 4px);}

.card .p-5 {padding-top:25% !important}
/******************************************
/*    5.3   Jumbotrons
*******************************************/

.jumbotron {border-radius: 0;}
.issue-welcome{margin-top:80px; margin-bottom: 80px}

.homepageHeader.header-issue37 {background-image:url('/wp-content/uploads/2020/05/Bioluminescence-header-02-scaled.jpg')}
.homepageHeader.header-issue38 {min-height:800px; background-image:url('assets/holding-header-image.jpg') !important;}
.homepageHeader.header-issue39 {background-image:url('/wp-content/uploads/2021/01/catalyst-issue-39-header-still.jpg')}

#headerCoverPage {
position: absolute;
left:0;
top: 0;
min-width: 100%;
height: auto;
}
#articleCoverPage {
width:100%;
height: auto;
}

@media screen and (min-width:1280px) {
  .homepageHeader.header-issue38 {min-height:800px;}
  .homepageHeader.header-issue38 #headerCoverPage {top:-50px}
}

@media screen and (min-width:1440px) {
  .homepageHeader.header-issue38 {min-height:900px;}
  .homepageHeader.header-issue38 #headerCoverPage {top:-100px}
}

@media screen and (min-width:1920px) {
  .homepageHeader.header-issue38 {min-height:1100px;}
  .homepageHeader.header-issue38 #headerCoverPage {top:-100px}
}

@media screen and (max-width:767px) {
  .header-issue39 #headerCoverPage {display:none;}
}

/* .postid-3614 #articleCoverPage {max-height:250px;overflow: hidden;width:100%;} */
/******************************************
/*    5.4   Columns
*******************************************/

/******************************************
/*    5.5   Navbars
*******************************************/
.navbar-nav {display:block;text-align: right;text-transform: uppercase;letter-spacing: 0.1em;}
.navbar-toggler {position: absolute;top:20px;right:0;}
.navbar-nav a {color:white;}
.nav-item {
  padding-bottom: 10px;
font-size: 1rem;
line-height: 1.313rem;
letter-spacing: 0.025rem;
}
body .nav-item.nav-last a {color:#f9c102;}
.navbar {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.navbar-hide {
    pointer-events: none;
    opacity: 0;
}

@media screen and (max-width:950px) {
  .navbar-collapse {text-align:center;}
  .hamburger {
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 6px;
    margin-right: 0.3em; background-color: black
  }

  /* .homepage .hamburger {
    border-top: 0.3em solid #fff;
    border-bottom: 0.3em solid #fff;
  } */

  .hamburger:before{ content: ''; width: 100%; height: 6px; background-color: black; display: block; transform: translate(0px, -10px);}

  .hamburger:after { content: ""; left: 0px; width: 100%; display: block; transform: translate(0px, 4px); height: 6px; background-color: black}
}

@media screen and (max-width:767px) {
  .homepage .navbar-nav {width:50%;margin-right:2.5%;}
  .homepage .show .navbar-nav {background-color:#f9c102;
  width:75%;
position: absolute;
}
}



/******************************************
/*      5.5.1   Article Navbars
*******************************************/

.pageNavbar {
  -webkit-box-shadow: 0px 1px 20px 0px rgba(217,214,217,1);
  -moz-box-shadow: 0px 1px 20px 0px rgba(217,214,217,1);
  box-shadow: 0px 1px 20px 0px rgba(217,214,217,1);
  border-box:1px solid #ccc;
  margin-bottom: 80px;
  position: fixed;
  width:100%;
  padding:20px 40px;
}

.page-id-202 .pageNavbar {
  /* box-shadow: none; */
  background-color: #fff;
  /* -webkit-box-shadow: 0px 5px 18px 0px rgba(71,69,71,1);
  -moz-box-shadow: 0px 5px 18px 0px rgba(71,69,71,1);
  box-shadow: 0px 5px 18px 0px rgba(71,69,71,1); */
  /* -webkit-box-shadow: 0px 1px 20px 0px rgba(217,214,217,1);
  -moz-box-shadow: 0px 1px 20px 0px rgba(217,214,217,1);
  box-shadow: 0px 1px 20px 0px rgba(217,214,217,1); */
}
.pageNavbar a {color:black;}

/* .pageNavbar .navbar-nav {display:none;} */
.article .pageNavbar .navbar-nav {display:inline-block;}
/* .article .pageNavbar .navbar-nav li {
  display:inline-block;
  margin-left:15px;
} */

/* .navbar-brand:before {display:none;}
.navbar-brand {position:absolute;top:10px;left:30px;}
.navbar-brand.navbar-brand-Catalyst {top:17px;left:190px;}
.navbar-brand-Catalyst {margin-top:10px;} */

/* @media screen and (max-width:467px) {


a.navbar-brand:nth-child(1) {
  width: 120px;
}


a.navbar-brand:nth-child(1) > img:nth-child(1) {
  width: 120px;
  height: auto;
}


.navbar-brand {
  left: 20px;
}

.navbar-brand.navbar-brand-Catalyst {
  top: 16px;
  left: 160px;
}


a.navbar-brand:nth-child(2) {
  width: 120px;
}

a.navbar-brand:nth-child(2) > img:nth-child(1) {
  width: 100%;
  height: auto;
}

} */

/******************************************
/*    5.6   Widths and heights
*******************************************/

.width-max-250 {max-width:250px;}

.width-max-350 {max-width:350px;}
.width-max-450 {max-width:450px;}

.width-max-half {max-width:50%;}

  @media screen and (max-width:478px) {
    .width-max-250,.width-max-350,.width-max-450,.width-max-half {width:100%;max-width:100%;margin:0 auto}

  }
/******************************************
/*  5.6   Lists and things
******************************************/
ul {list-style-position: outside;margin-left:25px;}
ul li {font-size: 1rem;line-height: 1.313rem;}
/******************************************
/*  6.0   Devices
*******************************************/

/******************************************
/*    6.1   Links
*******************************************/
a {position: relative;text-decoration: none;transition: all 0.3s linear;}
a:hover {text-decoration: none;}
#wpadminbar a:before {display:none;}
a:before {content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background-color: #fff;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;}
a:hover:before {  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}

.boldLink {color:inherit;font-weight: 800;}
  .boldLink:hover {color:inherit;}

/* .active a{color:#f9c102;} */
.navbar-nav a:hover{color:#f9c102;}
  .navbar-nav a:before {background-color:#f9c102;}
.homepageHeader a:before {background-color:#f9c102;}

.homepageHeader a:hover {color:#f9c102;;text-decoration: none}

.backgroundBlue a {color:#000;}

.sectionExploreMore a:before {background-color:#9a3dff;}
.sectionExploreMore a:hover {color:#9a3dff;}

.linkFooter {color:black;}
.linkFooter:hover {color:black;}
.footerSocial:before {display:none;}
.linkFooter:before {background-color: black;}

/******************************************
/*  8.0   Single articles
*******************************************/

.articleTramlines:before {
  content: ' ';
  position: absolute;
  left: 0;
  top:1950px;
  background-image: url(img/sideLeft.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 294px;
  height: 407px;
}

.articleTramlines:after {
  content: ' ';
  position: absolute;
  right: 0;
  top:950px;
  background-image: url(img/sideRight.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 144px;
  height: 546px;
}
.article main {
  padding-top:142px;
}
.article .mainAbout {padding-top:90px;}
@media screen and (max-width:767px) {
  .article main {padding-top:142px;}
}
@media screen and (max-width:440px) {
  .article main {padding-top:126px;}
}
.articleIntro {
  /* background-image:url(img/articleIntroBackground.svg); */
  background-size: 100% 100%;
  margin-left:-40px;
  margin-right:25px;
  padding-bottom:5px;
  background-repeat: no-repeat;
  margin-bottom:40px;
  padding-top:20px
}

@media screen and (max-width:767px) {
  /* .articleIntro {background-image:none;}
  .articleIntro.textWhite {color:#000;} */
}

.articleIntro .introTitle {padding-top:10px;}
.articleIntro .articleLast {padding-bottom:70px;}

.article .mainArticle {padding:0 0 40px;}
.article .mainArticle p, .article .mainArticle h3 {padding:0 40px;}
.article .asideLeft p {padding:0 0;}
.article .mainArticle .aside {padding:0 40px;}
.article .imageFullWidth {display:block;margin:40px 0;}
.metaHeader {margin-bottom:10px;}
.metaHeader:before {
  /* content: ' '; */
  background:url('img/arrowRight.svg');
  background-repeat: no-repeat;
  width:10px;
  height:23px;
  /* display:inline-block; */
  position: relative;
  left:-20px;
  top:5px;
  margin-right:-10px;
}

.shareTitle {text-transform: uppercase;margin-bottom:10px}
.metaShare a:before {display:none;}
.metaShare a {margin-right:15px;}
.metaShare a:hover .cls-1 {fill:#c41a41;}

.asideImage {width:70%;}

.article .linkFooter {color:white;}
.article .linkFooter:hover {color:white;}
.article .linkFooter:before {background-color: white;}

.article .containerOtherArticles .sectionTitles {font-weight:900;}

.article .containerOtherArticles .card {
    border: 4px solid
}

.header-issue36 .container{max-width: 1600px}
.header-issue36 .col-md-6{max-width: 570px}

/* .article .containerOtherArticles .card::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: linear-gradient(225deg, #f2f2f2 50%, #f9c102 50%);
  position: absolute;
right: -4px;
top: -4px;
border-left: 4px solid black;
border-bottom: 4px solid black;
} */

.issue-37.article .containerOtherArticles .card::before {
  background: linear-gradient(225deg, #f2f2f2 50%, #5cf0ff 50%);

}

/* .article .containerOtherArticles .card::after {
  content: '';
  display: block;
  width: 52px;
  height: 4px;
  background-color: #000;
  position: absolute;
  top: 14px;
  transform: rotate(45deg);
  right: -11px;
} */
.article .containerOtherArticles .otherArticle {
  width:222px;
  background-repeat: no-repeat;
}

.article .containerOtherArticles .otherArticle .card-text {
  margin-top:210px;

}
.article .containerOtherArticles .otherArticleLeft .card {
  background-image:url('img/otherArticleLeft.png');
  background-repeat: no-repeat;
  background-size:100% auto;

}

.article .containerOtherArticles .otherArticleMiddle .card {
  background-image:url('img/otherArticleMiddle.png');
  background-repeat: no-repeat;
  background-size:100% auto;
}

.article .containerOtherArticles .otherArticleRight .card {
  background-image:url('img/otherArticleRight.png');
  background-repeat: no-repeat;
  background-size:100% auto;
}

.article .containerOtherArticles .card-img-top {width:100%;}

.article .containerOtherArticles .card-text {
  padding:25px;
  font-weight:800;
}


@media screen and (max-width:1730px) {
  .header-issue36 .container{padding-left: 40px}
}

@media screen and (min-width:1200px) {
  .article .containerOtherArticles .card-text { font-size:1.25rem; line-height:1.5rem; }
}

@media screen and (min-width:900px) {
  .header-issue36 .container{padding-left: 30px}
}

@media screen and (max-width:767px) {
  .header-issue36 .container{padding-left: 15px}
}

.asideRight .figLabel {padding-left:0;}

.issueDetailsMeta a {color:black;}

.callout p.p1 {font-size: 1.375rem;
    line-height: 1.625rem;

    text-align: center;    padding-bottom: 10px !important;
}
/* .postid-3616 .s1 {color:#100066;} */
.postid-3616 main a {color:#f9a880;}
.postid-3609 main a {color:#9a3dff;}
.page-id-3594 .flip_back {background-image: url(img/gridLightBlue.svg);}
.page-id-3594 .articleNumber, .page-id-3594 .articleTitle {color:#100066;}
body.homepage.page-id-3594 .navbar-nav a {color:white;}
body.homepage.page-id-1008 .navbar-nav a {color:black;}

.author_image {margin-top:20px;}

.single-articles .question {margin-top:20px;font-size:22px;line-height: 26px;font-weight: 700;}
.single-articles .answer {}
  .postid-7284 ul {margin-top:20px;}

.single-articles h2.subtitle {font-size:22px;line-height: 26px;font-weight: 700;margin:20px 0 10px;}

.single-articles .col-article-content a {color:var(--accentColour);}
/******************************************
/*    8.1   Asides
*******************************************/
.single-articles aside {text-align: center;bpadding-top:20px;margin-bottom:20px;}

aside img {margin:0 auto;}
aside p {font-size: 1.375rem;
line-height: 1.625rem;
display: block;
text-align: center;
font-weight:bold;padding-left:15px;padding-right:15px;}

aside h3 {padding-left:15px;padding-right:15px;}
aside.aside-align-left p,aside.aside-align-left {text-align: left;}
aside.aside-size-normal p {font-size:1rem;line-height: normal;font-weight: normal}

.single-articles .headerBox-brackets::after {
  border-color:var(--accentColour) !important;
}
.single-articles .headerBox-brackets::before {
  border-color:var(--accentColour) !important;
}

.single-articles .border-brackets::after {
  border-color:var(--accentColour) !important;
}
.single-articles .border-brackets::before {
  border-color:var(--accentColour) !important;
}

.padding-B20.border-brackets::after {margin-top:20px;}

.border-brackets:before{content: ''; display: block; width: 100%; height: 16px; border-top: 4px solid #f9c102;  border-right: solid 4px #f9c102; border-left: 4px solid #f9c102; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: -5px}
.border-brackets:after{content: ''; display: block; width: 100%; height: 16px; border-bottom: 4px solid #f9c102; border-right: solid 4px #f9c102; border-left: 4px solid #f9c102; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-bottom: -5px}

/******************************************
/*  9.0   Homepage
*******************************************/
svg.homeTeachersNotes {height:25px;width:auto;}
.headerBoxBrackets-container{padding: 0px 20px}
.issueHeader-info{max-width: 575px}
.headerBox-brackets:before{content: ''; display: block; width: 100%; height: 16px; border-top: 4px solid #f9c102;  border-right: solid 4px #f9c102; border-left: 4px solid #f9c102; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: -5px}
.headerBox-brackets:after{content: ''; display: block; width: 100%; height: 16px; border-bottom: 4px solid #f9c102; border-right: solid 4px #f9c102; border-left: 4px solid #f9c102; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-bottom: -5px}

.editionDeets.width-90 {width:90%;max-width:700px}
@media screen and (max-width:476px) {
  .editionDeets.width90 {width:100%;}
}
.editionDeets.px-5 {padding:0 0 0 0 !important;}
.coverLogo {margin-bottom:45px; line-height: 0}
.coverLogo img {max-width: 100%;}
.logged-in .fixed-top {top:28px;}
.homepage {scroll-behavior: smooth;}

.header-issue35:after {
  content:' ';
  display:block;
  position:relative;
  background-image:url('img/temperature.gif');
  background-size:cover;
  width: 250px;
  height: 250px;
  top: -365px;
  left:7%;
}

.exploreIssueLink {margin-top:26px;margin-bottom:0;/*text-align: right;*/}
.issnNumber { 
  padding-left: 29px;
  color: #fff;
  font-size: 14px;
  margin: 10px 0 0;
}

@media screen and (max-width:1060px) {
  .header-issue35:after {
    content:' ';
    display:block;
    position:relative;
    background-image:url('img/temperature.gif');
    background-size:cover;
    width: 250px;
    height: 250px;
    top: -305px;
    left:7%;
  }

}
  @media screen and (max-width:767px) {
    .header-issue35:after {
      content:' ';
      display:none;
      position:relative;
      background-image:url('img/temperature.gif');
      background-size:cover;
      width: 150px;
      height: 150px;
      top: -35px;
      right:7%;
    }
  }
.homepageHeader {
  background-image:url(img/homepageHeaderImage.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position: top -150px center;
  min-height: 950px;
  padding: 64px 40px;
  /* animation: scrollBackground 20s; */
}

@media screen and (max-width:767px) {
  .homepageHeader {padding: 64px 20px}
}

@media screen and (max-width:767px) {
.homepageHeader {background-position: top center; min-height: 450px}
  .homepageHeader.mb-0 {margin-bottom: 100px !important;}
}
  @keyframes scrollBackground {
    from {
      background-size:110%
    }
    to {
      background-size:100%
    }
  }

.fadeIn {opacity:0;transition: opacity 0.5s ease;}
.fadedIn {opacity:1;}

.fadeInCards {opacity:0;transition: opacity 1s ease;}
.fadedInCards {opacity:1;}
/******************************************
/*    9.1   Content section (the grid layout bit)
*******************************************/

.contentsCard {text-align: center;position:relative;color:#000;}
.contentsCard img {
}
.contentsCard .summary {
  /* transform:scale(0); */

}
.flip_back {position: absolute;top:0;left:0;background-color: orange;height:100%;opacity:0;
  background:url(img/gridYellow.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
transition: opacity 1s ease;
}

.flip_back a:before {content:'';display:none;}

.col-md-6 .flip_back, .col-lg-6 .flip_back {
  background:url(img/gridYellowLong.svg);
  background-size: 100% 100%;
}

.flip {overflow: hidden;cursor: pointer; height: 100%}
.flip_front {transition: all 1s ease;overflow: hidden; height: 100%; background-repeat: no-repeat; background-size: auto 100%;}
/* .flip_front img {transition: all 0.2s ease;} */
/* .flip:hover .flip_front {transform: scale(0.9);filter:blur(15px)} */
/* .flip:hover .flip_front img {transform:scale(0.9);} */
.flip:hover .flip_back {opacity: 1}
.flip_container_large .card .p-5{padding-top:15% !important;}
.articleNumber, .articleTitle {
 color:#000;
 font-size:1.5rem;
 font-weight:800;
 line-height: 1.75rem;
 padding: 0 20px
}
.articleNumber {margin-bottom:15px;}
.articleNumber:after {
 content: ' ';
 background-image:url('img/squiggleWhite.svg');
 display:block;
 position: relative; margin:15px auto 12px auto; width:22px;height:6px;
}

.contentsCard {overflow: hidden;}
.contentsCardImage{
  position: absolute;
  top: -2px;
  left: -2px;
  width: 102%;
  transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}


.contentsCard {cursor:pointer;}

.contentsCardSummary {top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
opacity: 0;
transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
background:url(img/gridYellow.svg);
background-size:100% 100%;}

.contentsCard:hover .contentsCardImage{transform: scale(1.3);}
.contentsCard:hover .contentsCardSummary {opacity: 1;}


@media screen and (max-width:767px) {
  .flip_front .card-img-top{height: calc(100vw - 27px)}
}

/******************************************
/*    9.2   Subscribe section (the blue background bit)
*******************************************/

.backgroundBlueBooks .container {position: relative;z-index:10;}
.containerReallyWide {max-width: 1600px}
/******************************************
/*  10.0  About page
*******************************************/
.page-id-202 {overflow-x:hidden;}
.jumbotronAboutHeader {
  background-image: url("img/bannerImageAbout.png");
  background-size: cover;
  padding:80px 0;
  position:relative;
  box-shadow: inset 0 7px 9px -7px rgba(71,69,71,1);
}

.colAboutSubscriptionRight {margin-left:50px;}
.colAboutSubscriptionLeft {margin-right:50px;}
.colAboutSubscription h4 {font-size:1.375rem;line-height: 1.625rem;}
@media screen and (min-width:767px) {
  /* .colAboutSubscriptionLeft {left:-50px;} */
}
@media screen and (max-width:767px) {
  .colAboutSubscriptionLeft {width:90% !important;margin:0 auto;}
  .colAboutSubscriptionRight {width:90% !important;margin:0 auto;}
  .ml-5.colAboutSubscriptionRight {margin-right:3rem !important;margin-left:auto !important;}
}
@media screen and (max-width:1200px) {
  .jumbotronAboutHeader {background-position: left 40% top;}
}
.jumbotronAboutHeader h1{color:#fff;padding-left:20px;}
.jumbotronAboutHeader h2, .jumbotronAboutHeader h3{color:#fff;}
.jumbotronAboutHeader p{color:#fff;}
@media screen and (min-width:767px) {
.jumbotronAboutHeader .rowAbout:before {
  content:'';
  background-image:url(img/iconMagazine2.svg);
  background-repeat: no-repeat;
  width:235px;
  height:275px;
  display:block;
  right:0px;
  position: absolute;
}
}

.jumbotronAboutHeader .rowAbout:after {
  content:'';
  background-image:url(img/iconMagazine1.svg);
  background-repeat: no-repeat;
  width:275px;
  height:125px;
  display:block;
  right:50px;
  bottom:0;z-index:1;
  position: absolute;
}

.jumbotronTestimonial {position: relative;}
.jumbotronTestimonial .row div {position: relative;z-index: 100;}

.jumbotronTestimonial .row:before {
  content:'';
  background-image:url(img/iconQuoteLeft.svg);
  background-repeat: no-repeat;
  display: block;
  width:225px;
  height:125px;
  bottom:0;
  left:5%;
  position: absolute;
}
.jumbotronTestimonial .row:after {
  content:'';
  background-image:url(img/iconQuoteRight.svg);
  background-repeat: no-repeat;
  display: block;
  width:225px;
  height:155px;
  right:0;
  z-index:1;
  position: absolute;
}


.page-id-202 .rowAboutTwoCol {margin:75px 0;}
@media screen and (max-width:768px) {
  .rowAboutTwoCol .col-md-4 {width:100% !important;

  max-width: 100%;
flex:unset;}
.jumbotronTestimonial .row:after,.jumbotronTestimonial .row:before {
  display:none;
}
.jumbotronTestimonial .col-md-6 {max-width:95%;margin:0 auto;width:90% !important;flex:unset;}
.rowAboutSubscription .col-md-3 {max-width:85%;margin:0 auto;width:70% !important;flex:unset;}
/* .colAboutSubscriptionLeft {left:-17px;} */
.colAboutSubscriptionRight .articleIntro,.colAboutSubscriptionLeft .articleIntro {padding-left:45px;}
/* .colAboutSubscriptionRight {left:-17px;} */
.rowAboutTwoCol .offset-md-2 {margin-left:0;}
.jumbotronAboutHeader .offset-md-7 {
  margin:0 auto !important;
width:90%;
max-width:640px;}
  .page-id-202 .rowAboutTwoCol .pr-5{
    padding-right:15px !important;
    padding-left:15px;
  }
  .page-id-202 .rowAboutTwoCol .pl-5{
    padding-left:15px !important;
    margin-top:40px;

  }

}

@media screen and (min-width:769px) {
  .page-id-202 .rowAboutTwoCol .pr-5{
    border-right:2px solid #f9c102;
  }
  .page-id-202 .rowAboutTwoCol .pl-5{
    border-left:1px solid #f9c102;
  }
}

@media screen and (max-width:768px) {
  .jumbotronAboutHeader .col-md-4 {flex:unset;}
  /* .page-id-202 .rowAbout .pageTitles {padding-left:40px;} */
}
.page-id-202 .testimonialQuote {
  font-size:  1.375rem;
  line-height: 1.625rem;
  font-weight:400;
}

.testimonialReferee:before {display:block;content:'';width:100%;height:20px;
  background-image:url('img/arrowQuote.svg');
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom:25px;
}

.page-id-202 .rowAboutSubscription .aboutSubscriptionOuter {position: relative;border-right:4px solid black; padding:0 20px 20px 0; background:white;border-bottom: 4px solid black;}
h3.aboutSubscriptionHeader{padding-top:25px;}
.articleIntro{border: 3px solid black;  background-color: #11A4D5; position: relative; margin-bottom: 70px; width: calc(100% + 50px)}
.articleIntro:before{ content: '';  display: block; width: 3px; height: calc(100% - 29px); position: absolute; background-color: black; bottom: -33px; right: -30px}
.articleIntro:after{ content: ''; display: block; height: 30px; width: calc(100% - 1px); position: absolute; bottom: -33px; right: -13px; border-bottom: 3px solid black; border-left: solid 5px black; transform: skewX(49deg); }

.introBox-corner{width: 50px; height: 46px; background: rgb(255,255,255); background: linear-gradient(221deg, rgba(255,255,255,1) 50%, rgba(196,26,65,1) 50%); display: block; position: absolute; top: -3px; right: -3px; border-left: 3px solid black; border-bottom: 3px solid black}
.introBox-corner:before{content: ''; display: block; width: 3px; height: 98px; transform: rotate(-49deg); background-color: black; margin: auto; margin-right: 9px; margin-top: -16px;}

.page-id-202 .rowAboutSubscription .aboutSubscriptionInner {position:relative;background:#11a4d5;border:4px solid black;padding:20px;}

.page-id-202 .rowAboutSubscription .aboutSubscriptionInner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 42px 42px 0;
  border-style: solid;
  border-color: #c41a41 #fff;}


.page-id-202 .aboutSubscriptionImage {margin-bottom:10px;}
.page-id-202 .rowAboutSubscription h4 {font-weight:800;font-size:1.375rem;line-height:1.625rem;margin-bottom:15px;}
.page-id-202 .rowAboutSubscription h4, .page-id-202 .rowAboutSubscription p {color:white;}
.page-id-202 .rowAboutSubscription .introBox-corner {
  background: linear-gradient(221deg, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%);
}
.page-id-202 footer.backgroundGrey, .page-id-230 footer.backgroundGrey {
  background-color:#c41a41;
}
.page-id-202 footer .linkFooter, .page-id-202 footer,.page-id-230 footer .linkFooter, .page-id-230 footer  {color:white;}

.page-id-202 p, .page-id-202 ul li {font-size:1rem;line-height:1.313rem;}
.page-id-202 h3 {
  font-size:1.75rem;
  line-height: 2rem;
  margin-bottom:20px;
}
.aboutContact {max-width:730px;margin:25px auto 0;padding:0 30px !important;}
.aboutContact p {padding:0 30px;}
.aboutContact a {color:black;font-weight:800;}
.page-id-202 .su-row {width:100%;max-width:100%;border-color:#f9c102;}

.page-id-202 .su-row .su-column {margin-bottom:0;margin-top:15px;}
.page-id-202 .su-row .su-column:first-child::before, .page-id-202 .su-row .su-column:first-child::after, .page-id-202 .su-row .su-column:last-child::before, .page-id-202 .su-row .su-column:last-child::after{
  background-color:#f9c102;
}
.page-id-202 .jumbotronAboutHeader .su-row {max-width:600px;margin-top:60px;position: relative;z-index:100;}
.page-id-202 .su-row .su-column img.linkIcon {display: inline;}
.page-id-202 .aboutContact p {padding:0 15px;}
.page-id-202 .aboutContact a:hover {color:#f9c102;}
.page-id-202 .aboutContact a:before {background-color:#f9c102;}

.page-id-202 .su-column-inner::before{content: ''; background-color: #f9c102; width: 3px; height: 5px; position: absolute; top: 0; right: 0}
.page-id-202 .su-column-inner::after{content: ''; background-color:#f9c102;width: 3px; height: 5px; position: absolute; bottom: 0; right: 0}
.su-row.titleImage {padding:0 0 0 3px}

.su-row.titleImage .su-column img {margin-right:10px;}
.su-row.titleImage .su-column .su-column-inner {
  display:flex;
  align-items:center;
  justify-content:center;
}
.su-row.titleImage .su-column .su-column-inner div:nth-of-type(1){width: 155px;margin-right:20px;}
.su-row.titleImage .su-column .su-column-inner div:nth-of-type(2){flex:1;}

.col-article-content .su-row.titleImage .su-column .su-column-inner h3 {padding-top:0;}

/******************************************
/*    11.0   Archive page
*******************************************/
.page-id-230 .issueDetails h1 {padding-bottom: 10px;}
.page-id-230 .articleNumber:after  {
  background-image:url('img/squiggleBlack.svg');
}

.page-id-230 #articleGrid {margin-bottom:75px;}

.iconArchiveMagazine {
  display:block;
  max-width:150px;
  height:auto;
  margin:17% auto 10px;
}

@media screen and (min-width:767px) and (max-width:900px) {
  .iconArchiveMagazine {
    display:none;
  }
}
@media screen and (min-width:1200px) {
.iconArchiveMagazine {
  max-width:150px;
}
}
@media screen and (min-width:1100px) {
.iconArchiveMagazine {
  display:block;
  max-width:100px;
  height:auto;
  margin:20% auto 10%;
}
}

@media screen and (min-width:900px) and (max-width:1099px) {
  .iconArchiveMagazine {
    display:block;
    max-width:100px;
    height:auto;
    margin:10px auto 10px;
  }
}

/* .card.cardNoImage {
  border-top:3px;
  border-color:orange;
} */
.cardNoImage p {width:90%;margin:15px auto 0;}
/* .cardNoImage:first-child::before{content: ''; background-color: black; width: 3px; height: 5px; position: absolute; top: 0; left: 0}
.su-row .su-column:first-child::after{content: ''; background-color: black; width: 3px; height: 5px; position: absolute; bottom: 0; left: 0}

.cardNoImage:last-child::before{content: ''; background-color: black; width: 3px; height: 5px; position: absolute; top: 0; right: 0}
.cardNoImage:last-child::after{content: ''; background-color: black; width: 3px; height: 5px; position: absolute; bottom: 0; right: 0} */

@media screen and (max-width:1020px) and (min-width:766px) {
  .page-id-230 footer {position: absolute;bottom:0;}
}

/******************************************
/*    12.0   Yeah yeah Bootstrap overrides
*******************************************/

/* This is to reduce the gutter on the columns

/* Small devices (tablets, 768px and up) */

div[class^="col"]{padding-bottom: 4px}

@media (max-width: 767px){
  div[class^="col"]{padding-bottom: 7.5px; padding-top: 7.5px}
  .articleGridClass{padding-top: 7.5px}

}

@media (min-width: 768px)
{
    div[class^="col"]{padding-left:2px; padding-right:2px;padding-top:4px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
    div[class^="col"]{padding-left:2px; padding-right:2px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    /*default so you don't need this*/
    div[class^="col"]{padding-left:4px; padding-right:4px;}
}

.containerFluidReduced {width: calc(100% - 30px);}
.btn {border-radius: 0;}

@media(max-width:900px) {
  .navbar .navbar-brand {float:none;display: inline-block;}
  .navbar .navLogo{margin-left: 0}
  .navbar .navbar-nav>.nav-item { float: none; margin-left: .1rem;}
  .navbar .navbar-nav {float:none !important;}
  .nav-item{width:100%;text-align:left;}
  .navbar-toggler {display: block !important;}
  .navbar-toggleable-sm.collapse {display:none !important}
  .navbar-toggleable-sm.collapse.in {display:block !important}
}

@media(max-width:440px) {
  .navbar{padding: 20px}
  .navbar-brand{width: 100px; }
  .navbar .navbar-brand-Catalyst{padding-top: 9px}
  .navbar .navbar-toggler{top: 31px !important; right: 20px !important}
}

/******************************************
/*    12.1    Woocommerce Bootstrap stuff
*******************************************/
.admin-restricted-content-notice {display:none;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 48%;}
.woocommerce-MyAccount-navigation-link {display:inline-block;margin:0 15px 15px 0;}
.woocommerce-MyAccount-navigation-link a {color:#c41a41;}
.woocommerce-MyAccount-navigation-link a:before {background-color:#c41a41;}

.woocommerce a {color:#c41a41;}
.woocommerce a:before {background-color:#c41a41;}
.woocommerce a.button:before {display:none;}

.woocommerce table.my_account_orders {font-size:16px;}
.xoo-el-form-container {background-color:#ededed;}

.xoo-el-sidebar {background-image:none;}

@media only screen and (max-width: 769px)  {
  .subscribeNow {padding-bottom:40px !important;}
  .xoo-el-form-container {margin-bottom:20px !important;}
  .xoo-el-sidebar {
    display:block !important;
    width:100% !important;
    height:auto !important;
  }
  .xoo-el-srcont {height:auto !important;width:100% !important;}
}
.xoo-el-inmodal .xoo-el-form-container {background-color: none;}
.xoo-el-srcont {background-color: #ededed;}
ul.xoo-el-tabs li.xoo-el-active {background-color:#ededed;text-align: left;padding: 20px 10px 0 5px;}
/* .subscribeNow h4, .subscribeNow p{padding:0 40px 0;} */
  .subscribeNow h4 {font-weight:800;font-size:1.25rem;}
a.button {display:block;background-color:#c41a41;color:white;padding:10px 20px;text-align: center;text-transform: uppercase;width:calc(100% - 80px);margin:10px auto;}
.subscribeNow p.book {margin-bottom:0;}
.subscribeNow p.book:after {
  content: " ";
  position: relative;
  background-image: url(img/illustrationBook.svg);
  height: 118px;
  bottom: -2px;
  left: 0;
  width: 100%;
  display: block;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.subscribeNow a.button {margin-top:-25px;width:100%;}
/* .notLoggedIn{  background: -webkit-linear-gradient(#333, #eee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;} */

.woocommerce a.remove {color:#c41a41 !important;}

.productCol p {padding:0 35px 35px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {border:1px solid #c41a41;background-color:#c41a41 !important;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color:white !important;border:1px solid #c41a41;color:#c41a41 !important;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {border-radius: 0 !important;}
.xoo-el-footer-note {display:none;}
.xoo-el-inmodal .button {font-weight:900;}
.woocommerce {margin-bottom:25px;}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float:none !important;width:90% !important;margin:0 auto !important;}

.woocommerce div.product p.price, .woocommerce div.product span.price {color:#c41a41 !important;padding:0 0 0;}

.woocommerce-message {border-top-color:#c41a41 !important;}
.woocommerce-message::before {color:#c41a41 !important}
span.xoo-el-close:hover {color:#c41a41 !important;}
.dropdown-item {padding:0.5rem 0.5rem !important;}

@media screen and (max-width:767px) {
  footer .col-md-3, footer .col-sm-5, footer .col-sm-6 {text-align: left !important}
}

@media screen and (max-width:676px) {
   .col-md-6 {width:100% !important;}
}
/************************************
/* Login boxes
************************************/

.xoo-el-srcont {width:50%;}
.xoo-el-sidebar {width:50%;}
.subscribeNow {margin-top:15px;padding:20px 40px 0;}
/* .subscribeNow p.header {margin-top:15px;padding:20px 40px 0;} */
.subscribeNow p.header,.xoo-el-inmodal .xoo-el-login-tgr {font-size:1.375rem;font-weight: normal;}
ul.xoo-el-tabs li.xoo-el-active {font-weight:normal;}
.xoo-el-fields {line-height: 1.313rem;}

html, body {
  overflow-x: hidden;
}
body { }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:before, .moove-gdpr-modal-close:before {display:none !important;}

footer .row{padding: 20px 16px}
footer p{margin-bottom: 0; padding-bottom: 10px}
footer p:last-of-type{padding-bottom: 0}
.postid-3610 .su-column-size-1-1 a {color:#f9a880}


.issue-38 .articles-subscribe {display:none;}
.issue-38 .notLoggedIn::after {display:none;}


/******************************************
/*    13.0    Margins and paddings
*******************************************/

/******************************************
/*    13.1    Margins
*******************************************/

.margin-T10 {margin-top:10px;}
.margin-T20 {margin-top:20px;}
.margin-T30 {margin-top:30px;}
.margin-T40 {margin-top:40px;}
.margin-T50 {margin-top:50px;}

.margin-B10 {margin-bottom:10px;}
.margin-B20 {margin-bottom:20px;}
.margin-B30 {margin-bottom:30px;}
.margin-B40 {margin-bottom:40px;}
.margin-B50 {margin-bottom:50px;}

.margin-Y0 {margin-top:0;margin-bottom:0;}
.margin-Y10 {margin-top:10px;margin-bottom:10px;}
.margin-Y20 {margin-top:20px;margin-bottom:20px;}
.margin-Y30 {margin-top:30px;margin-bottom:30px;}
.margin-Y40 {margin-top:40px;margin-bottom:40px;}
.margin-Y50 {margin-top:50px;margin-bottom:50px;}

/******************************************
/*    13.2    Paddings
*******************************************/


.padding-X0 {padding-left:0px !important;padding-right:0px !important;}
.padding-X10 {padding-left:10px !important;padding-right:10px !important;}
.padding-X20 {padding-left:20px !important;padding-right:20px !important;}
.padding-X30 {padding-left:30px !important;padding-right:30px !important;}
.padding-X40 {padding-left:40px !important;padding-right:40px !important;}
.padding-X50 {padding-left:50px !important;padding-right:50px !important;}

.padding-Y0{padding-top:0px !important;padding-bottom:0px !important}
.padding-Y10{padding-top:10px !important;padding-bottom:10px !important}
.padding-Y20{padding-top:20px !important;padding-bottom:20px !important}
.padding-Y30{padding-top:30px !important;padding-bottom:30px !important}
.padding-Y40{padding-top:40px !important;padding-bottom:40px !important}
.padding-Y50{padding-top:50px !important;padding-bottom:50px !important}

.padding-T10{padding-top:10px !important}
.padding-T20{padding-top:20px !important}
.padding-T30{padding-top:30px !important}
.padding-T40{padding-top:40px !important}
.padding-T50{padding-top:50px !important}

.padding-B10{padding-bottom:10px !important}
.padding-B20{padding-bottom:20px !important}
.padding-B30{padding-bottom:30px !important}
.padding-B40{padding-bottom:40px !important}
.padding-B50{padding-bottom:50px !important}