/* Id: 7.4641225.1548688412
 * Generated: 11-Jan-2021 03:01:35
 */
    /* #############################################################
General Microsite Stylesheet
28/01/2019 - 14:00

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

.bg-light {
  background: #f6f6f6;
}

.bg-dark {
  background: #202025;
}

/* Container padding overrides */

body:not(.isArticle) #torso>.container{
	padding-bottom:0!important;
  	padding-top:0!important;
}
/* Cookie Policy fix for Landing pages that use fixed positioned elements */

#cookies-policy-wrapper{
	position:relative;
  z-index:1;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local("Merriweather Italic"), local("Merriweather-Italic"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4m0qyriQwlOrhSvowK_l5-eRZOf-LVrPHp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local("Merriweather Bold Italic"), local("Merriweather-BoldItalic"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvzDP3WG.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local("Merriweather Regular"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local("Merriweather Bold"), local("Merriweather-Bold"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.fw {
  margin-left: calc(-50vw + 50%);
  width: 100vw;
  position: relative;
}

.fw * {
  box-sizing: border-box;
}
/* Specific footer styles for slim footer used in microsites */
footer {
  z-index: 1 !important;
}

footer #connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-align: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width:767px){
  footer #connect{
  	flex-direction:column;
    align-items:center;
    border: none;
    padding: 0 0 10px;
  }
}
footer #connect .apps {
    margin-left: 20px;
}
footer .follow p {
    margin: 0;/* addthis is adding an extra paragraph - depending on the margin set it might impact the height of the sharing tools*/
}
footer #partners{
	display:block!important; /* To override the global rule that hides the #partners div on mobile */
}
.fw-container {
  max-width: 100%;
  padding: 1em;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .fw-container {
    max-width: 960px;
  }
}

@media screen and (min-width: 1216px) {
  .fw-container {
    max-width: 1152px;
  }
}

/* adding this to all the bg-image class , including hero area */
.bg-image {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

    @media screen and (max-width:979px){
      .bg-image {background-attachment:scroll;}
    }
:not('.isArticle') .cta {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: 2px solid black;
  margin: 1em;
}

.fixed-sticky {
  position: fixed;
  top: 0;
  left: 0;
}

.menu {
  background: #1c1c1c;
  z-index: 50;
  position: fixed;
  top: 0;
}

.menu .fw-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 599px) {
  .menu .fw-container {
    flex-direction: column;
  }
}

.menu-wrapper {
  width: auto;
  display: flex;
  align-items: center;
  position: relative;
  color: white;
  font-family: "Lato", Helvetica, Arial, sand-serif;
}

.menu input {
  width: 45px !important;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-touch-callout: none;
}

.menu input:checked ~ nav {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  pointer-events: auto;
}

.menu input:checked ~ label .navicon {
  background: transparent;
}

.menu input:checked ~ label .navicon:before, .menu input:checked ~ label .navicon:after {
  top: -8px;
  height: 20px;
  border-radius: 9px;
  width: 3px;
}

.menu input:checked ~ label .navicon:before {
  transform: rotate(-45deg);
}

.menu input:checked ~ label .navicon:after {
  transform: rotate(45deg);
}

.menu label {
  cursor: pointer;
  display: inline-block;
  padding: 0 20px;
  user-select: none;
  display: flex;
  align-items: center;
  font-size: 20px;
}

@media screen and (max-width: 599px) {
  .menu label {
    padding: 5px 20px 0 20px;
  }
}

.menu label .navicon {
  background: #fff;
  display: block;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  transition: background 0.2s ease-out;
  width: 5px;
  right: 0;
  transition: all 0.35s ease;
}

.menu label .navicon:before, .menu label .navicon:after {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  opacity: 1;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
  transition: all 0.35s ease;
}

.menu label .navicon:before {
  top: 8px;
}

.menu label .navicon:after {
  top: -8px;
}

.menu nav {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  padding: 15px;
  z-index: 99;
  pointer-events: none;
  top: 50px;
  right: 0;
  left: 0;
  height: calc(100vh - 50px);
  overflow: auto;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  background: rgba(28, 28, 28, 0.988235);
  font-size: 150%;
}

@media screen and (max-width: 599px) {
  .menu nav {
    top: 80px;
  }
}

.menu nav ul {
  margin: 0;
  padding: 0;
}

.menu nav li {
  display: block;
  text-align: center;
  padding: 15px 0;
  width: 40%;
  position: relative;
  margin: 0 auto;
  font-size: 30px;
  line-height:1.3em;
}
@media only screen and (max-width:767px){
  .menu nav li {
    width:100%;
    }
}
.menu nav li:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-image: linear-gradient(to right, transparent 0%, rgba(192, 191, 191, 0.12) 20%, rgba(192, 191, 191, 0.12) 50%, rgba(192, 191, 191, 0.12) 80%, transparent 100%);
  position: absolute;
  bottom: 0;
}

.menu nav li:last-child:after {
  display: none;
}

.menu nav li a {
  color: white;
  text-decoration: none;
  font-weight: 300;
}

#logo {
  text-indent: -9999px;
  background: url(https://www.irishtimes.com/assets/images/logo/masthead-small-white.svg) no-repeat;
  background-size: contain;
  width: 300px;
}

@media screen and (max-width: 599px) {
  #logo {
    width: 200px;
    padding: 0 0 2px 0;
    border-bottom: 1px solid rgba(192, 191, 191, 0.12);
  }
}

#logo a {
  display: block;
}
.hero {
  font-family: "Lato", Helvetica, Arial, sand-serif;
  height: calc(100vh - 50px);
  position: relative;
  overflow:hidden;
}

.hero .fw-container {
  z-index: 2;
}

.hero:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.hero::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: inherit;
    transform: scale(1.03);
}

.hero.light-text {
  color: white !important;
}

.hero.light-text .shares a {
  margin: 15px;
  background: transparent !important;
  border: 1px solid white;
}

.hero.dark-text {
  color: #000000;
}

.hero .fw-container {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.hero-title.white {
  background-color: #ffffff;
  padding: 60px;
  outline: 4px solid #ffffff;
  outline-offset: 10px;
}

.hero-title.dark h1, .hero-title.dark h2 {
  color: white;
  box-shadow: 3px 0 0 rgba(4, 14, 25, 0.75), -3px 0 0 rgba(4, 14, 25, 0.76);
  background: rgba(4, 14, 25, 0.76);
  padding: 8px;
}

.hero-title.dark h1 {
  font-size: 450%;
}

@media only screen and (max-width: 767px) {
  .hero-title.dark h1 {
    font-size: 255%;
  }
}

.hero-title.dark h2 {
  font-size: 225%;
  font-weight: 300;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .hero-title.dark h2 {
    font-size: 135%;
  }
}

#it-old-masthead {
  height: auto;
  width: 75%;
  margin: auto;
}

.fw.intro {
  font-family: 'Lato';
  font-size: 170%;
  line-height: 1.5;
  font-weight: 700;
  color: #32353c;
  padding: 30px 0px 0px 0px;
  text-align: center;
}

.fw.intro p {
  padding-bottom: 15px;
  width: 70%;
  margin: 0 auto;
}

.fw.intro cite {
  font-weight: 300;
}

.fw.intro, .features, .articles, .events, .videos, .century {
  box-sizing: border-box;
  padding: 30px 0px;
}

.fw.intro h2, .intro h2 a, .features h2, .features h2 a, .articles h2, .logos h2, .articles h2 a, .events h2, .events h2 a, .videos h2, .videos h2 a, .century h2, .century h2 a {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: "Lato", Helvetica, Arial, sand-serif;
  font-weight: 900;
  letter-spacing: 2px;
  color: #81CCB7;
  font-size: 24px;
}

.fw.intro .cta, .features .cta, .articles .cta, .events .cta, .videos .cta, .century .cta {
  display: block;
  width: 180px;
  margin: 0 auto;
  text-transform: uppercase;
  font-family: "Lato", Helvetica, Arial, sand-serif;
  font-weight: 900;
  letter-spacing: 1px;
  text-align:center;
  color: #81CCB7;
  border: 2px solid #81CCB7;
  padding: 10px 0px;
}

.fw.intro .cta a, .features .cta a, .articles .cta a, .events .cta a, .videos .cta a, .century .cta a {
  color: inherit;
}

.events, .century {
  position: relative;
}

.events::before, .century::before {
  content: "";
  height: 130%;
  background-color: #2E2635;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  opacity: 0.7;
}

.events h2, .century h2 {
  color: #ffffff;
}

.events .cta, .century .cta {
  color: #ffffff;
  border: 2px solid #ffffff;
}

.events .cta a, .century .cta a {
  color: inherit;
}

.grid .efb, .grid .sectionteaser {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  /* Overrides of Framework */
}
/* .frontpage section teaser Specific */
.frontpage .grid .sectionteaser{
    margin-left:0;
  align-items:normal;
}
.frontpage .grid .sectionteaser:before,.frontpage .grid .sectionteaser:after {
    display:none;
}

@media screen and (max-width: 767px) {
  .grid .efb, .grid .sectionteaser {
    justify-content: center;
  }
      .frontpage .sectionteaser .story{
    width:100%;
}
}

.grid .efb .row, .grid .sectionteaser .row {
  margin: 0 !important;
}

.grid .efb .row:before, .grid .sectionteaser .row:before {
  display: none;
}

.grid .efb [class*="span"], .grid .sectionteaser [class*="span"] {
  float: none;
  margin: 0;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid .efb .span4, .grid .efb .feature_box, .grid .sectionteaser .span4, .grid .sectionteaser .feature_box {
    width: 234px !important;
  }
}

.frontpage .sectionteaser .story {
  background: white;
  margin-bottom: 40px;
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .frontpage .sectionteaser .story {
    width: 65%;
  }
}

.frontpage .sectionteaser .story span.img {
  margin: 0;
  float: none;
}

.frontpage .sectionteaser .story span.img img {
  max-width: 100%;
}
.frontpage .sectionteaser .story span.img:before {
	left:0;
}

@media only screen and (max-width: 767px) {
  .frontpage .sectionteaser .story span.img img {
    width: 100% !important;
  }
}

.frontpage .sectionteaser .story .h2 {
  clear: left;
  padding: 1em;
  font-size: 16px;
  font-family: 'Lato';
  font-weight: 700;
}

.frontpage .features .feature_box {
  border: none;
  box-shadow: 1px 1px 6px #bfbfbf;
  margin-bottom: 30px;
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .frontpage .features .feature_box {
    max-width: 290px;
    margin-right: 20px;
  }
}

.frontpage .features .feature_box .p {
  font-family: "Lato", Helvetica, Arial, sand-serif;
}

.parallax__item {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  min-height: 500px;
}

@media only screen and (max-width: 767px) {
  .parallax__item {
    display: block;
    -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.44);
  }
}
  
  @media screen and (min-width: 767px) {
       .parallax__item:first-child {
      		margin-top: 80px;
        }
  }

.parallax__item--image {
  width: 70%;
  z-index: 1;
  position: absolute;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .parallax__item--image {
    width: 100%;
    position: relative;
  }
}

.parallax__item--image img {
  width: 100%;
  height: auto;
}

.parallax__item:nth-child(even) .parallax__item--image {
  left: auto;
  right: 0;
}

.parallax__item:nth-child(even) .parallax__item--body {
  left: 0;
  right: auto;
}

.parallax__item--body {
  width: 500px;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 15px;
  z-index: 2;
  margin-left: -20px;
  position: absolute;
  right: 0;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.44);
}

@media only screen and (max-width: 980px) {
  .parallax__item--body {
    width: 450px;
    margin: 0px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .parallax__item--body {
    width: 100%;
    position: relative;
    margin-left: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

.parallax__item--body br {
  display: none;
}

.parallax__item--body span, .parallax__item--body h1 {
  color: #81CCB7;
}

.parallax__item--body h1 {
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 1px;
  font-family: "Lato", Helvetica, Arial, sand-serif;
  font-weight: 900;
}

.parallax__item--body p {
  color: #515151;
  line-height: 1.5;
  font-family: 'Georgia';
  padding-bottom: 10px;
}

.parallax__item--body p:nth-child(1) {
  font-family: "Lato", Helvetica, Arial, sand-serif;
  padding-bottom: 1px;
}

.page-header {
  background-color: #81CCB7;
  color: white;
  text-align: center;
  margin-top: -20px;
  position: relative;
  margin-bottom:30px;
}

.page-header .fw-container {
  z-index: 2;
}

.page-header h2 {
  color: white;
  font-family: "Lato", Helvetica, Arial, sand-serif;
  letter-spacing: 1px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 900;
}

.page-header p {
  padding-bottom: 0px;
  font-family: "Lato", Helvetica, Arial, sand-serif;
}

.page-header a.at-icon-wrapper.at-share-btn {
  margin: 20px 10px 20px 10px;
}

.page-header::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  content: " ";
  position: absolute;
  display: block;
  will-change: transform;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}

.page-header::after {
  content: "";
  height: 100%;
  background-color: #2E2635;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  opacity: 0.7;
}




#torso {
  margin-top: 56px;
}

@media only screen and (max-width: 599px) {
  #torso {
    margin-top: 86px;
  }
}

a.at-icon-wrapper.at-share-btn {
  border: 2px solid #ffffff;
  background-color: transparent !important;
  margin: 40px 10px 20px 10px;
}
/* Style sharing tools for micro-site articles */
.isArticle a.at-icon-wrapper.at-share-btn {
	border:2px solid #1c1c1c;
  	background-color:#1c1c1c !important;
    margin: 0 2px 5px;
}

.videos .span8 {
  width: 100%;
      margin: 0 auto;
    float: none;
}