@charset "UTF-8";
/*
Theme Name: AVROBIO Theme
Author: Tiziani Whitmyre, Inc.
*/

.single-post .node__content hr {margin:10px 0px;}

#fancybox-close {top:15px;right:15px;background: url("/wp-content/themes/avrobio/assets/images/brand-modal-close-btn.svg") 50% 50% no-repeat;}

  /* Image Alignment */

.alignleft {float: left;}
.alignright {float: right;}
 @media screen and (max-width: 860px) {
 .alignleft, .alignright {float:none;} }
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {margin: 7px 24px 7px 0;}
.wp-caption.alignleft {margin: 7px 14px 7px 0;}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {margin: 7px 0 7px 24px;}
.wp-caption.alignright {margin: 7px 0 7px 14px;}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}
.wp-caption {margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption {color: #767676;}
.wp-caption-text {-webkit-box-sizing: border-box;-moz-box-sizing:    border-box;box-sizing:         border-box;font-size: 12px;font-style: italic;line-height: 1.5;margin: 9px 0;}
div.wp-caption .wp-caption-text {padding-right: 10px;}
div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {padding-left: 10px;padding-right: 0;}
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {height: auto;max-width: 100%;}

.resources {column-count: 2;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.resources li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.resources.ref ul {padding:0px !important;}
.resources.ref li {padding-left:22px !important;}
 @media screen and (max-width: 860px) {
 .resources {column-count: 1;}
 .resources.ref li {width:100%;} 
 .resources li {width:100%;} }

body {
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #384C65;
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal;
}

a:focus { outline:none; }

.clear { clear:both; }

.clear:after {
	display: table;
	clear: both;
	content: "";
}

#layout {
    overflow: hidden;
}

body.page-id-57 #layout {
    overflow: initial;
}

/*
#layout > [data-device="desktop"] {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    overflow: visible;
    background: rgba(26, 64, 140, 0);
    transition: all 300ms ease-in-out;
}

#layout.scroll > [data-device="desktop"] {
	background: #1a408c;
}

#layout > [data-device="desktop"] > section {
	margin: 0 35px 0 50px;
}

header[data-device="desktop"] main > nav > .region-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header[data-device="desktop"] main > nav > .region-header .site-branding__logo {
	margin-right: 40px;
	width: 10vw;
	min-width: 100px;
	display: block;
}

header[data-device="desktop"] main > nav > .region-header .site-branding__logo img {
	width: 100%;
}

header[data-device="desktop"] a {
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
*/

#layout > [data-device="desktop"] .visually-hidden,
#layout > [data-device="desktop"] .menu-toggle {
  display: none; }

@media screen and (min-width: 861px) and (max-width: 9999px) {
	#layout > [data-device="desktop"] {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 5;
		overflow: visible;
		background: rgba(26, 64, 140, 0);
		transition: all 300ms ease-in-out;
	}

    #layout > [data-device="desktop"] .visually-hidden,
    #layout > [data-device="desktop"] .menu-toggle {
      display: none;
	}

    #layout > [data-device="desktop"] > section {
      margin: 0 35px 0 50px;
	}

	#content > [data-device="mobile"] {
		display: none;
	}
}

@media screen and (min-width: 1800px) and (max-width: 9999px) {
	#layout > [data-device="desktop"] > section main {
		margin: auto;
	}
}

@media screen and (max-width: 860px) {
	#content > [data-device="mobile"] {
		position: fixed;
		width: 100%;
		height: 60px;
		z-index: 5;
		background: #2b2436;
	}

    #content > [data-device="mobile"] a {
		position: absolute;
		top: 23px;
		left: 15px;
		width: 103px;
		height: 24px;
		display: block;
		background: url("/wp-content/themes/avrobio/assets/images/avrobio-brand.svg") no-repeat;
		background-size: 103px auto;
	}

    #content > [data-device="mobile"] label {
		position: absolute;
		top: 0;
		right: 0;
		width: 54px;
		height: 60px;
		display: block;
		background: url("/wp-content/themes/avrobio/assets/images/white-hamburger-menu.svg") no-repeat 0 26px;
	}

	#content > [data-device="mobile"] label:before {
        content: "MENU";
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 600;
        position: absolute;
        top: 26px;
        left: -50px;
        font-size: 12px;
        color: #fff;
	}
}

/* SCROLLING */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  #layout.scroll > [data-device="desktop"] {
    background: #1a408c; } }

/***************************************/
/**** *** NAVIGATION : DESKTOP **** ***/
/*************************************/
/* NAVIGATION FOR DESKTOP */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  header[data-device="desktop"] {
    /* logo */
    /* primary navigation */
    /* eyebrow navigation */
    /* sub navigation */
    /* sub navigation hover */ }
    header[data-device="desktop"] ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      header[data-device="desktop"] ul > li {
        margin: 0;
        padding: 0; }
    header[data-device="desktop"] ul > li {
      margin: 0; }
    header[data-device="desktop"] a {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      color: #fff;
      text-decoration: none; }
    header[data-device="desktop"] main > nav > .region-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      header[data-device="desktop"] main > nav > .region-header .site-branding__logo {
        margin-right: 40px;
        width: 10vw;
        min-width: 100px;
        display: block; }
        header[data-device="desktop"] main > nav > .region-header .site-branding__logo img {
          width: 100%; }
    header[data-device="desktop"] nav > div > div > ul {
      display: flex;
      /* active state */
      /* active sub state */
      /* hover state */ }
      header[data-device="desktop"] nav > div > div > ul:hover:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 50%;
        width: 200vw;
        height: 100%;
        transform: translateX(-50%);
        z-index: -1;
        background: #2f2c39; }
      header[data-device="desktop"] nav > div > div > ul > li {
        position: relative; }
      header[data-device="desktop"] nav > div > div > ul > li > a {
        position: relative;
        padding: 40px 2.3vw 40px 0.5vw;
        height: 100%;
        display: inline-block; }
      header[data-device="desktop"] nav > div > div > ul > li.current-menu-item > a:before {
        content: '';
        position: absolute;
        bottom: 15px;
        left: 0;
        margin: 0 2.3vw 0 0.5vw;
        width: calc(100% - 2.8vw);
        height: 3px;
        background: #da1884; }
      header[data-device="desktop"] nav > div > div > ul > li:hover a {
        color: #da1884; }
        header[data-device="desktop"] nav > div > div > ul li:hover > a + ul a {
        color: #fff; }
      header[data-device="desktop"] nav > div > div > li.current-menu-item:hover > a,
      header[data-device="desktop"] nav > div > div > li.current-menu-item.hover > a,
      header[data-device="desktop"] nav > div > div > li:hover > a,
      header[data-device="desktop"] nav > div > div > li.hover > a {
        color: #da1884; }
        
    header[data-device="desktop"] .eyebrow {
      flex: 1; }
      header[data-device="desktop"] .eyebrow ul {
        float: right;
        display: flex; }
        header[data-device="desktop"] .eyebrow ul li {
          padding: 0;
          /* active state */ }
          header[data-device="desktop"] .eyebrow ul li a {
            position: relative;
            padding: 0 0 0 1vw;
            display: inline-block; }
            header[data-device="desktop"] .eyebrow ul li a:hover {
              color: #da1884; }
          header[data-device="desktop"] .eyebrow ul li.active a {
            /* from laptop to desktop */ } }
          @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 9999px) {
            header[data-device="desktop"] .eyebrow ul li.active a:after {
              content: '';
              position: absolute;
              bottom: -28px;
              left: 1vw;
              width: 40px;
              height: 3px;
              background: #da1884; } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
    header[data-device="desktop"] nav > div > div > ul li > a + ul {
      position: absolute;
      margin-top: -1px;
      width: 190px;
      display: none; }
      header[data-device="desktop"] nav > div > div > ul li > a + ul a {
        position: relative;
        padding: 10px 10px 10px 8px;
        display: block;
        color: #fff;
        z-index: 2; }
        header[data-device="desktop"] nav > div > div > ul li > a + ul a:hover, header[data-device="desktop"] nav > div > div > ul li > a + ul a.hover {
          color: #da1884; }
      header[data-device="desktop"] nav > div > div > ul li > a + ul li:first-child {
        display: ; }
      header[data-device="desktop"] nav > div > div > ul li > a + ul:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 50%;
        width: 200vw;
        height: calc(100% + 24px);
        transform: translateX(-50%);
        z-index: 2;
        background: #2f2c39; }
    header[data-device="desktop"] nav > div > div > ul li:hover > a + ul,
    header[data-device="desktop"] nav > div > div > ul li.hover > a + ul,
    header[data-device="desktop"] nav > div > div > ul li:focus > a + ul {
      display: block;
      margin-top: -20px; } }

.menu-main-menu-container #menu-item-544, .menu-main-menu-container #menu-item-545 {display:none;}
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 1800px) {
  header[data-device="desktop"] a {
    font-size: 12px; } }

/* NAVIGATION FOR MOBILE */
/* from laptop to desktop */
@media screen and (max-width: 860px) {
  #layout > header[data-device="desktop"] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 6;
    overflow: hidden;
    transition: all 300ms ease-in-out;
    background: #312e3e;display:none !importaant;
    /* branding section */
    /* link styling */
    /* primary menu with arrow */
    /* remove arrow from navigation without sub menu */
    /* active state */
    /* sub menu */
    /* sub menu : active state */
    /* sub menu : expanded */ }
    #layout > header[data-device="desktop"] > section {
      height: 100%; }
      #layout > header[data-device="desktop"] > section > main {
        position: relative;
        max-height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; }
    #layout > header[data-device="desktop"] #block-sitebranding-header {
      position: relative;
      height: 80px;
      /* logo */
      /* label to close navigation */ }
      #layout > header[data-device="desktop"] #block-sitebranding-header a {
        display: none; }
      #layout > header[data-device="desktop"] #block-sitebranding-header label {
        position: absolute;
        top: 0;
        right: 0;
        width: 85px;
        height: 75px;
        display: block;
        background: url("/wp-content/themes/avrobio/assets/images/white-close-mobile-menu.svg") 50% 50% no-repeat;
        background-size: 20px 20px; }
    #layout > header[data-device="desktop"] ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #layout > header[data-device="desktop"] ul > li {
        margin: 0;
        padding: 0; }
      #layout > header[data-device="desktop"] ul a {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 600;
        padding: 14px 40px 14px 62px;
        display: block;
        font-size: 14px;
        color: #fff;
        text-decoration: none; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a {
      position: relative;
      /* arrow wrapper */ }
      #layout > header[data-device="desktop"] .region-header > div > ul > li > a b {
        position: absolute;
        top: 0;
        right: 0;
        width: 85px;
        height: 46px;
        z-index: 2;
        display: block;
        /* arrow icon */ }
        #layout > header[data-device="desktop"] .region-header > div > ul > li > a b:before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: 100%;
          transform: translate(-50%, -50%) rotate(0deg);
          display: block;
          transition: all 300ms ease-in-out;
          background: url("/wp-content/themes/avrobio/assets/images/white-down-arrow.svg") no-repeat 50% 50%;
          background-size: 20px auto; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li.no-sub-nav > a b {
      display: none; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a,
    #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a[aria-current="page"] {
      /* always showing sub menu */
      /* arrow in correct position */ }
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a + ul,
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a[aria-current="page"] + ul {
        display: block;
        animation: none; }
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a b:before,
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a[aria-current="page"] b:before {
        transform: translate(-50%, -50%) rotate(-180deg); }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a + ul {
      display: none;
      overflow: hidden;
      animation: desktop_menu_dropdown 600ms ease-in-out forwards; }
      #layout > header[data-device="desktop"] .region-header > div > ul > li > a + ul li a {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 400;
        padding: 10px 40px 10px 62px;
        color: #94929b; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a + ul li.current_page_item a {
      color: #da1884; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a[aria-current="page"] b:before {
      transform: translate(-50%, -50%) rotate(-180deg); }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a[aria-current="page"] + ul {
      display: block;
      animation: mobile_menu_expand 600ms ease-in-out forwards; }
  /* menu trigger */
  #menu_trigger {
    position: absolute;
    top: -9999px;
    visibility: hidden;
    opacity: 0; }
  /* open mobile menu */
  #menu_trigger:checked + #layout {
    height: 100%;
    overflow: hidden; }
  #menu_trigger:checked + #layout [data-device="desktop"] {
    right: 0; } }

/* animation */
@keyframes mobile_menu_expand {
  0% {
    max-height: 0; }
  100% {
    max-height: 800px; } }

#block-views-block-banner-block-hero-banner #hero {
	position: relative;
}

body:not(.home) #hero {
    background-position: 40% -70px;
}

body:not(.home) #hero {
    background-color: #312e3e;
    background-image: url("/wp-content/themes/avrobio/assets/images/desktop-default.jpg");
}

body:not(.home) #hero {
    background-repeat: no-repeat;
}

body #hero {
    min-height: 632px;
    background-color: #191621;
    background-repeat: no-repeat;
}

body #hero {
    background-position: 65% 0;
    background-size: 2540px auto;
}

input[type="checkbox"], input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

@media screen and (min-width: 861px) and (max-width: 1800px) {
	header[data-device="desktop"] a {
		font-size: 12px;
	}

	.home #hero #homepage_video, .home #hero #homepage_video, .home #hero #homepage_video {
		position: absolute;
		width: 2217px;
		max-width: none;
		top: 0;
		left: 0;
		margin-left: -185px;
	}
}

/*
header {
	max-width:1600px;
	min-height:632px;
	margin:0 auto;
	padding:0 20px;
}

header #logo {
	display:inline-block;
	margin:35px 0 90px 30px;
}

header #logo a {
	display:block;
	width:222px;
	height:52px;
	text-indent:-9999px;
	background-image:url('/wp-content/themes/avrobio/assets/images/logo_avrobio.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:222px auto;
}

header #masthead {
	max-width:1220px;
	margin:0 auto;
	padding:0 30px;
}

header #masthead .title {
	position:relative;
	max-width:530px;
	font-size:70px;
	font-weight:400;
	line-height:1;
	color:#ffffff;
	margin-bottom:32px;
	padding-bottom:42px;
}

header #masthead .title:after {
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	display:block;
	width:26px;
	height:3px;
	background-color:#da1884;
}

header #masthead .subtitle {
	max-width:530px;
	font-size:26px;
	font-weight:700;
	line-height:1;
	color:#ffffff;
	text-transform:uppercase;
}


main {
	position:relative;
	z-index:1;
}

main:before {
	position:absolute;
	content:'';
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	width:50%;
	background-image:linear-gradient(rgba(44,42,56,1) 0%, rgba(255,255,255,1) 100%);
}

main:after {
	position:absolute;
	content:'';
	z-index:-1;
	top:0;
	right:0;
	bottom:0;
	width:50%;
	background-color:#ffffff;
}

main article {
	width:calc(100% - 100px);
	max-width:1245px;
	margin:0 auto;
	padding-bottom:50px;
	background-color:#ffffff;
}

.page-template-page-faqs main article {
	padding-bottom:29px;
}

main article .entry-title {
	padding:60px 0 50px 70px;
}

main article .entry-content {
	padding:45px 0 35px 70px;
	background-color:#ecf0f9;
}

.page-template-page-faqs main article .entry-content {
	padding:0 0 0 70px;
	background-color:#ffffff;
}

main article h1 {
	font-size:42px;
	font-weight:500;
	line-height:1.2;
	color:#124596;
}

main article p {
	max-width:825px;
	font-size:17px;
	line-height:1.2;
	margin-bottom:25px;
}

main article .group {
	display:flex;
	flex-flow:wrap;
}

main article .group .pad {
	display:flex;
	width:33.333%;
	margin-bottom:21px;
	padding-right:23px;
}

main article .group .pad a {
	display:flex;
	flex-grow:1;
	text-decoration:none;
}

main article .group .pad .card {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:17px 21px 15px 23px;
	background-color:#ecf0f9;
}

main article .group .pad .card .text {
	margin-bottom:25px;
}

main article .group .pad .card .text .title {
	font-size:26px;
	font-weight:700;
	line-height:1.2;
	color:#124596;
	margin-bottom:15px;
}

main article .group .pad .card .text .excerpt p {
	font-size:17px;
	line-height:1.2;
	color:#000000;
	margin-bottom:0;
}

main article .group .pad .card .btn {
	position:relative;
	display:flex;
	justify-content:flex-end;
	font-size:18px;
	font-weight:700;
	line-height:1.111;
	color:#d51478;
	padding-right:26px;
}

main article .group .pad .card .btn:after {
	position:absolute;
	content:'';
	top:0;
	right:-2px;
	width:19px;
	height:19px;
	background-image:url('/wp-content/themes/avrobio/assets/images/icon_arrow.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.single-post-faqs article p img{
	max-width: 100%;
    height: auto;
}
.single-post-faqs article p a{
	color: #da1884;
}
.single-post-faqs article p sup{
	position: relative;
    font-size: 50%;
    text-transform: none;
	vertical-align: top;
}
.single-post-faqs p span.brand-primary {
    font-size: 12px;
    color: #da1884;
}
.single-post-faqs article p a:hover{
	color: #312e3e;
}

.single-post-faqs .field-container{
	width: 100%;
    display: inline-flex;
	margin-bottom: 30px;
}
.single-post-faqs .headshot{
	margin-right: 20px;
}
.single-post-faqs .headshot img{
	border: 5px solid #1a408c;
    border-radius: 50%;
    width: 120px;
}
.single-post-faqs .text{
	display: flex;
    justify-content: center;
    align-items: center;
}
.single-post-faqs .text .name, .single-post-faqs .text .position{
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    color: #1a408c;
}

footer #footer-copyright {
	width:calc(100% - 100px);
	max-width:1245px;
	margin:0 auto;
	padding:46px 0 46px 50px;
	background-image:url('/wp-content/themes/avrobio/assets/images/footer.jpg');
	background-size:cover;
}

footer #footer-copyright a {
	display:block;
	width:222px;
	height:52px;
	text-indent:-9999px;
	margin-bottom:55px;
	background-image:url('/wp-content/themes/avrobio/assets/images/logo_avrobio.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:222px auto;
}

footer #footer-copyright p {
	font-size:14px;
	font-weight:400;
	line-height:1;
	color:#ffffff;
	margin-bottom:0;
}

@media only screen and (max-width:1399px) {
	main article .group .pad .card .text .title { font-size:24px; }
}

@media only screen and (max-width:1249px) {
	main article .group .pad .card .text .title { font-size:22px; }
}

@media only screen and (max-width:1099px) {
	body { background-size:1905px auto; }
	header { min-height:474px; }
	header #masthead .title { font-size:52px; }
	main article { width:calc(100% - 50px); }
	main article .entry-title { padding:30px 0 30px 25px; }
	main article .entry-content { padding: 45px 25px 35px; }
	.page-template-page-faqs main article .entry-content { padding-left:25px; }
	main article h1 { font-size:36px; }
	main article .group .pad .card .text .title { font-size:20px; }
	main article .group .pad .card .text .excerpt p { font-size:16px; }
	footer #footer-copyright { width:calc(100% - 50px); }
}

@media only screen and (max-width:999px) {
	main article .group .pad { width:50%; }
}

@media only screen and (max-width:899px) {
	body { background-size:1270px auto; }
	header { min-height:316px; }
	header #logo { margin-bottom:40px; }
	header #masthead .title { max-width:400px; font-size:36px; margin-bottom:25px; padding-bottom:28px; }
	header #masthead .subtitle { font-size:20px; }
}

@media only screen and (max-width:620px) {
	#wpadminbar { position:fixed !important; }
}

@media only screen and (max-width:599px) {
	body { background-image:none; }
	header { background-image:url('/wp-content/themes/avrobio/assets/images/desktop-default.jpg'); background-position:25% center; background-repeat:no-repeat; background-size:cover; }
	header #logo { margin-left:0; }
	header #masthead { padding:0; }
	main article { width:100%; padding-bottom:0; }
	main article .entry-title { padding:30px 20px; }
	main article .entry-content { padding:30px 20px 25px; }
	.page-template-page-faqs main article .entry-content { padding:0 20px; }
	main article h1 { font-size:32px; }
	main article .group .pad { width:100%; padding-right:0; }
	footer #footer-copyright { width:100%; padding:30px 20px; }
	footer #footer-copyright a { margin-bottom:30px; }
}
*/


@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap");
html, body, div, span, object, iframe,
h1,
h2.title-style,
p.title-style.icon-top-style,
h3.title-style,
#body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1),
.paragraph--type--image-and-caption-carousel .title-style.field--name-field-title, h2, p.icon-top-style, h3, #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
#body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
#body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .paragraph--type--image-and-caption-carousel .field--name-field-title, h4, h5, h6, p, p.icon-bottom-style,
blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strong, sub, sup, var, b, u, i,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, nav, output, section, summary, time, mark,
audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

html,
body,
#layout {
  width: 100%;
  -webkit-text-size-adjust: 100%; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

dialog {
  border: 0; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="submit"],
textarea,
button,
select,
option {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  resize: none;
  background: none; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="submit"]:focus,
  textarea:focus,
  button:focus,
  select:focus,
  option:focus {
    outline: none; }

a,
button,
input[type="submit"] {
  cursor: pointer; }

::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }

select::-ms-expand {
  display: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

input::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 0;
  visibility: hidden;
  display: none !important;
  pointer-events: none; }

* {
  font-family: sans-serif;
  box-sizing: border-box;
  background-repeat: none;
  background-position: 0 0; }

/* var : only used for getting variables */
var {
  display: none; }

b,
strong {
  font-weight: 700; }

i,
em {
  font-style: oblique; }

/****************************/
/**** **** LANGUAGE **** ***/
/**************************/
/* en or es */
/***********************************/
/**** **** LAYOUT SETTINGS **** ***/
/*********************************/
/**********************************/
/**** **** BRAND SETTINGS **** ***/
/********************************/
/*********************************/
/**** **** PATH SETTINGS **** ***/
/*******************************/
/* background: url('path(logo)logo-linkedin.svg'); */
/*
node-3 / page-id-52 : 	About Us
node-5 / page-id-53 : 	Our Leadership

node-6 / page-id-41 : 	Patients and Families
node-7 / page-id-43 : 	Lysosomal Storage Disorders
node-8 / page-id-45 : 	Understanding Fabry Disease
node-10 / page-id-46 : 	Understanding Cystinosis
node-9 / page-id-47 : 	Understanding Gaucher
node-174 / page-id-48 : Understanding Hunter Syndrome
node-11 / page-id-49 : 	Understanding Pompe Disease
node-28 / page-id-50 : 	Patient Advocacy and Engagement
node-29 / page-id-51 : 	Patient Early Access Policy

node-59 / page-id-42 : 	Our Approach
node-13 / page-id-54 : 	The plato Platform
node-31 / page-id-56 : 	Gene Therapy Video
node-173 :  Treating the Whole Body

node-14 / page-id-57 : 	Our Pipeline

node-16 / page-id-58 : 	Work with Us
node-18 / page-id-59 : 	Job Openings

node-19 / page-id-60 : 	Our Views
node-20 / page-id-61 : 	Vector Space Blog
node-21 / page-id-62 : 	Ideas and Insights


[page-category="20"] : 	Our View Blog
.single-post-post : 	Ideas and Insights Articles
*/
/*******************************/
/**** **** MEDIA QUERY **** ***/
/*****************************/
/****************************************/
/**** **** MEDIA QUERY SETTINGS **** ***/
/**************************************/
/* 
			Usage: 
				@include viewport([breakpoint]) {
	
				}
		*/
/* ipad specific */
/* iphone 6/7/8 specific */
/* ie11 specific */
/****************************************/
/**** **** RETURN BRAND COLOURS **** ***/
/**************************************/
/******************************/
/**** **** PAGE WIDTH **** ***/
/****************************/
/************************/
/**** **** PATH **** ***/
/**********************/
/****************************/
/**** **** FLEX SET **** ***/
/**************************/
/*****************************/
/**** **** AVRO DASH **** ***/
/***************************/
/***********************************/
/**** **** HALF BACKGROUND **** ***/
/*********************************/
/******************************/
/**** **** RESET LIST **** ***/
/****************************/
/***********************************/
/**** **** POSITION CENTER **** ***/
/*********************************/
/***********************************/
/**** **** MARGIN STYLE **** ***/
/*********************************/
/***********************************/
/**** **** PSEDUO ICON STYLE **** ***/
/*********************************/
/***********************************/
/**** **** ARROW HOVER **** ***/
/*********************************/
@keyframes link_arrow {
  0% {
    right: 0; }
  50% {
    right: 4px; }
  100% {
    right: 0; } }

@keyframes link_arrow_left {
  0% {
    left: 0; }
  50% {
    left: 4px; }
  100% {
    left: 0; } }

/***********************************/
/**** **** LINK STYLE **** ***/
/*********************************/
/******************************/
/**** **** PAGE WIDTH **** ***/
/****************************/
/*****************************************/
/**** **** FLEX LAYOUT CONTAINER **** ***/
/***************************************/
/***************************/
/**** **** LAYOUTS **** ***/
/*************************/
/************************************/
/**** **** HERO SUB CONTENT **** ***/
/**********************************/
.sub-hero-content {
  position: relative;
  overflow: visible;
  background: #1d428a;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .sub-hero-content:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: #312e3e; } }
  .sub-hero-content > div:nth-of-type(1) {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .sub-hero-content > div:nth-of-type(1) {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .sub-hero-content > div:nth-of-type(1) {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .sub-hero-content > div:nth-of-type(1):before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scaleX(-1);
        background: #fff;
        right: 2px;
        transform-origin: 100% 100%; } }

/**********************************/
/**** **** SCROLL TO TEXT **** ***/
/********************************/
/***********************************/
/**** **** MATRIX SETTINGS **** ***/
/*********************************/
/*
            Usage:
                Update matrix gutter

            HTML:
                <nav data-matrix="">
                    <a>
                    <a>

            SASS:
                @include matrix_setting([number of matrix], [gutter space], '[child element]');

                Example:
                @include matrix_setting(2, 30px, 'div');
        */
/******************************/
/**** **** ICON STYLE **** ***/
/****************************/
/***************************/
/**** **** SOCIALS **** ***/
/*************************/
/**************************************/
/**** *** COMMON BODY STYLING **** ***/
/************************************/
#body > article,
#body > .info_tile {
  position: relative;
  width: 100%;
  overflow: visible; }
  #body > article > section,
  #body > .info_tile > section {
    position: relative;
    overflow: hidden;
    z-index: 2; }
  #body > article > section > main,
  #body > .info_tile > section > main {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      #body > article > section > main,
      #body > .info_tile > section > main {
        width: 100%; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      #body > article > section > main,
      #body > .info_tile > section > main {
        width: calc(100% - 100px); } }
    @media screen and (max-width: 860px) {
      #body > article > section > main,
      #body > .info_tile > section > main {
        width: calc(100% - 30px); } }

#layout > header > section > main {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    #layout > header > section > main {
      width: 100%; } }

/*************************************/
/**** *** PLACEHOLDER COLOUR **** ***/
/***********************************/
::-webkit-input-placeholder {
  color: #fff; }

:-ms-input-placeholder {
  color: #fff; }

::placeholder {
  color: #fff; }

/*************************************/
/**** *** PLACEHOLDER COLOUR **** ***/
/***********************************/
[desktoponly] {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    [desktoponly] {
      display: none; } }

[mobileonly] {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    [mobileonly] {
      display: none; } }

.text-align-center {
  text-align: center; }

/* ELEMENT */
/************************************/
/**** *** TYPEFACE SETTINGS **** ***/
/**********************************/
/* 
		Usage:
			h1 { @include brand_font(700); }

			Note: Invalid weight will result in font-weight: normal

			300: Light;
			400: Regular;
			500: Medium;
			600: Semi-Bold;
			700: Bold;
		*/
/* TEXT SETTING */
strong,
b {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700; }

body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #384C65; }

/* SUPERSCRIPT */
sup {
  position: relative;
  font-size: 50%;top:-6px;
  text-transform: none; }

/* HEADING 1, HEADING 2, HEADING 3 */
h1 strong, h2.title-style strong, h3.title-style strong,
h2 strong,
p.icon-top-style strong,
h3 strong,
#body .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong,
#body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong,
#body .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong,
#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong,
.paragraph--type--image-and-caption-carousel .field--name-field-title strong {
  color: #da1884;
  text-transform: uppercase;
  display: block; }

/* HEADING 1 */

h1,
h2.title-style,
p.title-style.icon-top-style,
h3.title-style,
#body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1),
.paragraph--type--image-and-caption-carousel .title-style.field--name-field-title {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  margin-bottom: 40px;
  padding: 0 0 40px 0;
  color: #1a408c;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    
    h1,
    h2.title-style,
    p.title-style.icon-top-style,
    h3.title-style,
    #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1),
    .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title {
      font-size: 90px;
      line-height: 90px; } 

    .page-id-56 h1 {font-size: 80px;}
}
  
@media screen and (max-width: 860px) {
    
    h1,
    h2.title-style,
    p.title-style.icon-top-style,
    h3.title-style,
    #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1),
    .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title {
      font-size: 45px;
      line-height: 45px; } }
  h1:after, h2.title-style:after, p.title-style.icon-top-style:after, h3.title-style:after, #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1):after,
  #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1):after,
  #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1):after,
  #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1):after, .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 24px;
    height: 3px;
    background: #da1884; }
  h1 sup, h2.title-style sup, h3.title-style sup {
    font-size: 30%;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      h1 sup, h2.title-style sup, h3.title-style sup {
        top: -40px; } }
    @media screen and (max-width: 860px) {
      h1 sup, h2.title-style sup, h3.title-style sup {
        top: -23px; } }
  h1 strong, h2.title-style strong, h3.title-style strong {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px; }
    h1 strong sup, h2.title-style strong sup, h3.title-style strong sup {
      top: -10px;
      font-size: 40%; }
  h1.text-align-center:after, h2.text-align-center.title-style:after, p.text-align-center.title-style.icon-top-style:after, h3.text-align-center.title-style:after, #body .paragraph--type--two-column-info > .text-align-center.title-style.field__item:nth-of-type(1):after,
  #body .paragraph--type--two-column-25-75- > .text-align-center.title-style.field__item:nth-of-type(1):after,
  #body .paragraph--type--three-column-info > .text-align-center.title-style.field__item:nth-of-type(1):after,
  #body .paragraph--type--two-column-info-50-50 > .text-align-center.title-style.field__item:nth-of-type(1):after, .paragraph--type--image-and-caption-carousel .text-align-center.title-style.field--name-field-title:after {
    left: 49.25%; }

/* HEADING 2 */
h2, p.icon-top-style {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 40px;
  color: #1a408c;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    h2, p.icon-top-style {
      font-size: 42px; } }
  @media screen and (max-width: 860px) {
    h2, p.icon-top-style {
      font-size: 28px; } }
  h2 sup, p.icon-top-style sup {
    font-size: 40%;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      h2 sup, p.icon-top-style sup {
        top: -16px; } }
    @media screen and (max-width: 860px) {
      h2 sup, p.icon-top-style sup {
        top: -11px; } }
  
  h2 strong,
  p.icon-top-style strong {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px; }
    h2 strong sup, p.icon-top-style strong sup {
      top: -6px;
      font-size: 60%; }

/* HEADING 3 */
h3, #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
#body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
#body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .paragraph--type--image-and-caption-carousel .field--name-field-title {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 15px !important;
  font-size: 21px; }
.single-post h3 {
  margin-bottom: 26px !important;
}
  h3 sup, #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) sup, #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) sup, #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) sup, #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) sup, .paragraph--type--image-and-caption-carousel .field--name-field-title sup {
    top: -10px;
    font-size: 40%; }
  
  h3 strong,
  #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong,
  #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong,
  #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong,
  #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong,
  .paragraph--type--image-and-caption-carousel .field--name-field-title strong {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 10px; }
    h3 strong sup, #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong sup, #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong sup, #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong sup, #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong sup, .paragraph--type--image-and-caption-carousel .field--name-field-title strong sup {
      top: -6px;
      font-size: 60%; }

/* BODY, PARAGRAPH, UNORDERED LIST, ORDERED LIST */
body, p, p.icon-bottom-style,
ul li,
ol li {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #384C65; }
.single-post #block-avrobio-content p, .single-post #block-avrobio-content p.icon-bottom-style,
.single-post #block-avrobio-content ul li,
.single-post #block-avrobio-content ol li {
  line-height:1.4;
}

/* PARAGRAPH */
p, p.icon-bottom-style {
  margin-bottom: 36px; }
.single-post #block-avrobio-content p, .single-post #block-avrobio-content p.icon-bottom-style {
  margin-bottom: 26px; }
  p.legal {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px; }

/* UNORDERED LIST, ORDERED LIST */
ul li sup,
ol li sup {
  top: -6px; }

/* ANCHOR */
a {
  color: #da1884; }
  a:hover, a.hover {
    color: #312e3e; }

/* LIGHT VERSION */
[data-side-text="light"] h1, [data-side-text="light"] h2.title-style, [data-side-text="light"] h3.title-style,
[data-side-text="light"] h2,
[data-side-text="light"] p.icon-top-style,
[data-side-text="light"] p {
  color: #fff; }

p.brand-primary {
  margin: 0; }

/* oO */
.o,
.O {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background: url("/wp-content/themes/avrobio/assets/images/illustration-cross.svg") 50% 50% no-repeat;
  background-size: 80% auto; }

.o {
  background-position: 50% 65%; }

/*************************************/
/**** *** PLACEHOLDER COLOUR **** ***/
/***********************************/
::-webkit-input-placeholder {
  color: #fff; }

:-ms-input-placeholder {
  color: #fff; }

::placeholder {
  color: #fff; }

/********************************/
/**** **** FORM STYLING **** ***/
/******************************/
input[type] {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  border-radius: 4px;
  font-size: 18px;
  color: #fff;
  border: 2px solid #484448;
  background: rgba(49, 46, 62, 0.8);
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    input[type] {
      padding: 27px 30px;
      font-size: 18px; } }
  @media screen and (max-width: 860px) {
    input[type] {
      padding: 20px;
      font-size: 14px; } }

select {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  border-radius: 4px;
  color: #fff;
  border: 2px solid #484448;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* brand variants */
  /* blue variants */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    select {
      padding: 20px 95px 20px 30px;
      font-size: 18px;
      background: url("/wp-content/themes/avrobio/assets/images/white-select-dropdown.svg") rgba(49, 46, 62, 0.8) right 50% no-repeat;
      background-size: auto 80%; } }
  @media screen and (max-width: 860px) {
    select {
      padding: 20px;
      font-size: 14px;
      background: url("/wp-content/themes/avrobio/assets/images/white-select-dropdown.svg") rgba(49, 46, 62, 0.8) right top no-repeat;
      background-size: auto 100%; } }
  select.brand {
    border: none;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      select.brand {
        background: url("/wp-content/themes/avrobio/assets/images/white-dropdown-without-dash-desktop.svg") #da1884 right 50% no-repeat;
        background-size: auto 80%; } }
    @media screen and (max-width: 860px) {
      select.brand {
        background: url("/wp-content/themes/avrobio/assets/images/white-dropdown-without-dash-mobile.svg") #da1884 right top no-repeat;
        background-size: auto 100%; } }
  select.blue {
    border: none;
    background-color: #1d428a; }

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 2px 0 0 42px;
    min-height: 24px;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    background: transparent; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      border: 1px solid #484448;
      background: #312e3e; }

input[type="checkbox"] + label:before {
  background: url("/wp-content/themes/avrobio/assets/images/white-checkmark.svg") rgba(49, 46, 62, 0.8) 50% -32px no-repeat;
  background-size: 60% auto; }

input[type="checkbox"]:checked + label:before {
  background: url("/wp-content/themes/avrobio/assets/images/white-checkmark.svg") rgba(49, 46, 62, 0.8) 50% 50% no-repeat;
  background-size: 60% auto; }

input[type="radio"] + label:before {
  border-radius: 100%;
  background: url("/wp-content/themes/avrobio/assets/images/white-checkmark.svg") rgba(49, 46, 62, 0.8) 50% -32px no-repeat;
  background-size: 0px auto; }

input[type="radio"]:checked + label:before {
  background: url("/wp-content/themes/avrobio/assets/images/white-checkmark.svg") rgba(49, 46, 62, 0.8) 50% 50% no-repeat;
  background-size: 60% auto; }

#block-views-block-job-openings-block-job-openings-view .form-item:nth-child(3) select,
#block-views-block-blog-block-blog-landing-ideas .form-item select,
#block-views-block-blog-block-blog-landing-vector .form-item select {
  cursor: pointer; }
  #block-views-block-job-openings-block-job-openings-view .form-item:nth-child(3) select:hover,
  #block-views-block-blog-block-blog-landing-ideas .form-item select:hover,
  #block-views-block-blog-block-blog-landing-vector .form-item select:hover {
    animation: 400ms select_arrow_blue ease-in-out forwards; }

@keyframes select_arrow_blue {
  0% {
    background-position: calc(100% - 25px) 50%; }
  50% {
    background-position: calc(100% - 25px) 40%; }
  100% {
    background-position: calc(100% - 25px) 50%; } }

/*******************************/
/**** **** ERROR STATE **** ***/
/*****************************/
.error-message {
  margin-bottom: 30px;
  padding: 15px;
  display: block;
  border-radius: 4px;
  border: 1px solid #e60c5b;
  background: rgba(230, 12, 91, 0.05);
  /* error message text */ }
  .error-message ul {
    margin: 0; }
  .error-message li {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #e60c5b; }

input[type].error {
  color: #e60c5b;
  border: 1px solid #e60c5b; }

input[type="checkbox"].error + label:before,
input[type="radio"].error + label:before {
  border: 1px solid #e60c5b; }

/******************************************************/
/**** **** CHECKBOX/RADIO WRAPPER FOR MOBILE  **** ***/
/****************************************************/
.checkbox-wrapper,
.radio-wrapper {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .checkbox-wrapper,
    .radio-wrapper {
      display: flex;
      flex-wrap: wrap; }
      .checkbox-wrapper > input + label,
      .radio-wrapper > input + label {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0 0 15px 0; } }

/************************/
/**** *** TABLE **** ***/
/**********************/
table {
  margin: 0 0 30px 0;
  padding: 2px;
  width: 100%;
  border: 1px solid #fff;
  border-collapse: collapse;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* TABLE ROW */
  /* TABLE CONTENT */
  /* TABLE HEADER */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    table {
      font-size: 16px; } }
  @media screen and (max-width: 860px) {
    table {
      position: relative;
      width: calc(100% + 30px);
      font-size: 14px; } }
  table tr {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      table tr {
        display: flex;
        flex-direction: column; } }
  table tbody tr:nth-of-type(odd) td {
    background: #f5f7fb; }
  table tbody tr:nth-of-type(even) td {
    background: #ecf0f9; }
  table.clear {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      table.clear tbody tr:nth-of-type(odd) td,
      table.clear tbody tr:nth-of-type(even) td {
        background: none; } }
  table th,
  table td {
    padding: 14px;
    text-align: left; }
    table th .no-min-width,
    table td .no-min-width {
      min-width: 0; }
  table th {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      table th {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: #1d428a;
        font-size: 16px;
        border-bottom: 1px solid #312e3e; } }
    @media screen and (max-width: 860px) {
      table th {
        display: none; } }
  table td {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      table td {
        text-align: left; }
        table td:before {
          content: attr(data-title);
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 700;
          padding-right: 25px;
          width: 140px;
          flex: 0 0 140px;
          max-width: 140px;
          color: #1d428a;
          font-size: 16px;
          display: block; } }

/************************************/
/**** *** TYPEFACE SETTINGS **** ***/
/**********************************/
#body ul:not(.slick-dots),
#body ol {
  margin: 0 0 36px 0; }
  #body ul:not(.slick-dots) li,
  #body ol li {
    position: relative;
    margin: 0 0 5px 0;
    padding-left: 22px; }
    #body ul:not(.slick-dots) li ul,
    #body ul:not(.slick-dots) li ol,
    #body ol li ul,
    #body ol li ol {
      margin: 5px 0; }

#body ul:not(.slick-dots) {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    #body ul:not(.slick-dots) {
      padding-left: 0; } }

/* unordered list */
#body ul:not(.slick-dots) li {
  margin-bottom: 20px; }
  #body ul:not(.slick-dots) li:first-child {
    margin-top: 20px; }
  #body ul:not(.slick-dots) li:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #da1884; }

#body ul {
  list-style-type: none; }

#body ol ul,
#body ol ol,
#body ul:not(.slick-dots) ul,
#body ul:not(.slick-dots) ol {
  margin-top: 20px; }

/* ordered list numbering */
#body ol ol {
  list-style-type: lower-roman; }

/************************/
/**** *** ICONS **** ***/
/**********************/
.icon {
  /* brand element icons */
  /* white element icons */
  /* illustration icons */ }
  .icon-brand-arrow-right-sharp {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-right-sharp.svg");
    background-size: 30px auto; }
  .icon-brand-down-arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-down-arrow.svg");
    background-size: 30px auto; }
  .icon-brand-link-arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg");
    background-size: 30px auto; }
  .icon-brand-play-arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-play-arrow.svg");
    background-size: 30px auto; }
  .icon-brand-search {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-search.svg");
    background-size: 30px auto; }
  .icon-white-arrow-right-sharp {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-arrow-right-sharp.svg");
    background-size: 30px auto; }
  .icon-white-down-arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-down-arrow.svg");
    background-size: 30px auto; }
  .icon-white-link-arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
    background-size: 30px auto; }
  .icon-white-play-arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-play-arrow.svg");
    background-size: 30px auto; }
  .icon-white-search {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-search.svg");
    background-size: 30px auto; }
  .icon-cross {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-cross.svg");
    background-size: 60px auto; }
  .icon-cystinosis {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-cystinosis.svg");
    background-size: 60px auto; }
  .icon-employee {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-employee.svg");
    background-size: 60px auto; }
  .icon-expertise {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-expertise.svg");
    background-size: 60px auto; }
  .icon-fabry {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-fabry.svg");
    background-size: 60px auto; }
  .icon-focus {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-focus.svg");
    background-size: 60px auto; }
  .icon-gaucher {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-gaucher.svg");
    background-size: 60px auto; }
  .icon-gene-therapy {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-gene-therapy.svg");
    background-size: 60px auto; }
  .icon-goal {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-goal.svg");
    background-size: 60px auto; }
  .icon-lysosomal {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-lysosomal.svg");
    background-size: 60px auto; }
  .icon-medical {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-medical.svg");
    background-size: 60px auto; }
  .icon-pipeline {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-pipeline.svg");
    background-size: 60px auto; }
  .icon-pompe {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-pompe.svg");
    background-size: 60px auto; }
  .icon-years {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/illustration-years.svg");
    background-size: 60px auto; }

/*************************/
/**** *** BUTTON **** ***/
/***********************/
/* DEFAULT BUTTON */
@keyframes btn_download {
  0% {
    top: 50%; }
  50% {
    top: 40%; }
  100% {
    top: 50%; } }

/* LINK BUTTON */
/* DOWNLOAD BUTTON */
@keyframes link_download {
  0% {
    top: 32%; }
  50% {
    top: 40%; }
  100% {
    top: 32%; } }

/* DOWNLOAD VERTICAL BUTTON */
@keyframes link_download_vertical {
  0% {
    top: 0; }
  50% {
    top: 4px; }
  100% {
    top: 0; } }

/* AUDIO BUTTON */
@keyframes link_audio {
  0% {
    right: 0; }
  50% {
    right: -2px; }
  100% {
    right: 0; } }

/* VIDEO PLAYER BUTTON */
@keyframes video_player {
  0% {
    transform: rotate(0deg); }
  75% {
    border-right: 5px solid #1d428a;
    border-bottom: 5px solid #1d428a; }
  100% {
    transform: rotate(360deg);
    border-right: 5px solid #da1884;
    border-bottom: 5px solid #da1884; } }

/* APPLYING MIXINS */
.btn, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a,
a.btn,
body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  position: relative;
  padding: 18px 48px;
  appearance: none;
  color: #fff;
  border: 2px solid #ef248e;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  transition: all 400ms ease-in-out;
  background: #da1884; }
  .btn:hover, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a:hover,
  a.btn:hover,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .btn:hover, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a:hover,
      a.btn:hover,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a:hover {
        color: #fff;
        border: 2px solid #312e3e;
        background: #312e3e; } }
  .btn.secondary, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.secondary,
  a.btn.secondary,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.secondary {
    border: 2px solid #1d428a;
    background: #1d428a; }
    .btn.secondary:hover, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.secondary:hover,
    a.btn.secondary:hover,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.secondary:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .btn.secondary:hover, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.secondary:hover,
        a.btn.secondary:hover,
        body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.secondary:hover {
          border: 2px solid #da1884;
          background: #da1884; } }
  .btn.full-width, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.full-width,
  a.btn.full-width,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.full-width {
    width: 100%;
    text-align: center; }
  .btn.full-width-on-mobile, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.full-width-on-mobile,
  a.btn.full-width-on-mobile,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.full-width-on-mobile {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .btn.full-width-on-mobile, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.full-width-on-mobile,
      a.btn.full-width-on-mobile,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.full-width-on-mobile {
        width: 100%;
        text-align: center; } }
  .btn.download, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download,
  a.btn.download,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download {
    padding: 18px 74px 18px 48px; }
    .btn.download:before, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:before,
    a.btn.download:before,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 24px;
      margin-top: -5px;
      transform: translateY(-50%) rotate(90deg);
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
      background-size: 24px auto; }
    .btn.download:after, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:after,
    a.btn.download:after,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 26px;
      margin-top: 5px;
      width: 20px;
      height: 7px;
      transform: translateY(-50%);
      background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
      background-size: 20px auto; }
    .btn.download:hover:before, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:hover:before,
    a.btn.download:hover:before,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:hover:before {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .btn.download:hover:before, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:hover:before,
        a.btn.download:hover:before,
        body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.download:hover:before {
          animation: 400ms btn_download ease-in-out forwards; } }

.link-btn {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding-right: 70px;
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #da1884; }
  .link-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .link-btn:hover {
        text-decoration: underline; } }
  .link-btn:hover {
    color: #da1884; }
  .link-btn:after {
    content: '';
    position: relative;
    top: 2px;
    margin-left: 6px;
    width: 24px;
    height: 12px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg") no-repeat 0 50%;
    background-size: auto 20px; }
  .link-btn:hover:after {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .link-btn:hover:after {
        animation: 400ms link_arrow ease-in-out forwards; } }

.link-btn.white,
.link-btn.link-btn-white {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding-right: 70px;
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #fff; }
  .link-btn.white:hover,
  .link-btn.link-btn-white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .link-btn.white:hover,
      .link-btn.link-btn-white:hover {
        text-decoration: underline; } }
  .link-btn.white:hover,
  .link-btn.link-btn-white:hover {
    color: #fff; }
  .link-btn.white:after,
  .link-btn.link-btn-white:after {
    content: '';
    position: relative;
    top: 2px;
    margin-left: 6px;
    width: 24px;
    height: 12px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
    background-size: auto 20px; }
  .link-btn.white:hover:after,
  .link-btn.link-btn-white:hover:after {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .link-btn.white:hover:after,
      .link-btn.link-btn-white:hover:after {
        animation: 400ms link_arrow ease-in-out forwards; } }

.link-btn-left {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding-left: 42px;
  display: block;
  max-width: 286px;
  font-size: 16px;
  text-decoration: none;
  color: #da1884; }
  .link-btn-left:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .link-btn-left:hover {
        text-decoration: underline; } }
    @media screen and (max-width: 860px) {
      .link-btn-left {
        font-size: 14px; } }
  .link-btn-left:hover {
    color: #da1884; }
  .link-btn-left:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    width: 30px;
    height: 17px;
    display: inline-block;
    background-image: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .link-btn-left:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .link-btn-left:hover:before {
        animation: 400ms link_arrow_left ease-in-out forwards; } }

.download-btn {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding: 3px 30px 3px 0;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  color: #da1884; }
  .download-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-btn:hover {
        text-decoration: underline; } }
  .download-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-btn:hover {
        color: #da1884; } }
  .download-btn:before {
    content: '';
    position: absolute;
    top: 32%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg");
    background-size: 24px auto; }
  .download-btn:after {
    content: '';
    position: absolute;
    bottom: 3px;
    right: 2px;
    width: 20px;
    height: 7px;
    background: url("/wp-content/themes/avrobio/assets/images/brand-download-tray.svg");
    background-size: 20px auto; }
  .download-btn:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-btn:hover:before {
        animation: 400ms link_download ease-in-out forwards; } }

.download-btn.white {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding: 3px 30px 3px 0;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  color: #fff; }
  .download-btn.white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-btn.white:hover {
        text-decoration: underline; } }
  .download-btn.white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-btn.white:hover {
        color: #fff; } }
  .download-btn.white:before {
    content: '';
    position: absolute;
    top: 32%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
    background-size: 24px auto; }
  .download-btn.white:after {
    content: '';
    position: absolute;
    bottom: 3px;
    right: 2px;
    width: 20px;
    height: 7px;
    background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
    background-size: 20px auto; }
  .download-btn.white:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-btn.white:hover:before {
        animation: 400ms link_download ease-in-out forwards; } }

.download-vertical-btn {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding: 36px 0 0 0;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  color: #da1884; }
  .download-vertical-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-vertical-btn:hover {
        text-decoration: underline; } }
  .download-vertical-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-vertical-btn:hover {
        color: #da1884; } }
  .download-vertical-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg");
    background-size: 24px auto; }
  .download-vertical-btn:after {
    content: '';
    position: absolute;
    top: 22px;
    left: 50%;
    width: 20px;
    height: 7px;
    transform: translateX(-50%);
    background: url("/wp-content/themes/avrobio/assets/images/brand-download-tray.svg");
    background-size: 20px auto; }
  .download-vertical-btn:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-vertical-btn:hover:before {
        animation: 400ms link_download_vertical ease-in-out forwards; } }

.download-vertical-btn.white {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding: 36px 0 0 0;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  color: #fff; }
  .download-vertical-btn.white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-vertical-btn.white:hover {
        text-decoration: underline; } }
  .download-vertical-btn.white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-vertical-btn.white:hover {
        color: #fff; } }
  .download-vertical-btn.white:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
    background-size: 24px auto; }
  .download-vertical-btn.white:after {
    content: '';
    position: absolute;
    top: 22px;
    left: 50%;
    width: 20px;
    height: 7px;
    transform: translateX(-50%);
    background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
    background-size: 20px auto; }
  .download-vertical-btn.white:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .download-vertical-btn.white:hover:before {
        animation: 400ms link_download_vertical ease-in-out forwards; } }

.audio-btn {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding: 3px 30px 3px 0;
  font-size: 14px;
  text-decoration: none;
  color: #da1884; }
  .audio-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .audio-btn:hover {
        text-decoration: underline; } }
  .audio-btn:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .audio-btn:hover {
        color: #da1884; } }
  .audio-btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 17px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-audio-device.svg");
    background-size: 22px auto; }
  .audio-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 17px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-audio-sound.svg");
    background-size: 22px auto; }
  .audio-btn:hover:after {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .audio-btn:hover:after {
        animation: 400ms link_audio ease-in-out forwards; } }

.audio-btn.white {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding: 3px 30px 3px 0;
  font-size: 14px;
  text-decoration: none;
  color: #fff; }
  .audio-btn.white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .audio-btn.white:hover {
        text-decoration: underline; } }
  .audio-btn.white:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .audio-btn.white:hover {
        color: #fff; } }
  .audio-btn.white:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 17px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-audio-device.svg");
    background-size: 22px auto; }
  .audio-btn.white:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 17px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/white-audio-sound.svg");
    background-size: 22px auto; }
  .audio-btn.white:hover:after {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .audio-btn.white:hover:after {
        animation: 400ms link_audio ease-in-out forwards; } }

.video-player-btn {
  position: relative;
  width: 75px;
  height: 75px;
  appearance: none;
  display: block;
  cursor: pointer; }
  .video-player-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    border: 5px solid #1d428a; }
  .video-player-btn:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .video-player-btn:hover:before {
        background-color: transparent;
        border-top: 5px solid #da1884;
        border-left: 5px solid #da1884;
        animation: 600ms video_player linear forwards; } }
  .video-player-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-play-arrow.svg");
    background-size: 30px auto; }

.video-player-btn-large {
  position: relative;
  width: 90px;
  height: 90px;
  appearance: none;
  display: block;
  cursor: pointer; }
  .video-player-btn-large:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 5px solid #1d428a; }
  .video-player-btn-large:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .video-player-btn-large:hover:before {
        background-color: transparent;
        border-top: 5px solid #da1884;
        border-left: 5px solid #da1884;
        animation: 600ms video_player linear forwards; } }
  .video-player-btn-large:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-play-arrow.svg");
    background-size: 30px auto; }

\
 .more-link a {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #da1884;
  position: relative;
  padding: 3px 40px 3px 0;
  font-size: 14px;
  text-decoration: none;
  text-align: left;
  display: inline-block;
  font-weight: 700; }
  \
 .more-link a:after {
    content: '';
    background-image: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px auto; }
  \
 .more-link a:hover {
    text-decoration: underline; }
    \
 .more-link a:hover:after {
      animation: 400ms link_arrow ease-in-out forwards; }

.view-footer > .more-link a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  position: relative;
  padding: 18px 48px;
  appearance: none;
  color: #fff;
  border: 2px solid #ef248e;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  transition: all 400ms ease-in-out;
  background: #da1884; }
  .view-footer > .more-link a:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .view-footer > .more-link a:hover {
        color: #fff;
        border: 2px solid #312e3e;
        background: #312e3e; } }
  .view-footer > .more-link a.secondary {
    border: 2px solid #1d428a;
    background: #1d428a; }
    .view-footer > .more-link a.secondary:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .view-footer > .more-link a.secondary:hover {
          border: 2px solid #da1884;
          background: #da1884; } }
  .view-footer > .more-link a.full-width {
    width: 100%;
    text-align: center; }
  .view-footer > .more-link a.full-width-on-mobile {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .view-footer > .more-link a.full-width-on-mobile {
        width: 100%;
        text-align: center; } }
  .view-footer > .more-link a.download {
    padding: 18px 74px 18px 48px; }
    .view-footer > .more-link a.download:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 24px;
      margin-top: -5px;
      transform: translateY(-50%) rotate(90deg);
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
      background-size: 24px auto; }
    .view-footer > .more-link a.download:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 26px;
      margin-top: 5px;
      width: 20px;
      height: 7px;
      transform: translateY(-50%);
      background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
      background-size: 20px auto; }
    .view-footer > .more-link a.download:hover:before {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .view-footer > .more-link a.download:hover:before {
          animation: 400ms btn_download ease-in-out forwards; } }
  .view-footer > .more-link a:after {
    content: none; }
  .view-footer > .more-link a:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .view-footer > .more-link a:hover {
        text-decoration: none; } }

h3.title-style, #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
#body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    h3.title-style, #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title {
      font-size: 42px;
      margin-bottom: 60px;
      padding-bottom: 20px; } }
  @media screen and (max-width: 860px) {
    h3.title-style, #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
    #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title {
      font-size: 32px;
      margin-bottom: 40px;
      padding-bottom: 10px; } }

h3.blue, #body .paragraph--type--two-column-info > .blue.field__item:nth-of-type(1),
#body .paragraph--type--two-column-25-75- > .blue.field__item:nth-of-type(1),
#body .paragraph--type--three-column-info > .blue.field__item:nth-of-type(1),
#body .paragraph--type--two-column-info-50-50 > .blue.field__item:nth-of-type(1), .paragraph--type--image-and-caption-carousel .blue.field--name-field-title {
  color: #1a408c; }

span.quote-style {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #1d428a;
  font-size: 22px;
  line-height: 1.25em; }

p.icon-title {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #1a408c;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    p.icon-title {
      font-size: 42px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 860px) {
    p.icon-title {
      font-size: 32px;
      margin-bottom: 40px; } }

p.icon-top-style {
  font-size: 51px;
  margin-bottom: 10px; }

p.brand-primary {
  font-size: 12px;
  color: #da1884; }

p.copy-blue {
  font-size: 12px;
  color: #1a408c; }

strong.link-arrow {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700; }
  strong.link-arrow a {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    padding-right: 70px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #da1884; }
    strong.link-arrow a:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        strong.link-arrow a:hover {
          text-decoration: underline; } }
    strong.link-arrow a:hover {
      color: #da1884; }
    strong.link-arrow a:after {
      content: '';
      position: relative;
      top: 2px;
      margin-left: 6px;
      width: 24px;
      height: 12px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg") no-repeat 0 50%;
      background-size: auto 20px; }
    strong.link-arrow a:hover:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        strong.link-arrow a:hover:after {
          animation: 400ms link_arrow ease-in-out forwards; } }
  strong.link-arrow.white a {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    padding-right: 70px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff; }
    strong.link-arrow.white a:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        strong.link-arrow.white a:hover {
          text-decoration: underline; } }
    strong.link-arrow.white a:hover {
      color: #fff; }
    strong.link-arrow.white a:after {
      content: '';
      position: relative;
      top: 2px;
      margin-left: 6px;
      width: 24px;
      height: 12px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
      background-size: auto 20px; }
    strong.link-arrow.white a:hover:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        strong.link-arrow.white a:hover:after {
          animation: 400ms link_arrow ease-in-out forwards; } }

span.video-player-link {
  position: relative;
  width: 76px;
  height: 76px;
  appearance: none;
  display: block;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px; }
  span.video-player-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    border: 5px solid #1d428a; }
  span.video-player-link:hover:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      span.video-player-link:hover:before {
        background-color: transparent;
        border-top: 5px solid #da1884;
        border-left: 5px solid #da1884;
        animation: 600ms video_player linear forwards; } }
  span.video-player-link:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-play-arrow.svg");
    background-size: 30px auto; }
  span.video-player-link:after {
    content: '';
    background-image: url("/wp-content/themes/avrobio/assets/images/brand-play-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    margin-left: 0;
    transform: translate(-50%, -50%); }

.btn.file-pdf, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.file-pdf {
  position: relative;
  padding-right: 60px; }
  .btn.file-pdf:after, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a.file-pdf:after {
    content: '';
    background-image: url("/wp-content/themes/avrobio/assets/images/white-download-full.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    margin-right: 10px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block; }

.btn-linkedin, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a {
  position: relative;
  padding: 18px 18px 18px 18px; }

#block-pagetitle,
#block-tabs.block-local-tasks-block {
  margin: auto;
  width: calc(100% - 30px);
  padding: 0 30px;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #block-pagetitle,
    #block-tabs.block-local-tasks-block {
      width: 100%;
      max-width: 1660px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #block-pagetitle,
    #block-tabs.block-local-tasks-block {
      width: calc(100% - 100px);
      max-width: 1245px; } }

#block-tabs.block-local-tasks-block {
  margin: 2em auto;
  width: calc(100% - 30px);
  padding: 0 30px;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #block-tabs.block-local-tasks-block {
      width: 100%;
      max-width: 1660px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #block-tabs.block-local-tasks-block {
      width: calc(100% - 100px);
      max-width: 1245px; } }

img, video {
  max-width: 100%;
  height: auto; }
  img.align-left, video.align-left {
    margin-right: 1em; }
  img.align-right, video.align-right {
    margin-left: 1em; }

#body .node__links .links {
  margin: 0; }
  #body .node__links .links li {
    padding-left: 0; }
    #body .node__links .links li:before {
      content: none; }

.node__links .links li a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  padding-right: 70px;
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #da1884; }
  .node__links .links li a:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .node__links .links li a:hover {
        text-decoration: underline; } }
  .node__links .links li a:hover {
    color: #da1884; }
  .node__links .links li a:after {
    content: '';
    position: relative;
    top: 2px;
    margin-left: 6px;
    width: 24px;
    height: 12px;
    display: inline-block;
    background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg") no-repeat 0 50%;
    background-size: auto 20px; }
  .node__links .links li a:hover:after {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .node__links .links li a:hover:after {
        animation: 400ms link_arrow ease-in-out forwards; } }

/* LAYOUT */
/********************************/
/**** *** HEADER LAYOUT **** ***/
/******************************/
#layout > [data-device="desktop"] .visually-hidden,
#layout > [data-device="desktop"] .menu-toggle {
  display: none; }

/* HEADER FOR DESKTOP */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  #layout > [data-device="desktop"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    overflow: visible;
    background: rgba(26, 64, 140, 0);
    transition: all 300ms ease-in-out; }
    #layout > [data-device="desktop"] .visually-hidden,
    #layout > [data-device="desktop"] .menu-toggle {
      display: none; }
    #layout > [data-device="desktop"] > section {
      margin: 0 35px 0 50px; }
  #content > [data-device="mobile"] {
    display: none; } }

/* HEADER FOR WIDESCREEN */
/* from laptop to desktop */
@media screen and (min-width: 1800px) and (max-width: 9999px) {
  #layout > [data-device="desktop"] > section main {
    margin: auto; } }

/* HEADER FOR MOBILE */
/* from laptop to desktop */
@media screen and (max-width: 860px) {
  #content > [data-device="mobile"] {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 5;
    background: #2b2436; }
    #content > [data-device="mobile"] a {
      position: absolute;
      top: 23px;
      left: 15px;
      width: 103px;
      height: 24px;
      display: block;
      background: url("/wp-content/themes/avrobio/assets/images/avrobio-brand.svg") no-repeat;
      background-size: 103px auto; }
    #content > [data-device="mobile"] label {
      position: absolute;
      top: 0;
      right: 0;
      width: 54px;
      height: 60px;
      display: block;
      background: url("/wp-content/themes/avrobio/assets/images/white-hamburger-menu.svg") no-repeat 0 26px; }
      #content > [data-device="mobile"] label:before {
        content: "MENU";
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 600;
        position: absolute;
        top: 26px;
        left: -50px;
        font-size: 12px;
        color: #fff; } }

/* SCROLLING */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  #layout[data-scrolling="true"] > [data-device="desktop"] {
    background: #1a408c; } }

/***************************************/
/**** *** NAVIGATION : DESKTOP **** ***/
/*************************************/
/* NAVIGATION FOR DESKTOP */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  header[data-device="desktop"] {
    /* logo */
    /* primary navigation */
    /* eyebrow navigation */
    /* sub navigation */
    /* sub navigation hover */ }
    header[data-device="desktop"] ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      header[data-device="desktop"] ul > li {
        margin: 0;
        padding: 0; }
    header[data-device="desktop"] ul > li {
      margin: 0; }
    header[data-device="desktop"] a {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      color: #fff;
      text-decoration: none; }
    header[data-device="desktop"] main > nav > .region-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      header[data-device="desktop"] main > nav > .region-header .site-branding__logo {
        margin-right: 40px;
        width: 10vw;
        min-width: 100px;
        display: block; }
        header[data-device="desktop"] main > nav > .region-header .site-branding__logo img {
          width: 100%; }
    header[data-device="desktop"] nav > div > ul {
      display: flex;
      /* active state */
      /* active sub state */
      /* hover state */ }
      header[data-device="desktop"] nav > div > ul:hover:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 50%;
        width: 200vw;
        height: 100%;
        transform: translateX(-50%);
        z-index: -1;
        background: #2f2c39; }
      header[data-device="desktop"] nav > div > ul > li {
        position: relative; }
      header[data-device="desktop"] nav > div > ul > li > a {
        position: relative;
        padding: 40px 2.3vw 40px 0.5vw;
        height: 100%;
        display: inline-block; }     
      header[data-device="desktop"] nav > div > div > ul > li.current_page_ancestor > a:before, .single-post header[data-device="desktop"] nav > div > div > ul > li.menu-item-512 > a:before, .single-job header[data-device="desktop"] nav > div > div > ul > li.menu-item-528 > a:before {
        content: '';
        position: absolute;
        bottom: 15px;
        left: 0;
        margin: 0 2.3vw 0 0.5vw;
        width: calc(100% - 2.8vw);
        height: 3px;
        background: #da1884; }
       .page-id-433 .eyebrow ul li:last-of-type a:after {content: '';
    position: absolute;
    bottom: -28px;
    left: 1vw;
    width: 40px;
    height: 3px;
    background: #da1884;}
      header[data-device="desktop"] nav > div > div > ul ul > li.current_page_ancestor a {
        color: #da1884; }
      header[data-device="desktop"] nav > div > div > ul > li.current_page_ancestor:hover > a,
      header[data-device="desktop"] nav > div > div > ul > li.current_page_ancestor.hover > a,
      header[data-device="desktop"] nav > div > div > ul > li:hover > a,
      header[data-device="desktop"] nav > div > div > ul > li.hover > a {
        color: #da1884; }
    header[data-device="desktop"] .eyebrow {
      flex: 1; }
      header[data-device="desktop"] .eyebrow ul {
        float: right;
        display: flex; }
        header[data-device="desktop"] .eyebrow ul li {
          padding: 0;
          /* active state */ }
          header[data-device="desktop"] .eyebrow ul li a {
            position: relative;
            padding: 0 0 0 1vw;
            display: inline-block; }
            header[data-device="desktop"] .eyebrow ul li a:hover {
              color: #da1884; }
          header[data-device="desktop"] .eyebrow ul li.active a {
            /* from laptop to desktop */ } }
          @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 9999px) {
            header[data-device="desktop"] .eyebrow ul li.active a:after {
              content: '';
              position: absolute;
              bottom: -28px;
              left: 1vw;
              width: 40px;
              height: 3px;
              background: #da1884; } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
    header[data-device="desktop"] nav > div > div > ul li > a + ul {
      position: absolute;
      margin-top: -1px;
      width: 190px;
      display: none; }
      header[data-device="desktop"] nav > div > div > ul li > a + ul a {
        position: relative;
        padding: 10px 10px 10px 8px;
        display: block;
        color: #fff;
        z-index: 2; }
        header[data-device="desktop"] nav > div > div > ul li > a + ul a:hover, header[data-device="desktop"] nav > div > div > ul li > a + ul a.hover, header[data-device="desktop"] nav ul.sub-menu > li.current-menu-item > a {
          color: #da1884; }
      header[data-device="desktop"] nav > div > div > ul li > a + ul li:first-child {
        display: none; }
      header[data-device="desktop"] nav > div > div > ul li > a + ul:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 50%;
        width: 200vw;
        height: calc(100% + 24px);
        transform: translateX(-50%);
        z-index: 2;
        background: #2f2c39; }
    header[data-device="desktop"] nav > div > div > ul li:hover > a + ul,
    header[data-device="desktop"] nav > div > div > ul li.hover > a + ul,
    header[data-device="desktop"] nav > div > div > ul li:focus > a + ul {
      display: block;
      margin-top: -20px; } }

/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 1800px) {
  header[data-device="desktop"] a {
    font-size: 12px; } }
.mobile {display:none;}
.desktop {display:block;}
@media screen and (max-width: 860px) {
.mobile {display:block;}
.desktop {display:none;}
}
/* NAVIGATION FOR MOBILE */
/* from laptop to desktop */
@media screen and (max-width: 860px) {
  #layout > header[data-device="desktop"] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    display: none !important;
    z-index: 6;
    overflow: hidden;
    transition: all 300ms ease-in-out;
    background: #312e3e;
    /* branding section */
    /* link styling */
    /* primary menu with arrow */
    /* remove arrow from navigation without sub menu */
    /* active state */
    /* sub menu */
    /* sub menu : active state */
    /* sub menu : expanded */ }
    #layout > header[data-device="desktop"] > section {
      height: 100%; }
      #layout > header[data-device="desktop"] > section > main {
        position: relative;
        max-height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; }
    #layout > header[data-device="desktop"] #block-sitebranding-header {
      position: relative;
      height: 80px;
      /* logo */
      /* label to close navigation */ }
      #layout > header[data-device="desktop"] #block-sitebranding-header a {
        display: none; }
      #layout > header[data-device="desktop"] #block-sitebranding-header label {
        position: absolute;
        top: 0;
        right: 0;
        width: 85px;
        height: 75px;
        display: block;
        background: url("/wp-content/themes/avrobio/assets/images/white-close-mobile-menu.svg") 50% 50% no-repeat;
        background-size: 20px 20px; }
    #layout > header[data-device="desktop"] div > ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #layout > header[data-device="desktop"] div > ul > li {
        margin: 0;
        padding: 0; }
      #layout > header[data-device="desktop"] div > ul a {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 600;
        padding: 14px 40px 14px 62px;
        display: block;
        font-size: 14px;
        color: #fff;
        text-decoration: none; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a {
      position: relative;
      /* arrow wrapper */ }
      #layout > header[data-device="desktop"] .region-header > div > ul > li > a b {
        position: absolute;
        top: 0;
        right: 0;
        width: 85px;
        height: 46px;
        z-index: 2;
        display: block;
        /* arrow icon */ }
        #layout > header[data-device="desktop"] .region-header > div > ul > li > a b:before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: 100%;
          transform: translate(-50%, -50%) rotate(0deg);
          display: block;
          transition: all 300ms ease-in-out;
          background: url("/wp-content/themes/avrobio/assets/images/white-down-arrow.svg") no-repeat 50% 50%;
          background-size: 20px auto; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li.no-sub-nav > a b {
      display: none; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a,
    #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a[aria-current="page"] {
      /* always showing sub menu */
      /* arrow in correct position */ }
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a + ul,
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a[aria-current="page"] + ul {
        display: block;
        animation: none; }
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a b:before,
      #layout > header[data-device="desktop"] .region-header > div > ul > li.current_page_ancestor > a[aria-current="page"] b:before {
        transform: translate(-50%, -50%) rotate(-180deg); }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a + ul {
      display: none;
      overflow: hidden;
      animation: desktop_menu_dropdown 600ms ease-in-out forwards; }
      #layout > header[data-device="desktop"] .region-header > div > ul > li > a + ul li a {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 400;
        padding: 10px 40px 10px 62px;
        color: #94929b; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a + ul li.current_page_ancestor a {
      color: #da1884; }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a[aria-current="page"] b:before {
      transform: translate(-50%, -50%) rotate(-180deg); }
    #layout > header[data-device="desktop"] .region-header > div > ul > li > a[aria-current="page"] + ul {
      display: block;
      animation: mobile_menu_expand 600ms ease-in-out forwards; }
  /* menu trigger */
  #menu_trigger {
    position: absolute;
    top: -9999px;
    visibility: hidden;
    opacity: 0; }
  /* open mobile menu */
  #menu_trigger:checked + #layout {
    height: 100%;
    overflow: hidden; }
  #menu_trigger:checked + #layout [data-device="desktop"] {
    right: 0; } }

/* animation */
@keyframes mobile_menu_expand {
  0% {
    max-height: 0; }
  100% {
    max-height: 800px; } }

#block-views-block-banner-block-hero-banner #hero {
  position: relative; }
  #block-views-block-banner-block-hero-banner #hero section main {
    display: block;
    margin: auto;
    width: calc(100% - 30px);
    width: 100%;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-banner-block-hero-banner #hero section main {
        padding-top: 200px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      #block-views-block-banner-block-hero-banner #hero section main {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      #block-views-block-banner-block-hero-banner #hero section main {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    #block-views-block-banner-block-hero-banner #hero section main * {
      color: white; }
    #block-views-block-banner-block-hero-banner #hero section main h1, #block-views-block-banner-block-hero-banner #hero section main h2.title-style, #block-views-block-banner-block-hero-banner #hero section main h3.title-style {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        #block-views-block-banner-block-hero-banner #hero section main h1, #block-views-block-banner-block-hero-banner #hero section main h2.title-style, #block-views-block-banner-block-hero-banner #hero section main h3.title-style {
          font-size: 28px; }
          #block-views-block-banner-block-hero-banner #hero section main h1 strong, #block-views-block-banner-block-hero-banner #hero section main h2.title-style strong, #block-views-block-banner-block-hero-banner #hero section main h3.title-style strong {
            font-size: 10px; } }
    #block-views-block-banner-block-hero-banner #hero section main h2.title-style, #block-views-block-banner-block-hero-banner #hero section main p.title-style.icon-top-style {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        #block-views-block-banner-block-hero-banner #hero section main h2.title-style, #block-views-block-banner-block-hero-banner #hero section main p.title-style.icon-top-style {
          margin-bottom: 0;
          padding-bottom: 0; } }
      #block-views-block-banner-block-hero-banner #hero section main h2.title-style:after, #block-views-block-banner-block-hero-banner #hero section main p.title-style.icon-top-style:after {
        content: none; }
    #block-views-block-banner-block-hero-banner #hero section main h2:not(.title-style), #block-views-block-banner-block-hero-banner #hero section main p.icon-top-style:not(.title-style) {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        #block-views-block-banner-block-hero-banner #hero section main h2:not(.title-style), #block-views-block-banner-block-hero-banner #hero section main p.icon-top-style:not(.title-style) {
          margin-bottom: 0; } }
    #block-views-block-banner-block-hero-banner #hero section main span.btn {
      display: inline-block; }

/******************************/
/**** *** HERO LAYOUT **** ***/
/****************************/
#body article[data-hero] section main {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #body article[data-hero] section main {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #body article[data-hero] section main {
      width: calc(100% - 100px);
      max-width: 1164px; } }

#hero {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    #hero {
      padding-top: 60px; } }
  #hero section {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #hero section {
        display: flex;
        align-items: center;
        min-height: 600px; } }
  #hero main {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 0;
    width: 100%;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* HERO : COPY */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      #hero main {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      #hero main {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #hero main {
        padding-top: 100px; }
        #hero main .heading {
          width: 620px; }
        #hero main .description {
          width: 580px; } }
    #hero main h1, #hero main h2.title-style, #hero main h3.title-style {
      line-height: initial;
      color: #fff;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #hero main h1, #hero main h2.title-style, #hero main h3.title-style {
          margin-bottom: 40px; } }
      @media screen and (max-width: 860px) {
        #hero main h1, #hero main h2.title-style, #hero main h3.title-style {
          margin-bottom: 0;
          padding-left: 15px;
          width: 60%; } }
      #hero main h1 u:before, #hero main h2.title-style u:before, #hero main h3.title-style u:before {
        top: -4px; }
      @media screen and (max-width: 860px) {
        #hero main h1:after, #hero main h2.title-style:after, #hero main h3.title-style:after {
          content: none; } }
      #hero main h1 strong, #hero main h2.title-style strong, #hero main h3.title-style strong {
        font-size: 16px;
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 1800px) {
          #hero main h1 strong, #hero main h2.title-style strong, #hero main h3.title-style strong {
            font-size: 20px; } }
    #hero main p {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        #hero main p {
          margin-bottom: 20px; } }
  #hero span {
    display: block; }
    #hero span:last-child {
      font-size: 16px;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        #hero span:last-child {
          font-size: 18px; } }
  #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      #hero .heading {
        min-height: 230px;
        display: flex;
        align-items: center; } }
    #hero .heading h1, #hero .heading h2.title-style, #hero .heading h3.title-style {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        #hero .heading h1, #hero .heading h2.title-style, #hero .heading h3.title-style {
          padding-bottom: 0; } }
  #hero .description {
    align-self: flex-start;
    position: relative;
    overflow: hidden;
    z-index: 2;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      #hero .description {
        width: 100%;
        margin: 0 auto;
        padding: 55px 15px 15px 15px;
        position: relative;
        overflow: hidden;
        background: #312e3e; }
        #hero .description:before {
          content: '';
          position: absolute;
          top: 35px;
          left: 15px;
          width: 24px;
          height: 3px;
          background: #da1884; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #hero .description {
        padding: 0 15px 15px 0; } }
    #hero .description p {
      font-size: 16px;
      line-height: 21px; }
      #hero .description p:first-child {
        margin-bottom: 1em; }
    #hero .description .link-btn {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      position: relative;
      padding-right: 70px;
      display: block;
      font-size: 14px;
      text-decoration: none;
      color: #fff; }
      #hero .description .link-btn:hover {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          #hero .description .link-btn:hover {
            text-decoration: underline; } }
      #hero .description .link-btn:hover {
        color: #fff; }
      #hero .description .link-btn:after {
        content: '';
        position: relative;
        top: 2px;
        margin-left: 6px;
        width: 24px;
        height: 12px;
        display: inline-block;
        background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
        background-size: auto 20px; }
      #hero .description .link-btn:hover:after {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          #hero .description .link-btn:hover:after {
            animation: 400ms link_arrow ease-in-out forwards; } }
  #hero .content {
    margin: auto;
    display: flex;
    flex-direction: column;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      #hero .content {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      #hero .content {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #hero .content {
        flex-direction: row;
        justify-content: flex-end; } }
    #hero .content > div {
      background: #fff;
      padding: 20px 10px 20px 144px;
      position: relative;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #hero .content > div {
          width: 500px;
          padding: 20px 30px 20px 110px; } }
      #hero .content > div h3, #hero .content > div #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body #hero .content > div .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      #hero .content > div #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body #hero .content > div .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      #hero .content > div #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body #hero .content > div .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      #hero .content > div #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body #hero .content > div .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #hero .content > div .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel #hero .content > div .field--name-field-title {
        color: #1a408c;
        font-size: 24px; }
        #hero .content > div h3 strong, #hero .content > div #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, #body #hero .content > div .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, #hero .content > div #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, #body #hero .content > div .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, #hero .content > div #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, #body #hero .content > div .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, #hero .content > div #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, #body #hero .content > div .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, #hero .content > div .paragraph--type--image-and-caption-carousel .field--name-field-title strong, .paragraph--type--image-and-caption-carousel #hero .content > div .field--name-field-title strong {
          color: #da1884;
          font-size: 10px;
          margin-bottom: 8px; }
      #hero .content > div p {
        margin-bottom: 15px;
        font-size: 14px; }
    #hero .content .icon {
      border: 5px solid #1a408c;
      border-radius: 50%;
      background: #ecf0f9;
      display: inline-block;
      position: absolute;
      left: 30px; }
      #hero .content .icon img {
        display: block; }

.description {
  align-self: flex-start;
  position: relative;
  overflow: hidden;
  z-index: 2;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .description {
      width: 100%;
      padding: 30px;
      margin: 0 auto;
      padding: 55px 15px 15px 15px;
      position: relative;
      overflow: hidden;
      background: #312e3e; }
      .description:before {
        content: '';
        position: absolute;
        top: 35px;
        left: 15px;
        width: 24px;
        height: 3px;
        background: #da1884; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .description {
      padding: 0 15px 15px 0; }
      .description:before {
        content: none; } }
  .description * {
    color: #fff; }
  .description p {
    font-size: 14px; }
    .description p:first-child {
      margin-bottom: 1em; }
  .description .link-btn {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    padding-right: 70px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff; }
    .description .link-btn:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .description .link-btn:hover {
          text-decoration: underline; } }
    .description .link-btn:hover {
      color: #fff; }
    .description .link-btn:after {
      content: '';
      position: relative;
      top: 2px;
      margin-left: 6px;
      width: 24px;
      height: 12px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
      background-size: auto 20px; }
    .description .link-btn:hover:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .description .link-btn:hover:after {
          animation: 400ms link_arrow ease-in-out forwards; } }

.block-views-blockbanner-block-hero-banner {
  position: relative; }

[page-category="20"] #hero h2, [page-category="20"] #hero p.icon-top-style,
.single-post #hero h2,
.single-post #hero p.icon-top-style {
  padding: 0 15px; }


/* Wings Up - Page */
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-blog {
    display: flex;
    flex-wrap: wrap;
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup {
    margin: auto;
    width: calc(100% - 30px);
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-blog {
    display: flex;
    flex-wrap: wrap;
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-content .views-row {
    margin-bottom: 2em;
    padding-bottom: 2em;
}


.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-content > .views-row {
    margin: 0 53px 22px 0;
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup div.top-line{
	padding-top: 28px;
	border-top:4px solid #da1884;
	width: 80%;
	
}
.page-template-page-wingsUp .node--type-blog-posting.node--view-mode-teaser .field--name-field-date{
	padding-bottom: 30px;
}
.page-template-page-wingsUp .node--type-blog-posting.node--view-mode-teaser h2.node__title{
	padding-bottom: 35px;
}

.page-template-page-wingsUp .published-content{
	color: #384c65;
	text-align: center;
	margin-top: 55px;
	font-style: italic;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 60px;
}
.page-template-template-blogs .published-content{
	color: #384c65;
	text-align: center;
	/*margin-top: 55px;*/
	font-style: italic;
	font-family: "Montserrat", sans-serif;
}
.page-template-template-blogs div.emm-paginate{
	margin-bottom: 55px;
}

.page-template-page-wingsUp #work-with-us{
	width: calc(100% - 100px);
    max-width: 1245px;
    margin: auto;
	background: url('/wp-content/uploads/bg_wings-up_home_callout_work-with-us.jpg');
	background-size: auto 100%;
	border-bottom: solid 4px #da1884;
	padding: 30px 50px 26px 50px;
}
.page-template-page-wingsUp .work-with-us{
	display: flex;
	flex-wrap: nowrap;
	max-width: 935px;
	margin: 0 auto;
}
.page-template-page-wingsUp .work-with-us-logo{
	width: 50%;
	text-align: left;
}
.page-template-page-wingsUp .open-jobs{
	width: 50%;
	text-align: right;
}
.page-template-page-wingsUp .open-jobs .btn{
	padding: 18px 62px;
}
.page-template-page-wingsUp .work-with-us-logo > img{
	max-width: 375px;
}
.page-template-page-wingsUp #videoWrap {
   	width: calc(100% - 100px);
    max-width: 1245px;
    margin: auto;
	background-color: #edf1f9;
	padding: 30px 50px 30px 50px;
	margin-bottom: 40px;
}
.page-template-page-wingsUp .videoWrap {
	display: flex;
    flex-wrap: nowrap;
    max-width: 935px;
    margin: 0 auto;
}
.page-template-page-wingsUp .videoText {
	width: 240px;
	margin-right: 25px;
}
.page-template-page-wingsUp .videoSect {
	width: 670px;
}
.page-template-page-wingsUp .videoWrap .videoText .subtitle {
    font-weight: 600;
}
@media screen and (min-width: 861px) and (max-width: 9999px){
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup {
    width: calc(100% - 100px);
    max-width: 1160px;
	padding: 70px 0 0;
	margin: auto;
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-content > .views-row {
    max-width: 250px;;
}
.page-template-page-wingsU #block-views-block-blog-block-blog-landing-wingsup {
    padding: 70px 0;
}
.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup .view-content > .views-row:nth-child(4n + 0) {
    margin-right: 0;
}

	
}
@media screen and (max-width: 860px){
	.page-template-page-wingsUp #block-views-block-blog-block-blog-landing-wingsup div.view-content > div:nth-child(1) > article > div > div.top-line{
		border-top: none;
	}
	.page-template-page-wingsUp .work-with-us-logo {
    width: 100%;
    text-align: center;
	margin-bottom: 20px;
	}
	.page-template-page-wingsUp .open-jobs {
    width: 100%;
    text-align: center;
	}
	.page-template-page-wingsUp .work-with-us {
    display: block;
	}
	.page-template-page-wingsUp .videoSect {
    width: 100%;
    text-align: center;
	}
	.page-template-page-wingsUp .videoText {
    width: 100%;
    margin-right: 0;
    text-align: center;
	}
	.page-template-page-wingsUp .videoWrap {
    display: block;
	}
	.page-template-template-blogs .published-content{
		margin-bottom: 50px;
		margin-top: 0;
	}
}
@media screen and (max-width: 600px){
	.page-template-page-wingsUp .work-with-us-logo > img {
    max-width: 100%;
	}
}
/* Wings Up - Page */

/* START Single - Wings Up (Work With US)*/

.single-post div.work-with-us{
	 background: url(/wp-content/uploads/bg_wings-up_article_callout_work-with-us.jpg) top right no-repeat;
    background-size: cover;
    margin-bottom: 60px;
    padding: 30px 30px 30px 55px;
    width: 100vw;
}
.single-post div.work-with-us div.logo{
    width: 243px;
    height: auto;
	margin-bottom: 25px;
}
.single-post div.work-with-us div.logo img{
    width: 100%;
    height: auto;
	display: block;
}
.single-post div.work-with-us::after {
    right: 360px;
}
.single-post div.featured-investor-news.wings-up::after{
	background: none!important;
    background-color: #1f4684!important;
}
.single-post div.work-with-us a:hover{
    border: 2px solid #ff3399;
}
.page-template-page-wingsUp .open-jobs a:hover{
	border: 2px solid #ff3399;
}
@media screen and (min-width: 861px) and (max-width: 9999px){
.single-post div.work-with-us::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    transform: scaleX(-1);
    transform-origin: 100% 100%;
    z-index: 1;
}
}
@media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px){
.single-post div.work-with-us::after {
    right: 360px;
}
}
@media screen and (max-width: 860px){
	.single-post div.work-with-us{
	    padding: 45px 15px;
		order: 2;
	}
	.single-post  div.featured-investor-news.wings-up .featured-investor-news {
		position: relative;
		background-color: #1d428a;
	}
	.single-post  div.featured-investor-news.wings-up{
		background: none!important;
		background-color: #1f4684!important;
	}
	.single-post div.work-with-us div.logo {
		margin: 0 auto 25px;
	}
	.single-post div.work-with-us { text-align: center;}
}

/* ENDS Single - Wings Up */


/**********************************/
/**** *** HERO VARIATIONS **** ***/
/********************************/
body:not(.home) #hero {
  background-repeat: no-repeat;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body:not(.home) #hero {
      background-color: #312e3e;
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-default.jpg"); } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body:not(.home) #hero {
      background-position: 40% -70px; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body:not(.home) #hero {
      background-position: 30% -70px; } }
  @media screen and (min-width: 860px) and (max-width: 1024px) {
    body:not(.home) #hero {
      background-position: 48% 0;
      background-size: 2190px auto;
      background-repeat: no-repeat; } }
  @media screen and (max-width: 860px) {
    body:not(.home) #hero {
      background-color: #191522;min-height:unset;background-image:none; } }
  body:not(.home) #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body:not(.home) #hero .heading {
        background-position: 100% 0;
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-default.jpg");
        background-size: 375px auto;
        background-repeat: no-repeat; } }

body.home #hero {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.home #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-homepage.jpg");
      background-position: -200px 0px;
      background-size: 2217px auto; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.home #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-homepage.jpg");
      background-position: 0 0;
      background-size: 2560px auto; } }
  @media screen and (max-width: 860px) {
    body.home #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/mobile-homepage.jpg");
      background-position: -10px 10px; } }
  body.home #hero .description {
    /* from laptop to desktop */ }
    @media screen and (min-width: 860px) and (max-width: 1024px) {
      body.home #hero .description {
        width: auto;
        padding: 0; } }

body.page-id-43 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-43 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-lysosomal-disorders.jpg"); } }
  body.page-id-43 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-43 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-lysosomal-disorders.jpg");
        background-size: 375px auto; } }

body.page-id-45 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-45 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-fabry-disease.jpg"); } }
  body.page-id-45 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-45 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-fabry-disease.jpg");
        background-size: 375px auto; } }

body.page-id-47 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-47 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-gaucher.jpg"); } }
  body.page-id-47 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-47 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-gaucher.jpg");
        background-size: 375px auto; } }

body.page-id-46 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-46 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-gaucher.jpg"); } }
  body.page-id-46 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-46 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-gaucher.jpg");
        background-size: 375px auto; } }

body.page-id-49 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-49 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-pompe-disease.jpg"); } }
  body.page-id-49 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-49 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-pompe-disease.jpg");
        background-size: 375px auto; } }

body.page-id-50 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-50 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-patient-advocacy.jpg"); } }
  body.page-id-50 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-50 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-patient-advocacy.jpg");
        background-size: 375px auto; } }

body.page-id-51 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-51 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-early-access-point.jpg"); } }
  body.page-id-51 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-51 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-early-access-point.jpg");
        background-size: 375px auto; } }

body.page-id-42 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-42 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-our-approach.jpg"); } }
  body.page-id-42 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-42 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-our-approach.jpg");
        background-size: 375px auto; } }

body.page-id-54 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-54 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-plato-platform.jpg"); } }
  body.page-id-54 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-54 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-plato-platform.jpg");
        background-size: 375px auto; } }

body.page-id-56 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-56 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-gene-therapy-video.jpg"); } }
  body.page-id-56 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-56 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-gene-therapy-video.jpg");
        background-size: 375px auto; } }

body.page-id-433 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-433 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/hero-contact-us.jpg");
      background-position: 100% 0; } }

body.page-id-48 #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-48 #hero {
      background-image: url("/wp-content/themes/avrobio/assets/images/desktop-hunter-syndrome.jpg"); } }
  body.page-id-48 #hero .heading {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-48 #hero .heading {
        background-image: url("/wp-content/themes/avrobio/assets/images/mobile-hunter-syndrome.jpg");
        background-size: 375px auto; } }

body.page-id-43 #hero h1, body.page-id-43 #hero h2.title-style, body.page-id-43 #hero h3.title-style,
body.page-id-45 #hero h1,
body.page-id-45 #hero h2.title-style,
body.page-id-45 #hero h3.title-style,
body.page-id-47 #hero h1,
body.page-id-47 #hero h2.title-style,
body.page-id-47 #hero h3.title-style,
body.page-id-46 #hero h1,
body.page-id-46 #hero h2.title-style,
body.page-id-46 #hero h3.title-style,
body.page-id-49 #hero h1,
body.page-id-49 #hero h2.title-style,
body.page-id-49 #hero h3.title-style,
body.page-id-61 #hero h1,
body.page-id-61 #hero h2.title-style,
body.page-id-61 #hero h3.title-style,
body.page-id-62 #hero h1,
body.page-id-62 #hero h2.title-style,
body.page-id-62 #hero h3.title-style,
body.page-id-50 #hero h1,
body.page-id-50 #hero h2.title-style,
body.page-id-50 #hero h3.title-style,
body.page-id-51 #hero h1,
body.page-id-51 #hero h2.title-style,
body.page-id-51 #hero h3.title-style,
body.page-id-48 #hero h1,
body.page-id-48 #hero h2.title-style,
body.page-id-48 #hero h3.title-style {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-43 #hero h1, body.page-id-43 #hero h2.title-style, body.page-id-43 #hero h3.title-style,
    body.page-id-45 #hero h1,
    body.page-id-45 #hero h2.title-style,
    body.page-id-45 #hero h3.title-style,
    body.page-id-47 #hero h1,
    body.page-id-47 #hero h2.title-style,
    body.page-id-47 #hero h3.title-style,
    body.page-id-46 #hero h1,
    body.page-id-46 #hero h2.title-style,
    body.page-id-46 #hero h3.title-style,
    body.page-id-49 #hero h1,
    body.page-id-49 #hero h2.title-style,
    body.page-id-49 #hero h3.title-style,
    body.page-id-61 #hero h1,
    body.page-id-61 #hero h2.title-style,
    body.page-id-61 #hero h3.title-style,
    body.page-id-62 #hero h1,
    body.page-id-62 #hero h2.title-style,
    body.page-id-62 #hero h3.title-style,
    body.page-id-50 #hero h1,
    body.page-id-50 #hero h2.title-style,
    body.page-id-50 #hero h3.title-style,
    body.page-id-51 #hero h1,
    body.page-id-51 #hero h2.title-style,
    body.page-id-51 #hero h3.title-style,
    body.page-id-48 #hero h1,
    body.page-id-48 #hero h2.title-style,
    body.page-id-48 #hero h3.title-style {
      font-size: 60px; } }
  @media screen and (max-width: 860px) {
    body.page-id-43 #hero h1, body.page-id-43 #hero h2.title-style, body.page-id-43 #hero h3.title-style,
    body.page-id-45 #hero h1,
    body.page-id-45 #hero h2.title-style,
    body.page-id-45 #hero h3.title-style,
    body.page-id-47 #hero h1,
    body.page-id-47 #hero h2.title-style,
    body.page-id-47 #hero h3.title-style,
    body.page-id-46 #hero h1,
    body.page-id-46 #hero h2.title-style,
    body.page-id-46 #hero h3.title-style,
    body.page-id-49 #hero h1,
    body.page-id-49 #hero h2.title-style,
    body.page-id-49 #hero h3.title-style,
    body.page-id-61 #hero h1,
    body.page-id-61 #hero h2.title-style,
    body.page-id-61 #hero h3.title-style,
    body.page-id-62 #hero h1,
    body.page-id-62 #hero h2.title-style,
    body.page-id-62 #hero h3.title-style,
    body.page-id-50 #hero h1,
    body.page-id-50 #hero h2.title-style,
    body.page-id-50 #hero h3.title-style,
    body.page-id-51 #hero h1,
    body.page-id-51 #hero h2.title-style,
    body.page-id-51 #hero h3.title-style,
    body.page-id-48 #hero h1,
    body.page-id-48 #hero h2.title-style,
    body.page-id-48 #hero h3.title-style {
      font-size: 28px; }
      body.page-id-43 #hero h1 strong, body.page-id-43 #hero h2.title-style strong, body.page-id-43 #hero h3.title-style strong,
      body.page-id-45 #hero h1 strong,
      body.page-id-45 #hero h2.title-style strong,
      body.page-id-45 #hero h3.title-style strong,
      body.page-id-47 #hero h1 strong,
      body.page-id-47 #hero h2.title-style strong,
      body.page-id-47 #hero h3.title-style strong,
      body.page-id-46 #hero h1 strong,
      body.page-id-46 #hero h2.title-style strong,
      body.page-id-46 #hero h3.title-style strong,
      body.page-id-49 #hero h1 strong,
      body.page-id-49 #hero h2.title-style strong,
      body.page-id-49 #hero h3.title-style strong,
      body.page-id-61 #hero h1 strong,
      body.page-id-61 #hero h2.title-style strong,
      body.page-id-61 #hero h3.title-style strong,
      body.page-id-62 #hero h1 strong,
      body.page-id-62 #hero h2.title-style strong,
      body.page-id-62 #hero h3.title-style strong,
      body.page-id-50 #hero h1 strong,
      body.page-id-50 #hero h2.title-style strong,
      body.page-id-50 #hero h3.title-style strong,
      body.page-id-51 #hero h1 strong,
      body.page-id-51 #hero h2.title-style strong,
      body.page-id-51 #hero h3.title-style strong,
      body.page-id-48 #hero h1 strong,
      body.page-id-48 #hero h2.title-style strong,
      body.page-id-48 #hero h3.title-style strong {
        font-size: 10px; } }

body.single-job #block-views-block-banner-block-hero-banner #hero section main h3.title-style, body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title, .paragraph--type--image-and-caption-carousel body.single-job #block-views-block-banner-block-hero-banner #hero section main .title-style.field--name-field-title {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.single-job #block-views-block-banner-block-hero-banner #hero section main h3.title-style, body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
    body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
    body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
    body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title, .paragraph--type--image-and-caption-carousel body.single-job #block-views-block-banner-block-hero-banner #hero section main .title-style.field--name-field-title {
      font-size: 48px; } }
  @media screen and (max-width: 860px) {
    body.single-job #block-views-block-banner-block-hero-banner #hero section main h3.title-style, body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-info > .title-style.field__item:nth-of-type(1),
    body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-25-75- > .title-style.field__item:nth-of-type(1),
    body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--three-column-info > .title-style.field__item:nth-of-type(1),
    body.single-job #block-views-block-banner-block-hero-banner #hero section main #body .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), #body body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--two-column-info-50-50 > .title-style.field__item:nth-of-type(1), body.single-job #block-views-block-banner-block-hero-banner #hero section main .paragraph--type--image-and-caption-carousel .title-style.field--name-field-title, .paragraph--type--image-and-caption-carousel body.single-job #block-views-block-banner-block-hero-banner #hero section main .title-style.field--name-field-title {
      font-size: 20px; } }

body  #hero {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body  #hero {
      background-position: 60% 0;
      background-size: 3000px auto; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body  #hero {
      background-position: 65% 0;
      background-size: 2540px auto; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body  #hero {
      min-height: 632px;
      background-color: #191621;
      background-repeat: no-repeat; } }

/******************************************/
/**** *** HERO SUB CONTENT LAYOUT **** ***/
/****************************************/
body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  position: relative;
  overflow: visible;
  background: #ecf0f9;
  /* from laptop to desktop */ }
body.page-id-57:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  overflow: hidden;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: #2c2a38; } }
  body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1):before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scaleX(-1);
        background: #fff;
        right: 2px;
        transform-origin: 100% 100%; } }
  body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
    padding: 15px;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
        padding: 90px 110px 45px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
        padding: 90px 50px 45px; } }
    @media screen and (max-width: 860px) {
      body:not(.home) .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
        padding: 0; } }

body.page-id-53 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-53 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
      padding-right: 40px; } }
  @media screen and (min-width: 860px) and (max-width: 1024px) {
    body.page-id-53 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
      padding-right: 0; } }

body.page-id-53 #block-avrobio-content > article > div > div > div:nth-child(1) > div > div > div.field.field--name-field-view-reference.field--type-viewsreference.field--label-hidden.field__item {
  /* from laptop to desktop */ }
  @media screen and (min-width: 860px) and (max-width: 1024px) {
    body.page-id-53 #block-avrobio-content > article > div > div > div:nth-child(1) > div > div > div.field.field--name-field-view-reference.field--type-viewsreference.field--label-hidden.field__item {
      padding-left: 30px; } }

body.page-id-52 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-58 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-50 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  background: #1d428a; }

body.page-id-41 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  background: #12317a; }

body.page-id-54 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-58 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-56 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  background: #122c5f; }
  
body.page-id-54 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div, 
body.page-id-54 .field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container {background:#122c5f;}

body.page-id-234 #block-views-block-banner-block-hero-banner #hero,
body.page-id-38 #block-views-block-banner-block-hero-banner #hero,
body.page-id-39 #block-views-block-banner-block-hero-banner #hero,
body.page-id-40 #block-views-block-banner-block-hero-banner #hero,
body [page-category="20"] #block-views-block-banner-block-hero-banner #hero,
body.single-post #block-views-block-banner-block-hero-banner #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-234 #block-views-block-banner-block-hero-banner #hero,
    body.page-id-38 #block-views-block-banner-block-hero-banner #hero,
    body.page-id-39 #block-views-block-banner-block-hero-banner #hero,
    body.page-id-40 #block-views-block-banner-block-hero-banner #hero,
    body [page-category="20"] #block-views-block-banner-block-hero-banner #hero,
    body.single-post #block-views-block-banner-block-hero-banner #hero {
      min-height: 0; }
      body.page-id-234 #block-views-block-banner-block-hero-banner #hero section,
      body.page-id-38 #block-views-block-banner-block-hero-banner #hero section,
      body.page-id-39 #block-views-block-banner-block-hero-banner #hero section,
      body.page-id-40 #block-views-block-banner-block-hero-banner #hero section,
      body [page-category="20"] #block-views-block-banner-block-hero-banner #hero section,
      body.single-post #block-views-block-banner-block-hero-banner #hero section {
        min-height: 420px; }
        body.page-id-234 #block-views-block-banner-block-hero-banner #hero section main,
        body.page-id-38 #block-views-block-banner-block-hero-banner #hero section main,
        body.page-id-39 #block-views-block-banner-block-hero-banner #hero section main,
        body.page-id-40 #block-views-block-banner-block-hero-banner #hero section main,
        body [page-category="20"] #block-views-block-banner-block-hero-banner #hero section main,
        body.single-post #block-views-block-banner-block-hero-banner #hero section main {
          padding-top: 0;
          margin-top: 120px;
          margin-bottom: 20px; } }

/* Remove them avrodash */
body.page-id-45 #hero,
body.page-id-47 #hero,
body.page-id-46 #hero,
body.page-id-49 #hero,
body.page-id-39 #hero,
body.page-id-38 #hero,
body.page-id-51 #hero,
body.page-id-56 #hero,
body.page-id-234 #hero,
body.page-id-40 #hero,
body.node-173 #hero,
body.page-id-48 #hero,
body [page-category="20"] #hero,
body.single-post #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-45 #hero main h1, body.page-id-45 #hero main h2.title-style, body.page-id-45 #hero main h3.title-style,
    body.page-id-47 #hero main h1,
    body.page-id-47 #hero main h2.title-style,
    body.page-id-47 #hero main h3.title-style,
    body.page-id-46 #hero main h1,
    body.page-id-46 #hero main h2.title-style,
    body.page-id-46 #hero main h3.title-style,
    body.page-id-49 #hero main h1,
    body.page-id-49 #hero main h2.title-style,
    body.page-id-49 #hero main h3.title-style,
    body.page-id-39 #hero main h1,
    body.page-id-39 #hero main h2.title-style,
    body.page-id-39 #hero main h3.title-style,
    body.page-id-38 #hero main h1,
    body.page-id-38 #hero main h2.title-style,
    body.page-id-38 #hero main h3.title-style,
    body.page-id-51 #hero main h1,
    body.page-id-51 #hero main h2.title-style,
    body.page-id-51 #hero main h3.title-style,
    body.page-id-56 #hero main h1,
    body.page-id-56 #hero main h2.title-style,
    body.page-id-56 #hero main h3.title-style,
    body.page-id-234 #hero main h1,
    body.page-id-234 #hero main h2.title-style,
    body.page-id-234 #hero main h3.title-style,
    body.page-id-40 #hero main h1,
    body.page-id-40 #hero main h2.title-style,
    body.page-id-40 #hero main h3.title-style,
    body.node-173 #hero main h1,
    body.node-173 #hero main h2.title-style,
    body.node-173 #hero main h3.title-style,
    body.page-id-48 #hero main h1,
    body.page-id-48 #hero main h2.title-style,
    body.page-id-48 #hero main h3.title-style,
    body [page-category="20"] #hero main h1,
    body [page-category="20"] #hero main h2.title-style,
    body [page-category="20"] #hero main h3.title-style,
    body.single-post #hero main h1,
    body.single-post #hero main h2.title-style,
    body.single-post #hero main h3.title-style {
      margin-bottom: 0;
      padding-bottom: 0; }
      body.page-id-45 #hero main h1:after, body.page-id-45 #hero main h2.title-style:after, body.page-id-45 #hero main h3.title-style:after,
      body.page-id-47 #hero main h1:after,
      body.page-id-47 #hero main h2.title-style:after,
      body.page-id-47 #hero main h3.title-style:after,
      body.page-id-46 #hero main h1:after,
      body.page-id-46 #hero main h2.title-style:after,
      body.page-id-46 #hero main h3.title-style:after,
      body.page-id-49 #hero main h1:after,
      body.page-id-49 #hero main h2.title-style:after,
      body.page-id-49 #hero main h3.title-style:after,
      body.page-id-39 #hero main h1:after,
      body.page-id-39 #hero main h2.title-style:after,
      body.page-id-39 #hero main h3.title-style:after,
      body.page-id-38 #hero main h1:after,
      body.page-id-38 #hero main h2.title-style:after,
      body.page-id-38 #hero main h3.title-style:after,
      body.page-id-51 #hero main h1:after,
      body.page-id-51 #hero main h2.title-style:after,
      body.page-id-51 #hero main h3.title-style:after,
      body.page-id-56 #hero main h1:after,
      body.page-id-56 #hero main h2.title-style:after,
      body.page-id-56 #hero main h3.title-style:after,
      body.page-id-234 #hero main h1:after,
      body.page-id-234 #hero main h2.title-style:after,
      body.page-id-234 #hero main h3.title-style:after,
      body.page-id-40 #hero main h1:after,
      body.page-id-40 #hero main h2.title-style:after,
      body.page-id-40 #hero main h3.title-style:after,
      body.node-173 #hero main h1:after,
      body.node-173 #hero main h2.title-style:after,
      body.node-173 #hero main h3.title-style:after,
      body.page-id-48 #hero main h1:after,
      body.page-id-48 #hero main h2.title-style:after,
      body.page-id-48 #hero main h3.title-style:after,
      body [page-category="20"] #hero main h1:after,
      body [page-category="20"] #hero main h2.title-style:after,
      body [page-category="20"] #hero main h3.title-style:after,
      body.single-post #hero main h1:after,
      body.single-post #hero main h2.title-style:after,
      body.single-post #hero main h3.title-style:after {
        display: none; } }

body [page-category="20"] .views-field-field-author:before,
body.single-post .views-field-field-author:before {
  background: #1e1824; }

/* reduce the hero image height */
body.page-id-39 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-38 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-234 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
body.page-id-40 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-39 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
    body.page-id-38 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
    body.page-id-234 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div,
    body.page-id-40 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
      background: #fff; }
      body.page-id-39 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before,
      body.page-id-38 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before,
      body.page-id-234 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before,
      body.page-id-40 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before {
        height: 500px;
        background: #1e1824; } }

/* reduce the height of sub hero content */
body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content,
body.single-post .node--type-leader-profile.node--view-mode-component .node__content {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content,
    body.single-post .node--type-leader-profile.node--view-mode-component .node__content {
      padding: 50px 80px 20px 80px; } }

/******************************/
/**** *** SCROLL DOWN **** ***/
/****************************/
body:not(.home) #hero {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body:not(.home) #hero:before {
      content: '';
      position: absolute;
      bottom: -60px;
      width: 10px;
      height: 184px;
      z-index: 3;
      background: url("/wp-content/themes/avrobio/assets/images/white-scroll-down.svg"); } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body:not(.home) #hero:before {
      left: 20px; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body:not(.home) #hero:before {
      left: calc(50% - 880px);
      transform: translateX(-50%); } }

body.page-id-60 #hero:before,
body.page-id-61 #hero:before,
body.page-id-62 #hero:before {
  bottom: 55px; }

body.page-id-45 .hero-suffix-inner,
body [page-category="20"] .hero-suffix-inner,
body.single-post .hero-suffix-inner,
body.single-job .hero-suffix-inner {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-45 .hero-suffix-inner,
    body [page-category="20"] .hero-suffix-inner,
    body.single-post .hero-suffix-inner,
    body.single-job .hero-suffix-inner {
      min-height: 147px; } }

body.error404 #hero:before,
body.node-25 #hero:before,
body.page-id-433 #hero:before {
  display: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  body.error404 #hero main .description {
    width: 270px; } }

.block.block-system.block-system-main-block {
  overflow-x: hidden; }

body.page-id-57 .block.block-system.block-system-main-block {
  overflow-x: initial; }

.field.field--name-field-body.field--type-entity-reference-revisions.field--label-hidden.field__items > .field_items {
  overflow-x: hidden; }

html,
body {
  width: 100%;
  height: 100%; }

html.modal-open {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body.single-post {
  background-color: #ecf0f9; }

#content > .layout-container {
  display: flex;
  flex-direction: column; }

#layout {
  overflow: hidden; }

body.page-id-57 #layout {
  overflow: initial; }

aside.sidebar.layout-sidebar-second {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    aside.sidebar.layout-sidebar-second {
      flex: 0 0 550px;
      max-width: 550px;
      margin-left: 5.5em; } }

aside.sidebar.layout-sidebar-first {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    aside.sidebar.layout-sidebar-first {
      flex: 0 0 550px;
      max-width: 550px;
      margin-right: 5.5em; } }

/********************************/
/**** **** LAYOUT TYPES **** ***/
/******************************/
/* common */
#body .paragraph--type--two-column-info,
#body .paragraph--type--two-column-25-75-,
#body .paragraph--type--three-column-info,
#body .paragraph--type--two-column-info-50-50 {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-info,
    #body .paragraph--type--two-column-25-75-,
    #body .paragraph--type--three-column-info,
    #body .paragraph--type--two-column-info-50-50 {
      display: flex;
      flex-wrap: wrap; }
      #body .paragraph--type--two-column-info ul:not(.slick-dots) li:first-child,
      #body .paragraph--type--two-column-25-75- ul:not(.slick-dots) li:first-child,
      #body .paragraph--type--three-column-info ul:not(.slick-dots) li:first-child,
      #body .paragraph--type--two-column-info-50-50 ul:not(.slick-dots) li:first-child {
        margin-top: 0; } }
  @media screen and (max-width: 860px) {
    #body .paragraph--type--two-column-info,
    #body .paragraph--type--two-column-25-75-,
    #body .paragraph--type--three-column-info,
    #body .paragraph--type--two-column-info-50-50 {
      padding: 40px 15px 0 15px; } }
  #body .paragraph--type--two-column-info > .field__item,
  #body .paragraph--type--two-column-25-75- > .field__item,
  #body .paragraph--type--three-column-info > .field__item,
  #body .paragraph--type--two-column-info-50-50 > .field__item {
    overflow-x: hidden; }
    #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) {
      color: #1a408c; }

/* 25/75 */
#body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
#body .paragraph--type--two-column-info > .field__item:nth-of-type(1) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) {
      flex: 0 0 25%;
      max-width: 25%;
      padding-right: 67px; }
      #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) h2, #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) p.icon-top-style,
      #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) h2,
      #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) p.icon-top-style {
        font-size: 28px; } }

#body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(2),
#body .paragraph--type--two-column-info > .field__item:nth-of-type(2) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(2),
    #body .paragraph--type--two-column-info > .field__item:nth-of-type(2) {
      flex: 0 0 75%;
      max-width: 75%;
      padding-left: 67px; } }

/* 50/50 */
#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) {
      flex: 0 0 50%;
      max-width: 50%;
      padding-right: 67px; } }

#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(2) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(2) {
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 67px; } }

#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(3) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(3) {
      flex: 0 0 50%;
      max-width: 50%;
      padding-right: 67px; } }

#body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(4) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(4) {
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 67px; } }
      
/* 33/33/33 */
#body .paragraph--type--three-column-info > .field__item:nth-of-type(1) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) {
      flex: 0 0 25%;
      max-width: 25%;
      padding-left: 0;
      padding-right: 67px; } }

#body .paragraph--type--three-column-info > .field__item:nth-of-type(2) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) {
      flex: 0 0 37.5%;
      max-width: 37.5%;
      padding-left: 67px;
      padding-right: 0; } }

#body .paragraph--type--three-column-info > .field__item:nth-of-type(3) {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .paragraph--type--three-column-info > .field__item:nth-of-type(3) {
      flex: 0 0 37.5%;
      max-width: 37.5%;
      padding-left: 67px;
      padding-right: 0; } }

/* CONTENT */
.field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container {
  background: #ecf0f9; }
  .field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
    /* from laptop to desktop */
    /* from laptop to desktop */
    background: #ecf0f9;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
        padding: 90px 110px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .field--name-field-body .field__item:not(:nth-of-type(1)) .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
        padding: 90px 50px; } }

/********************************/
/**** *** FOOTER LAYOUT **** ***/
/******************************/
/* FOOTER FOR DESKTOP */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  #layout footer {
    position: relative;
    /* margin-top: 58px; */
    /* side indication */
    /* list styling */
    /* logo */
    /* legal */
    /* back to top */
    /* social */
    /* copyright */ }
  .page-id-433 #layout footer {
    margin-top: 58px; }
    #layout footer:after {
      display: none; }
    #layout footer ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: flex; }
      #layout footer ul > li {
        margin: 0;
        padding: 0; }
      #layout footer ul li {
        /* from laptop to desktop */
        /* from laptop to desktop */ } }
      @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
        #layout footer ul li {
          margin: 0 28px; } }
      @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
        #layout footer ul li {
          margin: 0 8px; } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
        #layout footer ul li:last-child {
          margin-right: 0; }
        #layout footer ul li a {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          color: #fff;
          text-decoration: none;
          display: inline-block; }
          #layout footer ul li a:hover {
            color: #da1884; }
    #layout footer > section {
      position: relative;
      margin: auto;
      background: url("/wp-content/themes/avrobio/assets/images/footer.jpg") #312e3e;
      background-size: cover;
      /* from laptop to desktop */
      /* from laptop to desktop */ } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
      #layout footer > section {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
      #layout footer > section {
        width: calc(100% - 100px);
        max-width: 1245px; } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
      #layout footer > section > main {
        margin: auto;
        padding: 0 50px;
        display: block;
        /* from laptop to desktop */
        /* from laptop to desktop */ } }
      @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
        #layout footer > section > main {
          padding: 0 50px; } }
      @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
        #layout footer > section > main {
          padding: 0 120px; }
        #layout footer .social .social-pad {
          margin-right:-138px !important; } }
@media screen and (min-width: 861px) and (max-width: 9999px) {
        #layout footer > section > main > div {
          padding: 46px 0;
          display: flex;
          flex-wrap: wrap; }
    #layout footer .site-branding__logo {
      margin-bottom: 50px;
      flex: 0 0 50%;
      max-width: 50%;
      order: 1; }
    #layout footer .legal {
      flex: 0 0 50%;
      max-width: 50%;
      order: 4; }
      #layout footer .legal ul {
        display: inline-block;
        float: right; }
        #layout footer .legal ul li {
          float: left; }
    #layout footer .back-to-top {
      position: absolute;
      top: 80px;
      right: -100px;
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      padding-right: 40px;
      font-size: 14px;
      color: #1d428a;
      text-transform: uppercase;
      text-decoration: none;
      transform: rotate(-90deg); }
      #layout footer .back-to-top:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
        background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-right.svg") no-repeat 0 0; }
      #layout footer .back-to-top:hover:after {
        animation: 400ms back_to_top_button ease-in-out forwards; }
      #layout footer .social {
        display: flex;
        align-items:flex-start;
        justify-content:flex-end;
        flex: 0 0 50%;
        max-width: 50%;
        order: 2;
        /* social media icons */ }
      #layout footer #block-websitecopyrightstatement {
        flex: 0 0 50%;
        max-width: 50%;
        order: 3; }
      #layout footer #block-websitecopyrightstatement p {
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #fff; }
}

#layout footer .social .social-pad {
  display:flex;
  margin-right:-68px; }
#layout footer .social .social-pad > a {
  display:flex;
  text-decoration:none; }
#layout footer .social .follow-us {
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.5);
  border-radius:2px;
  padding:10px 15px; }
#layout footer .social .follow-us p {
  font-family:"Montserrat", sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:14px;
  line-height:1;
  color:#ffffff;
  text-align:center;
  text-transform:uppercase;
  margin-bottom:10px; }
#layout footer .social .follow-us ul li {
  margin:0 9px; }
#layout footer .social .follow-us a {
  padding:0;
  display:block; }
#layout footer .social .follow-us a i {
  font-size:2em; }
#layout footer .social .sign-up {
  display:flex;
  align-items:center;
  border:2px solid #ff3399;
  border-radius:3px;
  margin-left:14px;
  padding:13px 24px 13px 13px;
  transition:all 400ms ease-in-out;
  background-color:#da1884; }
#layout footer .social .social-pad > a:hover .sign-up {
  background:#312e3e; }
#layout footer .social .sign-up .icon i {
  font-size:1.3125em;
  color:#da1884;
  border-radius:2px;
  padding:4px;
  background-color:#ffffff; }
#layout footer .social .sign-up .text {
  padding-left:13px; }
#layout footer .social .sign-up .text h3 {
  font-weight:300;
  color:#ffffff; 
  margin-bottom:0 !important; }
#layout footer .social .sign-up .text p {
  font-size:14px;
  line-height:1;
  color:#ffffff;
  text-transform:uppercase;
  margin-bottom:0; }

@media screen and (max-width: 999px) {
  #layout footer .social .follow-us p {
    font-size: 12px; }
  #layout footer .social .sign-up .text h3 {
    font-size: 17px; }
  #layout footer .social .sign-up .text p {
    font-size: 12px; }
}

@keyframes back_to_top_button {
  0% {
    right: 0; }
  50% {
    right: 8px; }
  100% {
    right: 0; } }

/* from laptop to desktop */
@media screen and (max-width: 860px) {
  footer {
    /* list styling */
    /* layout */
    /* logo */
    /* legal */
    /* social */
    /* back to top */
    /* copyright */ }
    footer ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    footer ul > li {
      text-align: center;
      margin: 0;
      padding: 0; }
    footer ul li:last-child {
      margin-right: 0; }
    footer ul li a {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      color: #fff;
      text-decoration: none;
      display: inline-block; }
    footer ul li a:hover {
      color: #da1884; }
    footer #body {
      margin: auto;
      overflow: hidden; }
    footer .region.region-footer {
      padding: 30px 15px;
      width: 100%;
      background: url("/wp-content/themes/avrobio/assets/images/footer.jpg") 44% 0 #312e3e;
      background-size: cover; }
    footer .site-branding__logo {
      width: 100%;
      display: block;
      text-align: center; }
    footer .site-branding__logo a {
      display: inline-block; }
    footer .site-branding__logo a img {
      max-width: 136px; }
    footer .legal {
      flex: 0 0 50%;
      max-width: 100%; }
    footer .legal ul li a {
      padding: 15px 0; }
    footer .social {
      margin: 15px 0; }
    footer .social ul {
      display: flex; }
/*
      footer .social p {
        margin: 0 19px 0 0;
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        float: left; }
        footer .social ul li {
          margin: 0 0 0 18px; }
      footer .social a {
        padding: 0;
        display: block; }
        footer .social a.linkedin {
          width: 30px;
          height: 30px;
          background: url("/wp-content/themes/avrobio/assets/images/linkedin-white.svg") 50% 50% no-repeat;
          background-size: 19px auto; }
        footer .social a.twitter {
          width: 24px;
          height: 30px;
          background: url("/wp-content/themes/avrobio/assets/images/twitter-white.svg") 50% 8px no-repeat;
          background-size: 24px auto; }
*/
    #layout footer .social .social-pad {
      align-items: center;
      flex-direction: column;
      margin-right: 0;
    }
    #layout footer .social .sign-up {
      margin-top: 30px;
      margin-left: 0;
    }
    footer .back-to-top {
      display: none; }
    footer #block-websitecopyrightstatement p {
      margin: 15px 0 0 0;
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      color: #fff;
      text-align: center; }
}

/*******************************/
/**** *** EXPLORE MORE **** ***/
/*****************************/
.paragraph--type--explore-tiles {
  margin: auto;
  z-index: 1;
  position: relative;
  overflow: visible;
  background: #fff;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .paragraph--type--explore-tiles:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: #1d428a; }
      .page-id-59 .paragraph--type--explore-tiles::before { background: #ecf0f9; } }
  .paragraph--type--explore-tiles > div:nth-of-type(1) {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .paragraph--type--explore-tiles > div:nth-of-type(1) {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--explore-tiles > div:nth-of-type(1) {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--explore-tiles > div:nth-of-type(1):before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scaleX(-1);
        background: #ecf0f9;
        left: 2px;
        transform-origin: 0 0; } }
  @media screen and (max-width: 860px) {
    .paragraph--type--explore-tiles {
      background: #ecf0f9; } }
  @media screen and (max-width: 860px) {
    .paragraph--type--explore-tiles {
      padding: 40px 15px; } }
  .paragraph--type--explore-tiles p.brand-primary {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700; }
  .paragraph--type--explore-tiles h2.brand-primary, .paragraph--type--explore-tiles p.brand-primary.icon-top-style {
    margin-bottom: 40px; }
  .paragraph--type--explore-tiles > .inner-container {
    position: relative;
    margin: auto;
    z-index: 2;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--explore-tiles > .inner-container {
        background: #ecf0f9; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--explore-tiles > .inner-container {
        padding: 50px 40px 65px 40px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .paragraph--type--explore-tiles > .inner-container {
        padding: 50px 120px 100px 120px; } }
  .paragraph--type--explore-tiles .field--name-field-tile {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--explore-tiles .field--name-field-tile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .paragraph--type--explore-tiles .field--name-field-tile > .field__item {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--explore-tiles .field--name-field-tile > .field__item {
          flex: 0 0 calc(33% - 30px);
          max-width: calc(33% - 30px); } }
      @media screen and (max-width: 860px) {
        .paragraph--type--explore-tiles .field--name-field-tile > .field__item {
          margin-bottom: 30px; } }
      .paragraph--type--explore-tiles .field--name-field-tile > .field__item p {
        /* from laptop to desktop */ }
        @media screen and (max-width: 860px) {
          .paragraph--type--explore-tiles .field--name-field-tile > .field__item p {
            margin-bottom: 15px; } }
  .paragraph--type--explore-tiles .field--name-field-link-to a {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    /* padding-right: 70px; */
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #da1884; }
    .paragraph--type--explore-tiles .field--name-field-link-to a:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--explore-tiles .field--name-field-link-to a:hover {
          text-decoration: underline; } }
    .paragraph--type--explore-tiles .field--name-field-link-to a:hover {
      color: #da1884; }
    .paragraph--type--explore-tiles .field--name-field-link-to a:after {
      content: '';
      position: relative;
      top: 2px;
      margin-left: 6px;
      width: 24px;
      height: 12px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg") no-repeat 0 50%;
      background-size: auto 20px; }
    .paragraph--type--explore-tiles .field--name-field-link-to a:hover:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--explore-tiles .field--name-field-link-to a:hover:after {
          animation: 400ms link_arrow ease-in-out forwards; } }
  .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default {
    display: flex;
    max-width: 380px;
    padding: 0;
    /* image */
    /* description */ }
  .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default .explore-more-icon {
    width: 180px; }
  .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default .explore-more-text {
    width: 200px;
    padding-top:25px; }
    .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default .field--name-field-title-formatted p {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 500;
      margin-bottom: 10px;
      font-size: 21px;
      line-height: 1;
      color: #1a408c;
      text-transform: lowercase; }
    .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default .field--name-field-title-formatted p:first-letter {
      text-transform: uppercase; }
    .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default img {
      width: 100%;
      margin-bottom: 0; }
    .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default .field--name-field-description {
      font-size: 14px; }
      .paragraph--type--explore-tiles .node--type-explore-tile.node--view-mode-default .field--name-field-description p {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 10px; }

body.page-id-52 .paragraph--type--explore-tiles:before,
body.page-id-53 .paragraph--type--explore-tiles:before,
body.page-id-43 .paragraph--type--explore-tiles:before,
body.page-id-45 .paragraph--type--explore-tiles:before,
body.page-id-47 .paragraph--type--explore-tiles:before,
body.page-id-46 .paragraph--type--explore-tiles:before,
body.page-id-49 .paragraph--type--explore-tiles:before,
body.page-id-42 .paragraph--type--explore-tiles:before,
body.page-id-54 .paragraph--type--explore-tiles:before,
body.page-id-56 .paragraph--type--explore-tiles:before,
body.page-id-57 .paragraph--type--explore-tiles:before,
body.page-id-58 .paragraph--type--explore-tiles:before {
  background: #122c5f; }

body.page-id-50 .paragraph--type--explore-tiles:before {
  background: #fff; }

body.page-id-51 .paragraph--type--explore-tiles:before {
  background: #ecf0f9; }

body.page-id-41 .paragraph--type--explore-tiles:before {
  background: #12317a; }

/****************************************************/
/**** **** SUB NAVIGATION : NASDAQ SPECIFIC **** ***/
/**************************************************/
#body > article[data-hero] > .sub-navigation {
  padding: 0;
  /* SUB NAVIGATION FOR DESKTOP */
  /* from laptop to desktop */
  /* SUB NAVIGATION FOR MOBILE */
  /* from laptop to desktop */ }
  #body > article[data-hero] > .sub-navigation > main {
    /* removing list styling */ }
    #body > article[data-hero] > .sub-navigation > main ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #body > article[data-hero] > .sub-navigation > main ul > li {
        margin: 0;
        padding: 0; }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body > article[data-hero] > .sub-navigation {
      border-top: 1px solid #fff;
      background: rgba(0, 0, 0, 0.35); }
      #body > article[data-hero] > .sub-navigation > main {
        /* hide label */
        /* link styling */
        /* base styling */
        /* active state */ }
        #body > article[data-hero] > .sub-navigation > main label {
          display: none; }
        #body > article[data-hero] > .sub-navigation > main a {
          position: relative;
          padding: 24px 1.5vw;
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 13px;
          height: 100%;
          text-decoration: none;
          color: #fff;
          display: inline-block;
          background: transparent; }
          #body > article[data-hero] > .sub-navigation > main a:after {
            content: '';
            position: absolute;
            bottom: 12px;
            left: 1.5vw;
            width: 0px;
            height: 3px;
            transition: all 300ms ease-in-out;
            background: #da1884; }
          #body > article[data-hero] > .sub-navigation > main a:hover:after {
            width: 24px; }
        #body > article[data-hero] > .sub-navigation > main ul {
          display: flex; }
          #body > article[data-hero] > .sub-navigation > main ul li {
            border-left: 1px solid #fff; }
            #body > article[data-hero] > .sub-navigation > main ul li:last-child {
              border-right: 1px solid #fff; }
        #body > article[data-hero] > .sub-navigation > main li.active a {
          color: #1d428a;
          background: #fff; }
          #body > article[data-hero] > .sub-navigation > main li.active a:after {
            width: 24px; } }
  @media screen and (max-width: 860px) {
    #body > article[data-hero] > .sub-navigation > main {
      margin: 30px 15px;
      width: auto;
      border: 2px solid #484448;
      border-radius: 4px;
      background: #312e3e;
      /* label, link common */
      /* label styling */
      /* hide menu */
      /* show menu */ }
      #body > article[data-hero] > .sub-navigation > main label,
      #body > article[data-hero] > .sub-navigation > main a {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 500;
        position: relative;
        padding: 18px 22px;
        display: block;
        color: #fff;
        text-decoration: none; }
      #body > article[data-hero] > .sub-navigation > main label {
        /* arrow wrapper */ }
        #body > article[data-hero] > .sub-navigation > main label b {
          position: absolute;
          top: 0;
          right: 0;
          width: 56px;
          height: 58px;
          z-index: 2;
          display: block;
          /* arrow icon */ }
          #body > article[data-hero] > .sub-navigation > main label b:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            transform: translate(-50%, -50%) rotate(0deg);
            display: block;
            transition: all 300ms ease-in-out;
            background: url("/wp-content/themes/avrobio/assets/images/white-down-arrow.svg") no-repeat 50% 50%;
            background-size: 20px auto; }
      #body > article[data-hero] > .sub-navigation > main #sub_nav_trigger + .trigger ul {
        display: none; }
      #body > article[data-hero] > .sub-navigation > main #sub_nav_trigger:checked + .trigger ul {
        display: block;
        animation: mobile_sub_navigation_expand 800ms ease-in-out forwards; }
      #body > article[data-hero] > .sub-navigation > main #sub_nav_trigger:checked + .trigger label {
        /* arrow wrapper */ }
        #body > article[data-hero] > .sub-navigation > main #sub_nav_trigger:checked + .trigger label b {
          /* arrow icon */ }
          #body > article[data-hero] > .sub-navigation > main #sub_nav_trigger:checked + .trigger label b:before {
            transform: translate(-50%, -50%) rotate(180deg); } }

/* animation */
@keyframes mobile_sub_navigation_expand {
  0% {
    max-height: 0; }
  100% {
    max-height: 800px; } }

/***************************************/
/**** **** TERTIARY NAVIGATION **** ***/
/*************************************/
[class*="tertiary-"] {
  margin-bottom: 30px;
  /* removing list styling */ }
  [class*="tertiary-"] ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    [class*="tertiary-"] ul > li {
      margin: 0;
      padding: 0; }
  [class*="tertiary-"] a {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #1d428a;
    display: block; }
    [class*="tertiary-"] a:hover {
      color: #da1884; }

.tertiary-navigation a {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .tertiary-navigation a {
      padding: 20px 25px; } }
  @media screen and (max-width: 860px) {
    .tertiary-navigation a {
      padding: 20px 25px; } }

.tertiary-navigation .unit {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .tertiary-navigation .unit {
      padding: 15px;
      margin-bottom: 15px;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      background: #fff; } }
  .tertiary-navigation .unit a {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .tertiary-navigation .unit a {
        padding: 20px 15px;
        text-decoration: none; } }
    .tertiary-navigation .unit a.active {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .tertiary-navigation .unit a.active {
          background: #ecf0f9; } }
      @media screen and (max-width: 860px) {
        .tertiary-navigation .unit a.active {
          border-radius: 4px;
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          background: #fff; } }

.tertiary-tab {
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  background: #fff;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* link styling */
  /* active state highlighting */
  /* layout for mobile */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .tertiary-tab {
      border-radius: 8px; } }
  @media screen and (max-width: 860px) {
    .tertiary-tab {
      border-radius: 4px; } }
  .tertiary-tab a {
    text-decoration: none;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .tertiary-tab a {
        padding: 20px 25px; } }
    @media screen and (max-width: 860px) {
      .tertiary-tab a {
        padding: 6px; } }
  .tertiary-tab li.active {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .tertiary-tab li.active {
        background: #ecf0f9; } }
    .tertiary-tab li.active a {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .tertiary-tab li.active a {
          background: #ecf0f9; } }
  .tertiary-tab ul {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .tertiary-tab ul {
        display: flex; }
        .tertiary-tab ul li {
          flex: 0 0 50%;
          max-width: 50%;
          display: flex;
          align-items: center; } }

/* COMPONENTS */
.block-local-tasks-block {
  margin: 25px 0; }
  .block-local-tasks-block ul.tabs {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    /* from laptop to desktop */ }
    .block-local-tasks-block ul.tabs > li {
      margin: 0;
      padding: 0; }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .block-local-tasks-block ul.tabs {
        display: block;
        margin-bottom: 0; } }
    .block-local-tasks-block ul.tabs li {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding: 0 5px;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .block-local-tasks-block ul.tabs li {
          flex: 0 0 15%;
          max-width: 15%; } }
    .block-local-tasks-block ul.tabs a {
      width: 100%;
      display: block;
      float: left;
      padding: 15px 5px;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      text-align: center;
      transition: background-color 0.3s ease-out; }
      .block-local-tasks-block ul.tabs a.active {
        background-color: black;
        color: white; }
    .block-local-tasks-block ul.tabs li:last-child a {
      margin-right: 0; }

/*****************************/
/**** *** PAGINATION **** ***/
/***************************/
.pagination {
  display: flex;
  justify-content: space-between; }
  .pagination .page-number,
  .pagination .pager__item.is-active {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #1d428a;
    font-size: 14px; }
  .pagination .control {
    min-width: 100px; }
    .pagination .control .back,
    .pagination .control .next {
      width: 24px;
      height: 24px;
      display: inline-block; }
    .pagination .control .back {
      margin-right: 20px;
      background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-left.svg");
      background-size: 24px auto; }
      .pagination .control .back:disabled {
        background: url("/wp-content/themes/avrobio/assets/images/pink-arrow-left.svg");
        background-size: 24px auto; }
    .pagination .control .next {
      margin-left: 20px;
      background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-right.svg");
      background-size: 24px auto; }
      .pagination .control .next:disabled {
        background: url("/wp-content/themes/avrobio/assets/images/pink-arrow-right.svg");
        background-size: 24px auto; }

/*****************************/
/**** *** VIEW PAGER **** ***/
/***************************/
#body .pager ul li:before {
  content: none; }

#body .emm-paginate a.emm-prev, #body .emm-paginate a.emm-next {
  position: absolute;
  right: 0;
  margin: 0; }

#body .emm-paginate a.emm-prev {
  padding-right: 60px;
  opacity: .5; }
  #body .emm-paginate a.emm-prev:hover {
    opacity: 1; }

.emm-paginate {
  display: flex;
  position: relative;
  width: 100%;font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
  justify-content: center; }
  @media screen and (max-width: 860px) {
  .emm-paginate {padding-bottom:40px;}
  }
  .emm-paginate .emm-page:before {
    content: ''; }
    .emm-paginate .emm-page {padding-right:5px;}
  .emm-paginate a {
    text-decoration: none; }
  .emm-paginate .emm-page.emm-current {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #1d428a;
    font-size: 14px; }
  .emm-paginate a.emm-prev > span:nth-child(2) {
    font-size: 0; }
    .emm-paginate a.emm-prev:before {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      left: 0;
      top: 0;
      margin-right: 20px;
      background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-left.svg") no-repeat;
      background-size: 24px auto; }
    .emm-paginate a.emm-prev > span:nth-child(2):disabled {
      background: url("/wp-content/themes/avrobio/assets/images/pink-arrow-left.svg") no-repeat;
      background-size: 24px auto; }
  .emm-paginate a.emm-next > span:nth-child(2) {
    font-size: 0; }
    .emm-paginate a.emm-next:before {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      right: 0;
      top: 0;
      margin-left: 20px;
      background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-right.svg") no-repeat;
      background-size: 24px auto; }
    .emm-paginate a.emm-next > span:nth-child(2):disabled {
      background: url("/wp-content/themes/avrobio/assets/images/pink-arrow-right.svg") no-repeat;
      background-size: 24px auto; }

/****************************/
/**** *** ACCORDION **** ***/
/**************************/
.accordion {
  /* default version : primary brand color */
  /* content area */
  /* white version */
  /* active state */ }
  .accordion > h4 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px; }
    .accordion > h4 a {
      position: relative;
      width: 100%;
      min-height: 48px;
      border-top: 1px solid #da1884;
      display: block;
      color: #da1884;
      text-decoration: none;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .accordion > h4 a {
          padding: 15px 100px 15px 30px; } }
      @media screen and (max-width: 860px) {
        .accordion > h4 a {
          padding: 15px 100px 15px 15px; } }
      .accordion > h4 a:after {
        content: 'Expand';
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 700;
        position: absolute;
        top: 15px;
        right: 0;
        padding-right: 25px;
        font-size: 14px;
        background: url("/wp-content/themes/avrobio/assets/images/brand-accordion-expand.svg") 100% 50% no-repeat;
        background-size: 20px auto; }
  .accordion > section {
    padding: 30px;
    display: none;
    overflow: hidden; }
  .accordion.accordion-light > h4 a {
    border-top: 1px solid #fff;
    color: #fff; }
    .accordion.accordion-light > h4 a:after {
      background: url("/wp-content/themes/avrobio/assets/images/white-accordion-expand.svg") 100% 50% no-repeat;
      background-size: 20px auto; }
  .accordion.accordion-light > section * {
    color: #fff; }
  .accordion.active > h4 a:after {
    content: 'Less';
    background: url("/wp-content/themes/avrobio/assets/images/brand-accordion-collapse.svg") 100% 50% no-repeat;
    background-size: 20px auto; }
  .accordion.active > section {
    display: block;
    animation: accordion_dropdown 400ms ease-in-out forwards; }
  .accordion.accordion-light.active > h4 a:after {
    background: url("/wp-content/themes/avrobio/assets/images/white-accordion-collapse.svg") 100% 50% no-repeat;
    background-size: 20px auto; }

/* FAQ version */
.accordion.faq {
  margin-bottom: 15px;
  /* heading */
  /* active state */ }
  .accordion.faq > h4 a {
    padding: 15px 0 15px 30px;
    border: 0;
    color: #1d428a;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .accordion.faq > h4 a {
        font-size: 28px;
        background: url("/wp-content/themes/avrobio/assets/images/faq-accordion-expand.svg") 0 20px no-repeat;
        background-size: 21px 21px; } }
    @media screen and (max-width: 860px) {
      .accordion.faq > h4 a {
        font-size: 14px;
        background: url("/wp-content/themes/avrobio/assets/images/faq-accordion-expand.svg") 0 14px no-repeat;
        background-size: 21px 21px; } }
    .accordion.faq > h4 a:after {
      display: none; }
  .accordion.faq > section {
    position: relative;
    padding: 0 0 0 24px;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    .accordion.faq > section:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 30px;
      background: #da1884; }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .accordion.faq > section {
        margin-left: 48px; } }
    @media screen and (max-width: 860px) {
      .accordion.faq > section {
        margin-left: 38px; } }
    .accordion.faq > section > * {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 300; }
    .accordion.faq > section p {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .accordion.faq > section p {
          margin-bottom: 15px; } }
  .accordion.faq.active > h4 a {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .accordion.faq.active > h4 a {
        background: url("/wp-content/themes/avrobio/assets/images/faq-accordion-collapse.svg") 0 20px no-repeat;
        background-size: 21px 21px; } }
    @media screen and (max-width: 860px) {
      .accordion.faq.active > h4 a {
        background: url("/wp-content/themes/avrobio/assets/images/faq-accordion-collapse.svg") 0 14px no-repeat;
        background-size: 21px 21px; } }

/* animation */
@keyframes accordion_dropdown {
  0% {
    max-height: 0; }
  100% {
    max-height: 900px; } }

/*******************************/
/**** *** TAB SETTINGS **** ***/
/*****************************/
.tab {
  margin-bottom: 15px;
  /* NAVIGATION */
  /* CONTENT AREA */ }
  .tab nav {
    background: #312e3e; }
    .tab nav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: flex;
      justify-content: center; }
      .tab nav ul > li {
        margin: 0;
        padding: 0; }
    .tab nav li {
      border-right: 1px solid #fff; }
      .tab nav li:first-child {
        border-left: 1px solid #fff; }
      .tab nav li.active button {
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: #da1884; }
        .tab nav li.active button:after {
          height: 4px;
          background: #da1884; }
    .tab nav button {
      position: relative;
      padding: 38px 26px;
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      color: #fff; }
      .tab nav button:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        display: block;
        transition: all 300ms ease-in-out;
        background: #fff; }
      .tab nav button:hover:after {
        height: 4px; }
  .tab main {
    padding: 38px;
    background: #fff; }
    .tab main section {
      display: none; }
      .tab main section.active {
        display: block; }

/*****************************/
/**** *** PAGINATION **** ***/
/***************************/
.pagination {
  display: flex;
  justify-content: space-between; }
  .pagination .page-number,
  .pagination .pager__item.is-active {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #1d428a;
    font-size: 14px; }
  .pagination .control {
    min-width: 100px; }
    .pagination .control .back,
    .pagination .control .next {
      width: 24px;
      height: 24px;
      display: inline-block; }
    .pagination .control .back {
      margin-right: 20px;
      background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-left.svg");
      background-size: 24px auto; }
      .pagination .control .back:disabled {
        background: url("/wp-content/themes/avrobio/assets/images/pink-arrow-left.svg");
        background-size: 24px auto; }
    .pagination .control .next {
      margin-left: 20px;
      background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-right.svg");
      background-size: 24px auto; }
      .pagination .control .next:disabled {
        background: url("/wp-content/themes/avrobio/assets/images/pink-arrow-right.svg");
        background-size: 24px auto; }

.paragraph--type--featured-icons {
  padding: 80px 0 30px 0;
  margin: auto;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .paragraph--type--featured-icons {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .paragraph--type--featured-icons {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  .paragraph--type--featured-icons.margin-left {
    margin-left: 600px; }
  .paragraph--type--featured-icons.margin-right {
    margin-right: 600px; }
  .paragraph--type--featured-icons.margin-both {
    margin-left: 300px;
    margin-right: 300px; }
  .paragraph--type--featured-icons .field--name-field-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--featured-icons .field--name-field-icons {
        flex-direction: row; } }
    .paragraph--type--featured-icons .field--name-field-icons .field__item {
      text-align: center;
      flex: 0 0 50%;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--featured-icons .field--name-field-icons .field__item {
          flex: 1 0 auto; } }
    .paragraph--type--featured-icons .field--name-field-icons article.node--type-icon {
      max-width: 170px;
      margin: 0 auto; }
      .paragraph--type--featured-icons .field--name-field-icons article.node--type-icon .node__content .field--name-field-top p {
        margin-bottom: 10px; }

.paragraph--type--call-to-action-banner {
  position: relative;
  padding: 0;
  background: none;
  overflow: visible;
  display: flex;
  flex-direction: column;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .paragraph--type--call-to-action-banner {
      flex-direction: row;
      align-items: center; } }
  .paragraph--type--call-to-action-banner > .background-image {
    overflow: visible;
    z-index: 2;
    position: relative;
    width: 100%;
    background: #ecf0f9;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--call-to-action-banner > .background-image {
        padding: 30px 50px; } }
    @media screen and (max-width: 860px) {
      .paragraph--type--call-to-action-banner > .background-image {
        padding: 30px 0; } }
    .paragraph--type--call-to-action-banner > .background-image:after {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      width: 2000vw;
      height: 100%;
      transform: scaleX(-1);
      transform-origin: 0 0;
      background: #ecf0f9;
      background: url("/wp-content/themes/avrobio/assets/images/nasdaq-avro-checkmark.png") 0 0 #ecf0f9 no-repeat;
      background-size: auto 100%; }
    .paragraph--type--call-to-action-banner > .background-image > span {
      content: '';
      position: absolute;
      width: 100%;
      text-align: right;
      z-index: 2;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--call-to-action-banner > .background-image > span {
          top: 0;
          right: 70%;
          height: 100%; } }
      @media screen and (max-width: 860px) {
        .paragraph--type--call-to-action-banner > .background-image > span {
          bottom: 0;
          right: 28%; } }
      .paragraph--type--call-to-action-banner > .background-image > span img {
        /* from laptop to desktop */
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .paragraph--type--call-to-action-banner > .background-image > span img {
            height: 100%; } }
        @media screen and (min-width: 861px) and (max-width: 1800px) {
          .paragraph--type--call-to-action-banner > .background-image > span img {
            max-width: none; } }
    .paragraph--type--call-to-action-banner > .background-image h2, .paragraph--type--call-to-action-banner > .background-image p.icon-top-style {
      /* from laptop to desktop */ }
    .paragraph--type--call-to-action-banner > .background-image > * {
      position: relative;
      z-index: 3; }
    .paragraph--type--call-to-action-banner > .background-image > div {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .paragraph--type--call-to-action-banner > .background-image > div {
          padding-right: 15px;
          width: calc(100% - 155px);
          float: right; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--call-to-action-banner > .background-image {
        margin: auto;
        padding: 200px 0; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .paragraph--type--call-to-action-banner > .background-image {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--call-to-action-banner > .background-image {
        width: calc(100% - 100px);
        max-width: 1245px; } }
  .paragraph--type--call-to-action-banner .field--name-field-content {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--call-to-action-banner .field--name-field-content {
        margin-left: 50%;
        padding-right: 40px;
        width: 50%; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--call-to-action-banner .field--name-field-content {
        width: 40%; } }
    .paragraph--type--call-to-action-banner .field--name-field-content > p.brand-primary {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--call-to-action-banner .field--name-field-content > p.brand-primary {
          margin-bottom: 2em; } }
      @media screen and (max-width: 860px) {
        .paragraph--type--call-to-action-banner .field--name-field-content > p.brand-primary {
          margin-bottom: 0; } }
    .paragraph--type--call-to-action-banner .field--name-field-content h2.title-style, .paragraph--type--call-to-action-banner .field--name-field-content p.title-style.icon-top-style {
      font-size: 42px;
      line-height: inherit;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .paragraph--type--call-to-action-banner .field--name-field-content h2.title-style, .paragraph--type--call-to-action-banner .field--name-field-content p.title-style.icon-top-style {
          margin-bottom: 20px;
          padding: 0 0 20px 0; } }

/* START Treating The Whole Body */
/*
  .page-template-page-whole-body .paragraph--type--cta-carousel {
  	margin-bottom: 100px; }
  .page-template-page-whole-body .paragraph--type--cta-carousel .slick-slider {
    z-index: 2; }
   .page-template-page-whole-body .paragraph--type--cta-carousel .slick-slider.slick-dotted {
      margin-bottom: 0; }
   .page-template-page-whole-body .paragraph--type--cta-carousel .slicknav {
    width: 35%;
    margin: 40px auto;
    text-align: center;
    z-index: 2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    .page-template-page-whole-body .paragraph--type--cta-carousel .slicknav .slick-prev {
      left: 0; }
    .page-template-page-whole-body .paragraph--type--cta-carousel .slicknav .slick-next {
      right: 0;
      transform: scaleX(-1);
      top: 0; }
    .page-template-page-whole-body .paragraph--type--cta-carousel .slicknav .slick-arrow:before {
      background: url("/wp-content/themes/avrobio/assets/images/brand-carousel-arrow.svg") top right no-repeat;
      content: '';
      display: block;
      width: 12px;
      height: 21px; }
    .page-template-page-whole-body .paragraph--type--cta-carousel .slicknav .slick-dots {
      display: inline-block;
      position: static;
      width: auto; }
*/
.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(2) .paragraph--type--grid-container > .field__items {
	padding-bottom: 0;
}
.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) {
	background-color: #ecf0f9;
}
.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) .paragraph--type--grid-container > .field__items {
	padding: 0 50px;
}
.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) .paragraph--type--cta-whole-body-slider {
	width: 100%;
	max-width: 1145px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	background-color: #fff;
	height: auto;
	padding: 30px 29px 20px 30px;
}
.page-template-page-whole-body #block-avrobio-content > article div.slicknav.whole-body-slider-nav.slick-initialized.slick-slider.slick-dotted > button.slick-prev.slick-arrow:before {
	background: url('/wp-content/themes/avrobio/assets/images/brand-carousel-arrow.svg') top right no-repeat;
	content: '';
	display: block;
	width: 12px;
	height: 21px;
}
.page-template-page-whole-body #block-avrobio-content > article div.slicknav.whole-body-slider-nav.slick-initialized.slick-slider.slick-dotted > button.slick-next.slick-arrow:before {
	background: url(/wp-content/themes/avrobio/assets/images/brand-carousel-arrow.svg) top right no-repeat;
	content: '';
	display: block;
	width: 12px;
	height: 21px;
	transform: scaleX(-1);
}
.page-template-page-whole-body .paragraph--type--cta-whole-body-slider .slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.page-template-page-whole-body .paragraph--type--cta-whole-body-slider ul.slick-dots {
	list-style-type: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.page-template-page-whole-body .paragraph--type--slide-cta .field--name-field-content {
	width: 42.45%;
	max-width: none;
	margin: 0;
	padding-right: 20px;
}
.page-template-page-whole-body .paragraph--type--slide-cta.text-block-wide .field--name-field-content {
	width: 51.01%;
}
.page-template-page-whole-body .paragraph--type--slide-cta span {
	width: 592px;
}
.page-template-page-whole-body .paragraph--type--slide-cta.text-block-wide span {
	width: 472px;
}
.page-template-page-whole-body .slider-text-block {
	font-size: 16px;
	text-align: left;
	color: #384c65;
	font-family: "Montserrat", sans-serif;
	line-height: 1.27;
	padding-top: 8px;
	padding-left: 50px;
	font-weight: normal; 
}
.page-template-page-whole-body .slider-text-block blockquote {
	border: 2px solid #9e4dab;
	padding: 20px 18px;
}
.page-template-page-whole-body .slider-text-block blockquote strong {
	font-weight: 600;
	color: #9e4dab;
}
.page-template-page-whole-body #whole-body-slider div.slider.slick-slide div.slider-count div.slider__counter {
	font-size: 26px;
	font-weight: 700;
	color: #9e4dab;
	font-family: "Montserrat", sans-serif;
	float: left;
}	
.page-template-page-whole-body #block-avrobio-content > article div.slicknav.whole-body-slider-nav.slick-initialized.slick-slider.slick-dotted > button.slick-prev.slick-arrow {
	left: 0;
	z-index: 2;
}
.page-template-page-whole-body #block-avrobio-content > article div.slicknav.whole-body-slider-nav.slick-initialized.slick-slider.slick-dotted > button.slick-next.slick-arrow {
	right: -10px;
	z-index: 2;
}
.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(4) .paragraph--type--grid-container > .field__items {
	padding-top: 70px;
}
.page-template-page-whole-body #body ul:not(.slick-dots) li {
	padding-left: 30px;
}
.page-template-page-whole-body #body ul:not(.slick-dots) li:before {
	font-size: 45px;
	line-height: 10px;
}
.page-template-page-whole-body .explore.cta {
	padding-top: 130px;
	background-color: #122c5f;
}
.page-template-page-whole-body .paragraph--type--explore-tiles:before {
	background-color: #122c5f;
}

@media screen and (min-width: 1800px) and (max-width: 9999px) {
	.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) .paragraph--type--grid-container > .field__items{
		padding: 0 110px;
	}
	.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) .paragraph--type--cta-whole-body-slider {
		margin: 0 0 0 auto;
	}
}

@media screen and (max-width: 1299px) {
	.page-template-page-whole-body #whole-body-slider.slick-slider .slick-list {
		margin-bottom:20px;
	}
}


@media screen and (max-width: 1345px) {
	.page-template-page-whole-body .paragraph--type--slide-cta span {
	width: 57.55%;
    max-width: 592px;
}
.page-template-page-whole-body .paragraph--type--slide-cta.text-block-wide span {
	width: 48.99%;
    max-width: 472px;
}
}

@media screen and (max-width: 860px) {
	.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) .paragraph--type--grid-container > .field__items {
		padding: 0 15px;
	}
	.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(3) .paragraph--type--cta-whole-body-slider {
		padding: 15px 15px 20px;
	}
	.page-template-page-whole-body .paragraph--type--slide-cta {
		flex-direction: column;
	}
	.page-template-page-whole-body .paragraph--type--slide-cta .field--name-field-content {
		width: 100%;
		padding-right: 0;
		padding-bottom: 30px;
		padding-left: 0;
	}
	.page-template-page-whole-body .paragraph--type--slide-cta.text-block-wide .field--name-field-content {
		width: 100%;
	}
	.page-template-page-whole-body .paragraph--type--slide-cta span {
		width: 100%;
	}
	.page-template-page-whole-body .paragraph--type--slide-cta.text-block-wide span {
		width: 100%;
	}
	.page-template-page-whole-body .paragraph--type--slide-cta span img {
		width: 100%;
		max-width: 592px;
		margin: 0 auto;
	}
	.page-template-page-whole-body #block-avrobio-content > article div.field__item:nth-child(4) .paragraph--type--grid-container > .field__items {
		padding-top: 0;
	}
	.page-template-page-whole-body .explore.cta { 
		padding-top: 70px;
	}
}
/* END Treating The Whole Body */

.paragraph--type--cta-carousel {
  margin-bottom: 100px; }
  .paragraph--type--cta-carousel .slick-slider {
    z-index: 2; }
    .paragraph--type--cta-carousel .slick-slider.slick-dotted {
      margin-bottom: 0; }
  .paragraph--type--cta-carousel .slicknav {
    width: 35%;
    margin: 40px auto;
    text-align: center;
    z-index: 2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* from laptop to desktop */ }
    .paragraph--type--cta-carousel .slicknav .slick-prev {
      left: 0; }
    .paragraph--type--cta-carousel .slicknav .slick-next {
      right: 0;
      transform: scaleX(-1);
      top: 0; }
    .paragraph--type--cta-carousel .slicknav .slick-arrow:before {
      background: url("/wp-content/themes/avrobio/assets/images/brand-carousel-arrow.svg") top right no-repeat;
      content: '';
      display: block;
      width: 12px;
      height: 21px; }
    .paragraph--type--cta-carousel .slicknav .slick-dots {
      display: inline-block;
      position: static;
      width: auto; }
    @media screen and (max-width: 860px) {
      .paragraph--type--cta-carousel .slicknav {
        margin-top: 30px;
        width: 100%; } }
  .paragraph--type--cta-carousel.background-image {
    overflow: visible;
    position: relative;
    width: 100%;
    z-index: 2;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .paragraph--type--cta-carousel.background-image {
        padding: 30px 0; } }
    .paragraph--type--cta-carousel.background-image:after {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      width: 2000vw;
      height: 100%;
      transform: scaleX(-1);
      transform-origin: 0 0;
      background: #ecf0f9;
      background: url("/wp-content/themes/avrobio/assets/images/nasdaq-avro-checkmark.png") 0 0 #fff no-repeat;
      background-size: auto 100%; }

	.paragraph--type--slide-cta {
  display: flex;
  flex-direction: row; }

    /* from laptop to desktop */

    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--slide-cta .field--name-field-content {
        /*padding-right: 40px;
        max-width: 40%; */    margin-right: 20px;
    max-width: 441px;}
      .paragraph--type--slide-cta .field--name-field-content.wide {
        margin-right: 20px;
    max-width: 554px;} }
  .paragraph--type--slide-cta h2, .paragraph--type--slide-cta p.icon-top-style {
    font-size: 42px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative; }
    .paragraph--type--slide-cta h2:before, .paragraph--type--slide-cta p.icon-top-style:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 24px;
      height: 3px;
      background: #da1884; }
  .paragraph--type--slide-cta h4, .paragraph--type--slide-cta h5, .paragraph--type--slide-cta q {
    color: #1a408c; }
  .paragraph--type--slide-cta h4 {
    font-size: 20px;
    margin-bottom: 10px; }
  .paragraph--type--slide-cta h5 {
    margin-bottom: 10px; }
  .paragraph--type--slide-cta q {
    display: block;
    font-size: 24px;
    line-height: 34px;
    margin: 30px 0;
    quotes: "“" "”"; }
    .paragraph--type--slide-cta q:before {
      content: open-quote; }
    .paragraph--type--slide-cta q:after {
      content: close-quote; }
  .paragraph--type--slide-cta .field--name-field-content {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    /*@media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--slide-cta .field--name-field-content {
        padding-top: 200px; } }*/
    @media screen and (max-width: 860px) {
      .paragraph--type--slide-cta .field--name-field-content {
        padding: 0 15px; } }

.featured-investor-news {
  position: relative;
  background: url("/wp-content/themes/avrobio/assets/images/nasdaq-news.jpg") top left no-repeat #1d428a;
  background-size: auto 100%;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* news item */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .featured-investor-news {
      background: url("/wp-content/themes/avrobio/assets/images/nasdaq-news.jpg") top right no-repeat #1d428a;
      background-size: auto 100%; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .featured-investor-news {
      padding: 50px 2vw 10px 47px; } }
  @media screen and (max-width: 860px) {
    .featured-investor-news {
      padding: 45px 15px;
      order: 2; } }
  .featured-investor-news > * {
    position: relative;
    z-index: 2; }
  .featured-investor-news:after {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .featured-investor-news:after {
        content: '';
        position: absolute;
        top: 0;
        width: 100vw;
        height: 100%;
        transform: scaleX(-1);
        transform-origin: 100% 100%;
        z-index: 1;
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */ } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
    .featured-investor-news:after {
      right: 291px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
    .featured-investor-news:after {
      right: 360px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
    .featured-investor-news:after {
      right: 230px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 9999px) {
    .featured-investor-news:after {
      background: url("/wp-content/themes/avrobio/assets/images/news-bg.jpg") top right no-repeat #f3f3f3; } }
  .featured-investor-news h3, .featured-investor-news #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .featured-investor-news .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  .featured-investor-news #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .featured-investor-news .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  .featured-investor-news #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .featured-investor-news .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  .featured-investor-news #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .featured-investor-news .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .featured-investor-news .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .featured-investor-news .field--name-field-title {
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    color: #fff; }
    .featured-investor-news h3 strong, .featured-investor-news #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, #body .featured-investor-news .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, .featured-investor-news #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, #body .featured-investor-news .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, .featured-investor-news #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, #body .featured-investor-news .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, .featured-investor-news #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, #body .featured-investor-news .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, .featured-investor-news .paragraph--type--image-and-caption-carousel .field--name-field-title strong, .paragraph--type--image-and-caption-carousel .featured-investor-news .field--name-field-title strong {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      color: #fff;
      margin-bottom: 10px; }
  .featured-investor-news article {
    padding-top: 30px;
    padding-bottom: 10px;
    border-top: 1px solid rgba(236, 240, 249, 0.3);
    /* date */
    /* title */
    /* description */ }
    .featured-investor-news article h4 {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 10px;
      color: #fff;
      margin-bottom: 10px; }
    .featured-investor-news article h3, .featured-investor-news article #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .featured-investor-news article .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .featured-investor-news article #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .featured-investor-news article .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .featured-investor-news article #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .featured-investor-news article .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .featured-investor-news article #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .featured-investor-news article .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .featured-investor-news article .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .featured-investor-news article .field--name-field-title {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 500;
      margin-bottom: 15px;
      font-size: 18px;
      color: #fff; }
    .featured-investor-news article p, .featured-investor-news article ul, .featured-investor-news article ol, .featured-investor-news article li {
      color: #fff; }
    .featured-investor-news article p {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 15px;
      font-size: 10px;
      line-height: 16px;
      color: #fff; }
      .featured-investor-news article p a {
        color: white; }
        .featured-investor-news article p a.btn, .featured-investor-news article p body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .featured-investor-news article p a {
          margin-left: 0;
          /* from laptop to desktop */ }
          @media screen and (max-width: 860px) {
            .featured-investor-news article p a.btn, .featured-investor-news article p body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .featured-investor-news article p a {
              display: block;
              text-align: center; } }
    .featured-investor-news article .summary {
      max-height: 95px;
      overflow: hidden;
      margin-bottom: 1em; }
    .featured-investor-news article .link-btn {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      position: relative;
      padding-right: 70px;
      display: block;
      font-size: 14px;
      text-decoration: none;
      color: #fff; }
      .featured-investor-news article .link-btn:hover {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .featured-investor-news article .link-btn:hover {
            text-decoration: underline; } }
      .featured-investor-news article .link-btn:hover {
        color: #fff; }
      .featured-investor-news article .link-btn:after {
        content: '';
        position: relative;
        top: 2px;
        margin-left: 6px;
        width: 24px;
        height: 12px;
        display: inline-block;
        background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
        background-size: auto 20px; }
      .featured-investor-news article .link-btn:hover:after {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .featured-investor-news article .link-btn:hover:after {
            animation: 400ms link_arrow ease-in-out forwards; } }

body.home .featured-investor-news:after {
  /* from laptop to desktop */ }
  @media screen and (min-width: 860px) and (max-width: 1024px) {
    body.home .featured-investor-news:after {
      right: 255px; } }

.paragraph--type--grid-container {
  position: relative; }
  .paragraph--type--grid-container .field--name-field-grid-item {
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow: visible;
    z-index: 2;
    background: #fff; }
    .paragraph--type--grid-container .field--name-field-grid-item:before, .paragraph--type--grid-container .field--name-field-grid-item:after {
      content: '';
      position: absolute; }

.paragraph--type--two-column-info-50-50 .flex-container {
  display: flex; }

.paragraph--type--two-column-info-50-50 .col-image {
  flex: 0 0 120px;
  padding-right: 20px; }

.paragraph--type--image-carousel .slick-dotted.slick-slider {
  margin-bottom: 0; }

.paragraph--type--image-carousel .slick-slider {
  position: relative; }
  .paragraph--type--image-carousel .slick-slider ul.slick-dots {
    width: auto;
    background: #fff;
    padding: 1em;
    position: absolute;
    bottom: 0;
    right: 0; }

.paragraph--type--image-carousel-caption {
  background-color: #fff;
  padding: 2em 2em 0; }

.paragraph--type--image-and-caption-carousel {
  background-color: #ecf0f9;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .paragraph--type--image-and-caption-carousel {
      padding: 90px 0; } }
  @media screen and (max-width: 860px) {
    .paragraph--type--image-and-caption-carousel {
      padding: 0; }
      .field__item {
        width: 100%; } }
  .paragraph--type--image-and-caption-carousel .content-container {
    margin: auto;
    position: relative;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .paragraph--type--image-and-caption-carousel .content-container {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--image-and-caption-carousel .content-container {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--image-and-caption-carousel .content-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap; } }
    @media screen and (max-width: 860px) {
      .paragraph--type--image-and-caption-carousel .content-container {
        padding: 15px; } }
    .paragraph--type--image-and-caption-carousel .content-container .field--name-field-title {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--image-and-caption-carousel .content-container .field--name-field-title {
          flex: 0 0 25%;
          max-width: 25%;
          padding-right: 67px; } }
    .paragraph--type--image-and-caption-carousel .content-container .content-inner-container {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--image-and-caption-carousel .content-container .content-inner-container {
          flex: 0 0 75%;
          max-width: 75%;
          padding-left: 67px; } }
    .paragraph--type--image-and-caption-carousel .content-container .slicknav {
      width: calc(75% - 67px);
      margin-left: auto;
      position: relative;
      text-align: center;
      /* from laptop to desktop */ }
      .paragraph--type--image-and-caption-carousel .content-container .slicknav .slick-prev {
        left: 0; }
      .paragraph--type--image-and-caption-carousel .content-container .slicknav .slick-next {
        right: 0;
        transform: scaleX(-1);
        top: 0; }
      .paragraph--type--image-and-caption-carousel .content-container .slicknav .slick-arrow:before {
        background: url("/wp-content/themes/avrobio/assets/images/brand-carousel-arrow.svg") top right no-repeat;
        content: '';
        display: block;
        width: 12px;
        height: 21px; }
      .paragraph--type--image-and-caption-carousel .content-container .slicknav .slick-dots {
        display: inline-block;
        position: static;
        width: auto; }
      @media screen and (max-width: 860px) {
        .paragraph--type--image-and-caption-carousel .content-container .slicknav {
          margin-top: 30px;
          width: 100%; } }
  .paragraph--type--image-and-caption-carousel .field--name-field-title {
    color: #1a408c; }
  .paragraph--type--image-and-caption-carousel .description {
    max-width: 75%;
    margin-left: auto;
    margin-top: 30px;
    padding-left: 67px;
    /* from laptop to desktop */ }
    .paragraph--type--image-and-caption-carousel .description * {
      color: #384C65; }
    @media screen and (max-width: 860px) {
      .paragraph--type--image-and-caption-carousel .description {
        max-width: 100%;
        padding: 0;
        background-color: #ecf0f9; }
        .paragraph--type--image-and-caption-carousel .description:before {
          display: none; } }
  .paragraph--type--image-and-caption-carousel .field--name-field-image img {
    width: 100%; }

.paragraph--type--leader-carousel .slick-arrow:before {
  background: url("/wp-content/themes/avrobio/assets/images/white-carousel-arrow.svg") top right no-repeat;
  content: '';
  display: block;
  width: 12px;
  height: 21px; }

.paragraph--type--leader-carousel .slick__arrow {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .paragraph--type--leader-carousel .slick__arrow {
      bottom: 0;
      top: auto; } }

.paragraph--type--leader-carousel .slick-prev {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .paragraph--type--leader-carousel .slick-prev {
      left: 0; } }

.paragraph--type--leader-carousel .slick-next {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .paragraph--type--leader-carousel .slick-next {
      top: -10px; } }

.paragraph--type--leader-carousel .slick-next {
  right: 0;
  transform: scaleX(-1);
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .paragraph--type--leader-carousel .slick-next {
      bottom: -510px; } }

.paragraph--type--patient-tiles {
  position: relative;
  overflow: hidden;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .paragraph--type--patient-tiles {
      padding: 120px 0;
      background: url("/wp-content/themes/avrobio/assets/images/desktop-patients-families.jpg") #123079 50% 0 no-repeat;
      background-size: auto 100%; } }
  @media screen and (max-width: 860px) {
    .paragraph--type--patient-tiles {
      padding: 68px 0;
      background: url("/wp-content/themes/avrobio/assets/images/mobile-patients-families.png") #122c5f no-repeat;
      background-size: cover; } }
  .paragraph--type--patient-tiles .field--name-field-content {
    position: relative;
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .paragraph--type--patient-tiles .field--name-field-content {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--patient-tiles .field--name-field-content {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (max-width: 860px) {
      .paragraph--type--patient-tiles .field--name-field-content {
        padding: 0 15px 25px 15px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--patient-tiles .field--name-field-content {
        padding: 0 100px 100px;
        text-align: center; } }
    .paragraph--type--patient-tiles .field--name-field-content * {
      color: #fff; }
    .paragraph--type--patient-tiles .field--name-field-content h3:after, .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--two-column-info > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--two-column-info > .field__item:nth-of-type(1):after,
    .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1):after,
    .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--three-column-info > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--three-column-info > .field__item:nth-of-type(1):after,
    .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1):after, .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--image-and-caption-carousel .field--name-field-title:after, .paragraph--type--image-and-caption-carousel .paragraph--type--patient-tiles .field--name-field-content .field--name-field-title:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--patient-tiles .field--name-field-content h3:after, .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--two-column-info > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--two-column-info > .field__item:nth-of-type(1):after,
        .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1):after,
        .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--three-column-info > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--three-column-info > .field__item:nth-of-type(1):after,
        .paragraph--type--patient-tiles .field--name-field-content #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1):after, #body .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1):after, .paragraph--type--patient-tiles .field--name-field-content .paragraph--type--image-and-caption-carousel .field--name-field-title:after, .paragraph--type--image-and-caption-carousel .paragraph--type--patient-tiles .field--name-field-content .field--name-field-title:after {
          left: 50%;
          transform: translateX(-50%); } }
  .paragraph--type--patient-tiles .field--name-field-patient-tiles {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .paragraph--type--patient-tiles .field--name-field-patient-tiles {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .paragraph--type--patient-tiles .field--name-field-patient-tiles {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    .paragraph--type--patient-tiles .field--name-field-patient-tiles > .field__item {
      margin: 0 15px 15px 0;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--patient-tiles .field--name-field-patient-tiles > .field__item {
          flex: 0 0 calc(50% - 15px + 7.5px);
          max-width: calc(50% - 15px + 7.5px); }
          .paragraph--type--patient-tiles .field--name-field-patient-tiles > .field__item:nth-child(2n + 0) {
            margin-right: 0; } }
      @media screen and (max-width: 860px) {
        .paragraph--type--patient-tiles .field--name-field-patient-tiles > .field__item {
          flex: 0 0 calc(100% - 15px + 15px);
          max-width: calc(100% - 15px + 15px); }
          .paragraph--type--patient-tiles .field--name-field-patient-tiles > .field__item:nth-child(1n + 0) {
            margin-right: 0; } }
    @media screen and (max-width: 860px) {
      .paragraph--type--patient-tiles .field--name-field-patient-tiles {
        padding: 0 15px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .paragraph--type--patient-tiles .field--name-field-patient-tiles {
        padding: 0 100px; } }
    .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item > article {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item > article {
          padding-bottom: 10px; } }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item > article {
          padding-bottom: 30px; } }
    .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-media-image img {
      margin-bottom: 20px;
      width: 100%; }
    .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-title {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 10px;
      margin-bottom: 5px;
      color: #fff; }
    .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      position: relative;
      padding-right: 70px;
      display: block;
      font-size: 14px;
      text-decoration: none;
      color: #fff;
      display: block;
      font-weight: 400; }
      .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a:hover {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a:hover {
            text-decoration: underline; } }
      .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a:hover {
        color: #fff; }
      .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a:after {
        content: '';
        position: relative;
        top: 2px;
        margin-left: 6px;
        width: 24px;
        height: 12px;
        display: inline-block;
        background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
        background-size: auto 20px; }
      .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a:hover:after {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .paragraph--type--patient-tiles .field--name-field-patient-tiles .field__item .field--name-field-link-to a:hover:after {
            animation: 400ms link_arrow ease-in-out forwards; } }

.paragraph--type--slider .field--name-field-image {
  width: 100%; }

#block-ourviewsheadertexthomepage {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    #block-ourviewsheadertexthomepage {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: auto;
      margin-bottom: 2em;
      width: calc(100% - 30px);
      padding: 0 30px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-ourviewsheadertexthomepage {
      flex: 0 0 29.65%;
      max-width: 29.65%;
      margin-right: 1.5em;
      margin-left: 130px; } }
  #block-ourviewsheadertexthomepage .field--name-body p {
    margin-bottom: 10px; }
  #block-ourviewsheadertexthomepage .field--name-body h2, #block-ourviewsheadertexthomepage .field--name-body p.icon-top-style {
    font-size: 28px;
    margin-bottom: 0; }

#block-ourviewslinkhomepage {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    #block-ourviewslinkhomepage {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: auto;
      margin-bottom: 2em;
      width: calc(100% - 30px);
      padding: 0 30px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-ourviewslinkhomepage {
      flex: 0 0 19.75%;
      max-width: 19.75%;
      align-self: flex-end;
      text-align: right;
      margin-left: 1.5em; } }
  #block-ourviewslinkhomepage .field--name-body {
    /* from laptop to desktop */ }
    #block-ourviewslinkhomepage .field--name-body p {
      margin-bottom: 0; }
    @media screen and (max-width: 860px) {
      #block-ourviewslinkhomepage .field--name-body .btn, #block-ourviewslinkhomepage .field--name-body body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy #block-ourviewslinkhomepage .field--name-body a {
        display: block;
        text-align: center; } }

/*******************************/
/**** *** MODAL WINDOW **** ***/
/*****************************/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  /* z-index: 10; */
  z-index: 111111;
  /* background */
  /* modal window */
  /* SHOW MODAL */
  /* external link content */ }
  .modal > b {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 1;
    background: #1d428a; }
  .modal > dialog {
    position: fixed;
    padding: 36px 0;
    display: block;
    overflow: hidden;
    z-index: 2;
    background: #fff;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .modal > dialog {
        top: 50%;
        left: 50%;
        width: 897px;
        height: auto;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75); } }
    @media screen and (max-width: 860px) {
      .modal > dialog {
        width: 100%;
        height: 100%; } }
  .modal button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 48px;
    height: 48px;
    background: url("/wp-content/themes/avrobio/assets/images/brand-modal-close-btn.svg") 50% 50% no-repeat;
    background-size: 60px auto; }
  .modal h2, .modal p.icon-top-style {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px; }
    .modal h2:before, .modal p.icon-top-style:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 24px;
      height: 3px;
      background: #da1884; }
  .modal main {
    padding: 0 48px;
    height: 100%;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .modal main {
        padding: 30px 15px 0 15px; } }
    .modal main.active {
      display: block; }
  .modal.active {
    display: block; }
  .modal .external .close-btn {
    color: #384C65;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .modal .external .close-btn {
        padding: 18px 48px;
        width: 100%;
        display: block;
        text-align: center; } }
  .modal .external .btn, .modal .external body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .modal .external a {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .modal .external .btn, .modal .external body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .modal .external a {
        margin-right: 40px; } }
    @media screen and (max-width: 860px) {
      .modal .external .btn, .modal .external body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .modal .external a {
        margin-bottom: 15px;
        width: 100%;
        text-align: center; } }

/*********************************/
/**** *** SIDE INDICATOR **** ***/
/*******************************/
/* SIDE INDICATION (RIGHT) */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  #side_indicator {
    position: fixed;
    top: 320px;
    right: 34px;
    z-index: 4;
    text-align: right; }
    #side_indicator ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #side_indicator ul > li {
        margin: 0;
        padding: 0; }
    #side_indicator a {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px; }
      #side_indicator a:after {
        content: '';
        margin-left: 0;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        display: inline-block;
        transition: all 300ms ease-in-out; }
      #side_indicator a span {
        opacity: 0;
        transition: all 300ms ease-in-out; }
    #side_indicator li {
      margin-bottom: 8px; }
      #side_indicator li.active a:after {
        margin-left: 16px;
        border: 1px solid #da1884;
        background: #da1884; }
      #side_indicator li.active a span {
        opacity: 1; }
    #side_indicator[data-side-text="light"] a {
      color: #fff; }
      #side_indicator[data-side-text="light"] a:after {
        border: 1px solid #fff; }
    #side_indicator[data-side-text="dark"] a {
      color: #1a408c; }
      #side_indicator[data-side-text="dark"] a:after {
        border: 1px solid #1a408c; }
    #side_indicator[data-side-text="light"].in-hero a, #side_indicator[data-side-text="dark"].in-hero a {
      color: #fff; }
      #side_indicator[data-side-text="light"].in-hero a:after, #side_indicator[data-side-text="dark"].in-hero a:after {
        border: 1px solid #fff; } }

/* from laptop to desktop */
@media screen and (max-width: 860px) {
  #side_indicator {
    display: none; } }

/* SECTION INDICATION (LEFT) */
/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  #body > article:not([data-mid-content]) {
    counter-increment: section; }
    #body > article:not([data-mid-content])[data-side-text="light"] > section:before {
      color: #fff; }
    #body > article:not([data-mid-content]) > section:before {
      content: "0" counter(section);
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      position: absolute;
      top: 178px;
      left: 50px;
      padding-bottom: 4px;
      font-size: 12px;
      display: inline-block;
      border-bottom: 2px solid #da1884; } }

.spv-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: #1d428a; }

.spv-top-popup {
  border-radius: 0;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .spv-top-popup {
      padding: 80px 0 15px 0; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .spv-top-popup {
      top: 50%;
      left: 50%;
      padding: 90px;
      width: 80%;
      max-width: 900px;
      max-height: calc(100% - 250px);
      transform: translate(-50%, -50%);
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75);
      overflow-y: auto;
      overflow-x: hidden; } }

.spv_close {
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
  background: transparent; }
  .spv_close:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/wp-content/themes/avrobio/assets/images/brand-modal-close-btn.svg") 50% 50% no-repeat;
    background-size: 60px auto; }

.patient-tiles.cta {
  position: relative;
  overflow: hidden;
  background: #122c5f;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* set page width */
  /* title */
  /* paragraph */
  /* button link */
  /* cta colour */
  /* reference */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .patient-tiles.cta {
      padding: 200px 0; } }
  @media screen and (max-width: 860px) {
    .patient-tiles.cta {
      padding: 68px 0; } }
  .patient-tiles.cta > span:before, .patient-tiles.cta:before, .patient-tiles.cta:after {
    content: '';
    position: absolute;
    z-index: 3;
    background: url("/wp-content/themes/avrobio/assets/images/image-cell-bg.png") no-repeat;
    background-size: cover; }
  .patient-tiles.cta:before {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .patient-tiles.cta:before {
        top: -340px;
        left: -270px;
        width: 727px;
        height: 717px; } }
    @media screen and (max-width: 860px) {
      .patient-tiles.cta:before {
        top: -78px;
        left: -93px;
        width: 160px;
        height: 160px; } }
  .patient-tiles.cta:after {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .patient-tiles.cta:after {
        top: -320px;
        right: -250px;
        width: 600px;
        height: 600px;
        filter: blur(8px); } }
    @media screen and (max-width: 860px) {
      .patient-tiles.cta:after {
        top: -44px;
        right: -44px;
        width: 120px;
        height: 120px;
        filter: blur(4px); } }
  .patient-tiles.cta > span:before {
    width: 180px;
    height: 180px;
    animation: cell-rotating 400s linear infinite;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .patient-tiles.cta > span:before {
        bottom: 20px;
        right: -90px; } }
    @media screen and (max-width: 860px) {
      .patient-tiles.cta > span:before {
        bottom: -50px;
        right: -90px; } }
  .patient-tiles.cta > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .patient-tiles.cta > main {
    position: relative;
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    z-index: 4; }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .patient-tiles.cta > main {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .patient-tiles.cta > main {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    .patient-tiles.cta > main > section.content {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .patient-tiles.cta > main > section.content {
          padding-left: calc(25% + 67px); } }
      @media screen and (max-width: 860px) {
        .patient-tiles.cta > main > section.content {
          padding: 0 15px; } }
  .patient-tiles.cta h2, .patient-tiles.cta p.icon-top-style,
  .patient-tiles.cta h2.title-style,
  .patient-tiles.cta p.title-style.icon-top-style {
    margin-bottom: 30px;
    padding-bottom: 30px;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .patient-tiles.cta h2, .patient-tiles.cta p.icon-top-style,
      .patient-tiles.cta h2.title-style,
      .patient-tiles.cta p.title-style.icon-top-style {
        font-size: 42px;
        line-height: 42px; } }
    @media screen and (max-width: 860px) {
      .patient-tiles.cta h2, .patient-tiles.cta p.icon-top-style,
      .patient-tiles.cta h2.title-style,
      .patient-tiles.cta p.title-style.icon-top-style {
        font-size: 28px;
        line-height: 28px; } }
    .patient-tiles.cta h2 strong, .patient-tiles.cta p.icon-top-style strong,
    .patient-tiles.cta h2.title-style strong,
    .patient-tiles.cta p.title-style.icon-top-style strong {
      padding-bottom: 4px;
      color: #fff;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .patient-tiles.cta h2 strong, .patient-tiles.cta p.icon-top-style strong,
        .patient-tiles.cta h2.title-style strong,
        .patient-tiles.cta p.title-style.icon-top-style strong {
          font-size: 12px; } }
    .patient-tiles.cta h2 sup, .patient-tiles.cta p.icon-top-style sup,
    .patient-tiles.cta h2.title-style sup,
    .patient-tiles.cta p.title-style.icon-top-style sup {
      top: -20px;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .patient-tiles.cta h2 sup, .patient-tiles.cta p.icon-top-style sup,
        .patient-tiles.cta h2.title-style sup,
        .patient-tiles.cta p.title-style.icon-top-style sup {
          top: -15px; } }
    .patient-tiles.cta h2 br, .patient-tiles.cta p.icon-top-style br,
    .patient-tiles.cta h2.title-style br,
    .patient-tiles.cta p.title-style.icon-top-style br {
      display: none; }
  .patient-tiles.cta p {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .patient-tiles.cta p {
        margin-bottom: 20px;
        font-size: 14px; } }
  .patient-tiles.cta .link-arrow a {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    padding-right: 70px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff; }
    .patient-tiles.cta .link-arrow a:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .patient-tiles.cta .link-arrow a:hover {
          text-decoration: underline; } }
    .patient-tiles.cta .link-arrow a:hover {
      color: #fff; }
    .patient-tiles.cta .link-arrow a:after {
      content: '';
      position: relative;
      top: 2px;
      margin-left: 6px;
      width: 24px;
      height: 12px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
      background-size: auto 20px; }
    .patient-tiles.cta .link-arrow a:hover:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .patient-tiles.cta .link-arrow a:hover:after {
          animation: 400ms link_arrow ease-in-out forwards; } }
  .patient-tiles.cta h2, .patient-tiles.cta p.icon-top-style, .patient-tiles.cta h2 strong, .patient-tiles.cta p.icon-top-style strong,
  .patient-tiles.cta h2 a,
  .patient-tiles.cta p.icon-top-style a, .patient-tiles.cta p,
  .patient-tiles.cta ul li,
  .patient-tiles.cta ol li,
  .patient-tiles.cta .ref a {
    color: #fff; }
  
  .patient-tiles.cta h2 a,
  .patient-tiles.cta p.icon-top-style a {
    text-decoration: none; }
    .patient-tiles.cta h2 a:hover, .patient-tiles.cta p.icon-top-style a:hover {
      text-decoration: underline; }
  .patient-tiles.cta .ref {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .patient-tiles.cta .ref {
        padding: 0 15px; }
        .patient-tiles.cta .ref ol li {
          word-wrap: break-word; } }
    .patient-tiles.cta .ref a {
      display: flex;
      border-top: 1px solid #fff;
      justify-content: space-between;
      text-decoration: none;
      font-size: 14px;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .patient-tiles.cta .ref a {
          padding: 16px 22px; } }
      @media screen and (max-width: 860px) {
        .patient-tiles.cta .ref a {
          padding: 10px 6px; } }
      .patient-tiles.cta .ref a:after {
        content: "Expand +";
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px; }
      .patient-tiles.cta .ref a.active:after {
        content: "Collapse -"; }
    .patient-tiles.cta .ref > article {
      display: none; }

.patient-tiles.cta.blog .field__item .paragraph--type--grid-container {
  background: transparent; }
.patient-tiles.cta.blog .field__item .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
  padding: 0 50px;
  background: transparent; }
@media screen and (min-width: 1800px) and (max-width: 9999px) {
	.patient-tiles.cta.blog .field__item .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
		padding: 20px 110px;
	}
}
@media screen and (max-width: 860px) {
	.patient-tiles.cta.blog .field__item .paragraph--type--grid-container > .field--name-field-grid-item.field__items {
		padding: 0;
	}
}
.patient-tiles.cta.blog {
  padding: 60px 0 40px; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .patient-tiles.cta.blog .field__item .paragraph--type--two-column-info {
		padding-top: 0;
	}
	body.page-id-57 #body .patient-tiles.cta.blog .field__item .paragraph--type--two-column-info > .field__item:nth-of-type(1) {
		margin-bottom: 0 !important;
	}
}
.patient-tiles.cta.blog:before {
  z-index: 1; }
.patient-tiles.cta.blog:after {
  z-index: 1; }
.patient-tiles.cta.blog .section-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 40px; }
.patient-tiles.cta.blog .blog-row {
  display: flex;
  justify-content: space-between; }
@media screen and (max-width: 600px) {
	.patient-tiles.cta.blog .blog-row {
		flex-direction: column;
	}
}
.patient-tiles.cta.blog .blog-row .views-row {
  width: 45.45%; }
@media screen and (max-width: 600px) {
	.patient-tiles.cta.blog .blog-row .views-row {
		width: 100%;
		max-width: 400px;
	}
	.patient-tiles.cta.blog .blog-row .views-row:not(:first-of-type) {
		margin-top: 40px;
	}
}
.patient-tiles.cta.blog .blog-row .views-row .blog-title {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px; }
body.page-id-57 #body .patient-tiles.cta.blog .field__item .blog-row .views-row h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  padding-bottom: 20px; }
@media screen and (max-width: 1260px) {
	body.page-id-57 #body .patient-tiles.cta.blog .field__item .blog-row .views-row h2 {
		font-size: 17px;
	}
	.patient-tiles.cta.blog .blog-row .views-row .more-link a {
		font-size: 16px;
	}
}
body.page-id-57 #body .patient-tiles.cta.blog .field__item .blog-row .views-row h2 a {
  color: #ffffff; }
body.page-id-57 #body .patient-tiles.cta.blog .field__item .blog-row .views-row img {
  margin-bottom: 20px; }
.patient-tiles.cta.blog .blog-row .views-row .more-link {
  text-align: right;
  padding-top: 0; }
.patient-tiles.cta.blog .blog-row .views-row .more-link a {
  font-size: 18px;
  color: #c693ce;
  padding-right: 30px; }
.patient-tiles.cta.blog .blog-row .views-row .more-link a:after {
  background-image: url("/wp-content/themes/avrobio/assets/images/pink-arrow-right.svg");
  background-size: 18px auto; }


/******************************/
/**** **** VARIATIONS **** ***/
/****************************/
body.page-id-54 .patient-tiles.cta:before {
  top: auto;
  bottom: -340px; }

/*****************************/
/**** **** ANIMATION **** ***/
/***************************/
@keyframes cell-rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes cell-rotating-reverse {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }

/****************************/
/**** **** VARIABLE **** ***/
/**************************/
/****************************/
/**** **** PIPELINE **** ***/
/**************************/
body.page-id-57 #body .field--name-field-grid-item.paragraph--type--two-column-info.field__items {
  flex-direction: row;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-57 #body .field--name-field-grid-item.paragraph--type--two-column-info.field__items {
      padding-bottom: 0; } }

body.page-id-57 #body .paragraph--type--two-column-info > .field__item:nth-of-type(2) {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-57 #body .paragraph--type--two-column-info > .field__item:nth-of-type(2) {
      width: 100%; } }

body.page-id-57 #body .field__item h2, body.page-id-57 #body .field__item p.icon-top-style {
  font-size: 28px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-57 #body .field__item h2, body.page-id-57 #body .field__item p.icon-top-style {
      position: relative;
      padding-bottom: 40px;
      margin-bottom: 10px; }
      body.page-id-57 #body .field__item h2:before, body.page-id-57 #body .field__item p.icon-top-style:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 24px;
        height: 3px;
        background: #da1884; } }

body.page-id-57 #body .pipeline-accordions-headline > .field__item:nth-of-type(1) {
  padding-right: 0; }
@media screen and (max-width: 1060px) {
	body.page-id-57 #body .pipeline-accordions-headline > .field__item:nth-of-type(1) {
		flex: 0 0 33%;
		max-width: 33%;
	}
}
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions-headline > .field__item:nth-of-type(1) {
		flex: 0 0 100%;
		max-width: 100%;
	}
	body.page-id-57 #body .pipeline-accordions-headline > .field__item:nth-of-type(1) h2 {
		padding-bottom: 0;
	}
}
body.page-id-57 #body .pipeline-accordions {
  width: 100%;
  max-width: none;
  padding: 0 0 55px; }
@media screen and (max-width: 1260px) {
	body.page-id-57 #body .pipeline-accordions {
		width: calc(100% - 50px);
		margin-left: 50px;
	}
}
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions {
		width: 100%;
		margin-left: 0;
		padding: 0 15px 40px;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-callout-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 200px; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-callout-wrap {
  		max-width: 150px;
	}
}
@media screen and (max-width: 500px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-callout-wrap {
  		display: none;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-callout {
  position: sticky;
  top: 130px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #d91884;
  border-bottom: 1px solid #d91884;
  border-left: 1px solid #d91884;
  box-shadow: -10px 10px 20px -10px rgba(29,65,138,0.33);
  margin-bottom: 55px;
  padding:15px 15px 20px;
  background: #ffffff; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-callout {
  		top: 80px;
		margin-bottom: 40px;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-title {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  color: #d91884;
  text-align: center;
  margin-bottom: 10px; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-title {
  		font-size: 18px;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-image {
  width: 100%;
  max-width: 160px;
  margin-bottom: 10px; }
body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-image img {
  display: block; }
body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-text {
  text-align: center; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-text {
		display: none;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-text p {
  font-size: 15px;
  margin-bottom: 15px; }
body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-btn .btn {
  padding: 4px 25px; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-callout .pipeline-callout-btn .btn {
  		padding: 4px 15px;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-accordions-pad {
  width: 100%;
  max-width: 894px;
  margin: 0 auto;
  padding: 0 50px; }
@media screen and (min-width: 1800px) and (max-width: 9999px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-accordions-pad {
		max-width: 1040px;
	}
}
@media screen and (max-width: 1260px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-accordions-pad {
		width: auto;
		margin-right: 200px;
		margin-left: 0;
	}
}
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-accordions-pad {
		margin-right: 150px;
		padding: 0 25px 0 0;
	}
}
@media screen and (max-width: 500px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-accordions-pad {
		margin-right: 0;
		padding-right: 0;
	}
}
body.page-id-57 #body .pipeline-item {
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(49, 46, 62, 0.3); }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-item {
		margin-bottom: 20px;
	}
}
body.page-id-57 #body .field--name-field-pipeline-graph-accordion-i .field__item:last-of-type .pipeline-item {
  margin-bottom: 0; }
body.page-id-57 #body .pipeline-accordions .pipeline-bottom-copy {
  padding: 35px 0 0 182px; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .pipeline-accordions .pipeline-bottom-copy {
		padding-left: 0;
	}
}
body.page-id-57 #body .pipeline-accordions .pipeline-bottom-copy p {
  color: #7b7b7b; }
body.page-id-57 #body .pipeline-accordions .pipeline-bottom-copy p:first-of-type {
  margin-bottom: 36px; }
body.page-id-57 #body .pipeline-accordions .pipeline-bottom-copy p:not(:first-of-type) {
  margin-bottom: 20px; }
body.page-id-57 #body .pipeline-accordions .pipeline-bottom-copy p:last-of-type {
  margin-bottom: 0; }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-57 #body .pipeline-item {
      display: flex;
      flex-wrap: wrap; } }
  body.page-id-57 #body .pipeline-item h3, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  body.page-id-57 #body .pipeline-item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  body.page-id-57 #body .pipeline-item .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), body.page-id-57 #body .pipeline-item .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel body.page-id-57 #body .pipeline-item .field--name-field-title {
    position: relative;
    margin: 0;
    font-size: 28px;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-57 #body .pipeline-item h3, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      body.page-id-57 #body .pipeline-item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      body.page-id-57 #body .pipeline-item .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), body.page-id-57 #body .pipeline-item .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel body.page-id-57 #body .pipeline-item .field--name-field-title {
        top: -6px; } }
    @media screen and (max-width: 860px) {
      body.page-id-57 #body .pipeline-item h3, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      body.page-id-57 #body .pipeline-item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      body.page-id-57 #body .pipeline-item .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), body.page-id-57 #body .pipeline-item .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel body.page-id-57 #body .pipeline-item .field--name-field-title {
        margin-bottom: 10px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: 21px; } }
    body.page-id-57 #body .pipeline-item h3 strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--image-and-caption-carousel .field--name-field-title strong, .paragraph--type--image-and-caption-carousel body.page-id-57 #body .pipeline-item .field--name-field-title strong {
      color: #312e3e;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-57 #body .pipeline-item h3 strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--image-and-caption-carousel .field--name-field-title strong, .paragraph--type--image-and-caption-carousel body.page-id-57 #body .pipeline-item .field--name-field-title strong {
          font-size: 18px; } }
      @media screen and (max-width: 860px) {
        body.page-id-57 #body .pipeline-item h3 strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--three-column-info > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) strong, body.page-id-57 #body .pipeline-item .paragraph--type--image-and-caption-carousel .field--name-field-title strong, .paragraph--type--image-and-caption-carousel body.page-id-57 #body .pipeline-item .field--name-field-title strong {
          position: relative;
          top: 7px;
          font-size: 14px; } }
  body.page-id-57 #body .pipeline-item .title ul {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-57 #body .pipeline-item .title ul {
        display: none; } }
    @media screen and (max-width: 860px) {
      body.page-id-57 #body .pipeline-item .title ul {
        width: calc(100% - 40px);
        margin: 0;
        padding: 0;
        list-style-type: none;
        order: 2;
        margin-bottom: 5px;
        display: flex; }
        body.page-id-57 #body .pipeline-item .title ul > li {
          margin: 0;
          padding: 0; }
        body.page-id-57 #body .pipeline-item .title ul li {
          margin: 0;
          padding: 0;
          font-size: 8px;
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 500;
          text-align: center; }
          body.page-id-57 #body .pipeline-item .title ul li:nth-child(1) {
            width: 50%; }
          body.page-id-57 #body .pipeline-item .title ul li:nth-child(2) {
            width: 50%; }
          body.page-id-57 #body .pipeline-item .title ul li:before {
            display: none; } }

body.page-id-57 #body .label {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-57 #body .label ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      margin-right: 160px;
      margin-left: 182px;
      display: flex;
      /* from laptop to desktop */ }
      body.page-id-57 #body .label ul > li {
        margin: 0;
        padding: 0; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
    body.page-id-57 #body .label ul {
      margin-left: 152px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-57 #body .label ul li {
        /* from laptop to desktop */
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: 500;
        text-align: center; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
      body.page-id-57 #body .label ul li {
        font-size: 10px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-57 #body .label ul li:nth-child(1) {
          width: 50%; }
        body.page-id-57 #body .label ul li:nth-child(2) {
          width: 50%; /* from laptop to desktop */ } }
      @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
        body.page-id-57 #body .label ul li:nth-child(3) {
          width: 36%; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-57 #body .label ul li:before {
          display: none; } }
  @media screen and (max-width: 860px) {
    body.page-id-57 #body .label {
      display: none; } }

body.page-id-57 #body .title {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-57 #body .title {
      flex: 0 0 182px;
      max-width: 182px; } }
  @media screen and (min-width: 860px) and (max-width: 1024px) {
    body.page-id-57 #body .title {
      flex: 0 0 162px;
      max-width: 162px; } }
  @media screen and (max-width: 860px) {
    body.page-id-57 #body .title {
      display: flex;
      flex-direction: column; } }

body.page-id-57 #body .graph-set {
  /* from laptop to desktop */ }
body.page-id-57 #body .graph-row {
  display: flex; }
body.page-id-57 #body .graph-set {
  flex-grow: 1; }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-57 #body .pipeline-accordion {
      display: flex;
      flex-direction: column;
      flex: 0 0 calc(100% - 182px);
      max-width: calc(100% - 182px); }
    body.page-id-57 #body .graph-set {
      padding-right: 35px; } }
  body.page-id-57 #body .graph-set .graph {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    height: 23px;
    background: #fff; }
    body.page-id-57 #body .graph-set .graph:before, body.page-id-57 #body .graph-set .graph:after {
      content: '';
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      z-index: 2;
      border-right: 1px dashed #fff; }
    body.page-id-57 #body .graph-set .graph:before {
      left: 50%; }
    body.page-id-57 #body .graph-set .graph:after {
      display: none;
      /* left: 54%; */ }
    body.page-id-57 #body .graph-set .graph i {
      position: absolute;
      height: 23px; }
  body.page-id-57 #body .graph-set h4 {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-57 #body .graph-set h4 {
        display: none; } }
    @media screen and (max-width: 860px) {
      body.page-id-57 #body .graph-set h4 {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 10px; } }

body.page-id-57 #body .anchor-link {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-57 #body .anchor-link {
      flex: 0 0 125px;
      max-width: 125px; } }
/*
  @media screen and (max-width: 860px) {
    body.page-id-57 #body .anchor-link {
      margin-top: 10px; } }
*/
  body.page-id-57 #body .anchor-link a {
    position: relative;
    text-decoration: none;
    color: #1f438b;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-57 #body .anchor-link a {
        top: -8px;
        display: block; } }
    @media screen and (max-width: 860px) {
      body.page-id-57 #body .anchor-link a {
        padding-right: 40px;
        min-height: 30px;
        font-size: 14px;
        display: inline-block; } }
/*
    body.page-id-57 #body .anchor-link a:after {
      content: 'read more'; }
*/
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-57 #body .anchor-link a:after {
          /* display: block; */
          display: none; } }
/*
      @media screen and (max-width: 860px) {
        body.page-id-57 #body .anchor-link a:after {
          line-height: 30px;
          display: inline-block; } }
*/
    body.page-id-57 #body .anchor-link a:before {
      content: '';
      position: absolute;
      right: 0;
      border: 2px solid #1a408c;
      border-radius: 100%;
      display: block;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-57 #body .anchor-link a:before {
          top: 2px;
          width: 33px;
          height: 33px;
          background: url("/wp-content/themes/avrobio/assets/images/brand-accordion-expand.svg") 50% 50% #ecf0f9 no-repeat;
          background-size: 21px auto; } }
      @media screen and (max-width: 860px) {
        body.page-id-57 #body .anchor-link a:before {
          width: 26px;
          height: 26px;
          background: url("/wp-content/themes/avrobio/assets/images/brand-accordion-expand.svg") 50% 50% #ecf0f9 no-repeat;
          background-size: 21px auto; } }

body.page-id-57 #body .content {
  position: relative;
  display: none;
  max-width: calc(100% - 3px);
  font-size: 14px;
  border:1px solid #90b3de;
  border-top-width:6px;
  box-shadow: -10px 10px 20px -10px rgba(29,65,138,0.33);
  margin: 23px 0 30px 0;
  padding: 30px;
  background: #fff; }
@media screen and (max-width: 860px) {
	body.page-id-57 #body .content {
		max-width: 100%;
		margin-top: 12px;
		padding: 15px;
	}
}
  body.page-id-57 #body .content p:last-of-type {
    margin: 0; }
  body.page-id-57 #body .content:before {
    content: '';
    position: absolute;
    top: -19px;
    right: 0px;
    width: 30px;
    height: 14px;
    background-image: url('/wp-content/themes/avrobio/assets/images/graphic_notch.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-57 #body .content:before {
         } }
  body.page-id-57 #body .content h4 {
    margin-bottom: 30px; }

/*
body.page-id-57 #body .pipeline-item.active .anchor-link a:after {
  content: 'Shrink'; }
*/

body.page-id-57 #body .pipeline-item.active .anchor-link a:before {
  background: url("/wp-content/themes/avrobio/assets/images/brand-accordion-collapse.svg") 50% 50% #ecf0f9 no-repeat;
  background-size: 21px auto; }

body.page-id-57 #body .pipeline-item.active .content {
  display: block; }

body.page-id-57 #body .field__item h2:before, body.page-id-57 #body .field__item p.icon-top-style:before {
  display: none; }

/*
body.page-id-57 #body .paragraph--type--explore-tiles:before,
body.page-id-57 #body .paragraph--type--explore-tiles:after {
  background: #ecf0f9; }
*/

/******************************/
/**** **** VARIATIONS **** ***/
/****************************/
.pipeline-item.blue h3, .pipeline-item.blue #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.blue .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.blue #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.blue .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.blue #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.blue .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.blue #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.blue .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.blue .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.blue .field--name-field-title {
  color: #6079ac; }

.pipeline-item.blue .graph-set .graph i {
  background: #6079ac; }

.pipeline-item.darkblue h3, .pipeline-item.darkblue #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.darkblue .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.darkblue #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.darkblue .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.darkblue #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.darkblue .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.darkblue #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.darkblue .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.darkblue .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.darkblue .field--name-field-title {
  color: #1d418a; }

.pipeline-item.darkblue .graph-set .graph i {
  background: #1d418a; }

.pipeline-item.purple h3, .pipeline-item.purple #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.purple .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.purple #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.purple .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.purple #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.purple .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.purple #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.purple .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.purple .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.purple .field--name-field-title {
  color: #b186bb; }

.pipeline-item.purple .graph-set .graph i {
  background: #b186bb; }

.pipeline-item.purple2 h3, .pipeline-item.purple2 #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.purple2 .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.purple2 #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.purple2 .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.purple2 #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.purple2 .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.purple2 #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.purple2 .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.purple2 .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.purple2 .field--name-field-title {
  color: #6d3e7b; }

.pipeline-item.purple2 .graph-set .graph i {
  background: #6d3e7b; }

.pipeline-item.pink h3, .pipeline-item.pink #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.pink .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.pink #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.pink .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.pink #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.pink .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.pink #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.pink .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.pink .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.pink .field--name-field-title {
  color: #df599f; }

.pipeline-item.pink .graph-set .graph i {
  background: #df599f; }

.pipeline-item.gray h3, .pipeline-item.gray #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.gray .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.gray #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.gray .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.gray #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.gray .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.gray #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.gray .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.gray .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.gray .field--name-field-title {
  color: #6b6a74; }

.pipeline-item.gray .graph-set .graph i {
  background: #6b6a74; }

.pipeline-item.lightblue h3, .pipeline-item.lightblue #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .pipeline-item.lightblue .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.pipeline-item.lightblue #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .pipeline-item.lightblue .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.pipeline-item.lightblue #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .pipeline-item.lightblue .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.pipeline-item.lightblue #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .pipeline-item.lightblue .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .pipeline-item.lightblue .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .pipeline-item.lightblue .field--name-field-title {
  color: #517ae2; }

.pipeline-item.lightblue .graph-set .graph i {
  background: #517ae2; }

.pipeline-item.poc0 .graph-set .graph i {
  width: 0%; }

.pipeline-item.poc25 .graph-set .graph i {
  width: 6.8%; }

.pipeline-item.poc50 .graph-set .graph i {
  width: 13.65%; }

.pipeline-item.poc75 .graph-set .graph i {
  width: 20.48%; }

.pipeline-item.ind0 .graph-set .graph i {
  width: 27.3%; }

.pipeline-item.ind25 .graph-set .graph i {
  width: 34.05%; }

.pipeline-item.ind50 .graph-set .graph i {
  width: 40%; }

.pipeline-item.ind75 .graph-set .graph i {
  width: 47.55%; }

.pipeline-item.phaseonetwo0 .graph-set .graph i {
  width: 54%; }

.pipeline-item.phaseonetwo25 .graph-set .graph i {
  width: 65.73%; }

.pipeline-item.phaseonetwo50 .graph-set .graph i {
  width: 78%; }

.pipeline-item.phaseonetwo75 .graph-set .graph i {
  width: 88.58%; }

.pipeline-item.full .graph-set .graph i {
  width: 100%; }

ul.slick-dots {
  position: relative;
  bottom: unset;
  text-align: left; }
  ul.slick-dots li:before {
    display: none;
    color: transparent; }
  ul.slick-dots li.slick-active button {
    border: 1px solid #da1884;
    background: #da1884; }
  ul.slick-dots li button {
    border: 1px solid #1d428a;
    background-color: #ecf0f9;
    border-radius: 50%;
    width: 5px;
    height: 5px; }
    ul.slick-dots li button:before {
      content: none; }
    ul.slick-dots li button:hover {
      border: 1px solid #da1884;
      background: #da1884;
      opacity: .7; }
      ul.slick-dots li button:hover:before {
        color: transparent; }

body .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-bottom-top,
body .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-bg {
  background: #ecf0f9; }

body .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-body {
  position: relative;
  margin: auto;
  margin-right: auto;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-body {
      padding: 20px 340px 20px 0;
      /* from laptop to desktop */
      /* from laptop to desktop */ } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
    body .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-body {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
    body .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-body {
      width: calc(100% - 100px);
      max-width: 1164px; } }

body .optanon-alert-box-wrapper {
  bottom: 0 !important;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1); }

body .optanon-alert-box-wrapper .optanon-alert-box-bg p {
  color: #1d428a;
  font-size: 14px;
  line-height: 16px;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body .optanon-alert-box-wrapper .optanon-alert-box-bg p {
      padding: 0 15px 15px 15px; } }

body .optanon-alert-box-wrapper .optanon-alert-box-bottom-top {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body .optanon-alert-box-wrapper .optanon-alert-box-bottom-top {
      height: 46px; } }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
      text-align: center; } }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle button {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  position: relative;
  padding: 18px 48px;
  appearance: none;
  color: #fff;
  border: 2px solid #ef248e;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  transition: all 400ms ease-in-out;
  background: #da1884;
  /* from laptop to desktop */ }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle button:hover {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .optanon-alert-box-wrapper .optanon-alert-box-button-middle button:hover {
        color: #fff;
        border: 2px solid #312e3e;
        background: #312e3e; } }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.secondary {
    border: 2px solid #1d428a;
    background: #1d428a; }
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.secondary:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.secondary:hover {
          border: 2px solid #da1884;
          background: #da1884; } }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.full-width {
    width: 100%;
    text-align: center; }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.full-width-on-mobile {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.full-width-on-mobile {
        width: 100%;
        text-align: center; } }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.download {
    padding: 18px 74px 18px 48px; }
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.download:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 24px;
      margin-top: -5px;
      transform: translateY(-50%) rotate(90deg);
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
      background-size: 24px auto; }
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.download:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 26px;
      margin-top: 5px;
      width: 20px;
      height: 7px;
      transform: translateY(-50%);
      background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
      background-size: 20px auto; }
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.download:hover:before {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.download:hover:before {
          animation: 400ms btn_download ease-in-out forwards; } }
  @media screen and (max-width: 860px) {
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button {
      margin: 0 auto 15px auto; } }
  .optanon-alert-box-wrapper .optanon-alert-box-button-middle button:before {
    display: none; }

.optanon-alert-box-bottom-top,
.optanon-alert-box-bg .optanon-alert-box-button-container {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .optanon-alert-box-bottom-top,
    .optanon-alert-box-bg .optanon-alert-box-button-container {
      position: absolute;
      top: 50%;
      left: 50%;
      right: auto;
      margin: auto;
      /* from laptop to desktop */
      /* from laptop to desktop */
      transform: translate(-50%, -50%); } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
    .optanon-alert-box-bottom-top,
    .optanon-alert-box-bg .optanon-alert-box-button-container {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
    .optanon-alert-box-bottom-top,
    .optanon-alert-box-bg .optanon-alert-box-button-container {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  @media screen and (max-width: 860px) {
    .optanon-alert-box-bottom-top,
    .optanon-alert-box-bg .optanon-alert-box-button-container {
      position: relative;
      margin: 0;
      padding: 0 15px; } }

.optanon-alert-box-wrapper .optanon-alert-box-button {
  margin: 0;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .optanon-alert-box-wrapper .optanon-alert-box-button {
      float: none; } }

.optanon-alert-box-wrapper .optanon-alert-box-corner-close {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .optanon-alert-box-wrapper .optanon-alert-box-corner-close {
      right: -50px; } }
  @media screen and (max-width: 860px) {
    .optanon-alert-box-wrapper .optanon-alert-box-corner-close {
      margin: 0;
      right: 0;
      bottom: auto;
      top: 0;
      z-index: 2; } }

#optanon #optanon-popup-top .optanon-close, .optanon-alert-box-wrapper .optanon-alert-box-corner-close button {
  position: absolute;
  right: 0;
  width: 46px;
  height: 46px;
  background: url("/wp-content/themes/avrobio/assets/images/cookie-warning-close.svg") 50% 50% no-repeat;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #optanon #optanon-popup-top .optanon-close, .optanon-alert-box-wrapper .optanon-alert-box-corner-close button {
      top: -6px; } }
  @media screen and (max-width: 860px) {
    #optanon #optanon-popup-top .optanon-close, .optanon-alert-box-wrapper .optanon-alert-box-corner-close button {
      top: 5px; } }

/* SECTIONS */
#block-avrobio-content > article.node--type-blog-posting.node--view-mode-full {
  padding-top: 0; }

.node--type-blog-posting.node--view-mode-teaser .field--name-field-media-image, .node--type-blog-posting.node--view-mode-featured-teaser .field--name-field-media-image {
  margin-bottom: 30px; }
  .node--type-blog-posting.node--view-mode-teaser .field--name-field-media-image img, .node--type-blog-posting.node--view-mode-featured-teaser .field--name-field-media-image img {
    width: 100%;
    height: auto; }

.node--type-blog-posting.node--view-mode-teaser .node__content > a > img, .node--type-blog-posting.node--view-mode-featured-teaser .node__content > a > img {
  margin-bottom: 30px;
  width: 100%;
  height: auto; }

.node--type-blog-posting.node--view-mode-teaser .node__content .mobile-img, .node--type-blog-posting.node--view-mode-featured-teaser .node__content .mobile-img {
  margin-bottom: 30px; }
  .node--type-blog-posting.node--view-mode-teaser .node__content .mobile-img img, .node--type-blog-posting.node--view-mode-featured-teaser .node__content .mobile-img img {
    min-width: 100%;
    height: auto; }

.node--type-blog-posting.node--view-mode-teaser .field--name-field-date, .node--type-blog-posting.node--view-mode-featured-teaser .field--name-field-date {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #1a408c;
  font-size: 10px;
  padding-bottom: 20px;
  text-transform: uppercase; }

.node--type-blog-posting.node--view-mode-teaser h2.node__title, .node--type-blog-posting.node--view-mode-teaser p.node__title.icon-top-style, .node--type-blog-posting.node--view-mode-featured-teaser h2.node__title, .node--type-blog-posting.node--view-mode-featured-teaser p.node__title.icon-top-style {
  color: #1a408c;
  font-size: 21px;
  padding-bottom: 15px;
  margin-bottom: 0; }
  .node--type-blog-posting.node--view-mode-teaser h2.node__title a, .node--type-blog-posting.node--view-mode-teaser p.node__title.icon-top-style a, .node--type-blog-posting.node--view-mode-featured-teaser h2.node__title a, .node--type-blog-posting.node--view-mode-featured-teaser p.node__title.icon-top-style a {
    text-decoration: none;
    color: #1a408c; }

.node--type-blog-posting.node--view-mode-teaser .field--name-body, .node--type-blog-posting.node--view-mode-featured-teaser .field--name-body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-right: 1em;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .node--type-blog-posting.node--view-mode-teaser .field--name-body, .node--type-blog-posting.node--view-mode-featured-teaser .field--name-body {
      max-width: 500px; } }

.node--type-blog-posting.node--view-mode-teaser .more-link, .node--type-blog-posting.node--view-mode-featured-teaser .more-link {
  text-align: left;
  padding-top: 15px; }
  .node--type-blog-posting.node--view-mode-teaser .more-link a, .node--type-blog-posting.node--view-mode-featured-teaser .more-link a {
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #da1884;
    position: relative;
    padding: 3px 40px 3px 0;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-bottom: 0px; }
    .node--type-blog-posting.node--view-mode-teaser .more-link a:after, .node--type-blog-posting.node--view-mode-featured-teaser .more-link a:after {
      content: '';
      background-image: url("/wp-content/themes/avrobio/assets/images/brand-link-arrow.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: block;
      width: 18px;
      height: 18px;
      line-height: 100%;
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      display: inline-block;
      background-size: 24px auto; }
    .node--type-blog-posting.node--view-mode-teaser .more-link a:hover, .node--type-blog-posting.node--view-mode-featured-teaser .more-link a:hover {
      text-decoration: underline; }
      .node--type-blog-posting.node--view-mode-teaser .more-link a:hover:after, .node--type-blog-posting.node--view-mode-featured-teaser .more-link a:hover:after {
        animation: 400ms link_arrow ease-in-out forwards; }

body.single-post #layout #content > .layout-container {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.single-post #layout #content > .layout-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: auto; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.single-post #layout #content > .layout-container {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.single-post #layout #content > .layout-container {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  body.single-post #layout #content > .layout-container > #body {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.single-post #layout #content > .layout-container > #body {
        width: calc(100% - 30px);
        margin: auto; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.single-post #layout #content > .layout-container > #body {
        flex: 0 0 75%;
        max-width: 75%; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.single-post #layout #content > .layout-container > #body {
        flex: 0 0 75%;
        max-width: 75%; } }
    body.single-post #layout #content > .layout-container > #body > #block-avrobio-content {
      padding: 25px 0;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.single-post #layout #content > .layout-container > #body > #block-avrobio-content {
          padding: 48px 30px 0 0; } }
  body.single-post #layout #content > .layout-container aside.layout-sidebar-second {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.single-post #layout #content > .layout-container aside.layout-sidebar-second {
        margin-left: 0; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.single-post #layout #content > .layout-container aside.layout-sidebar-second {
        flex: 0 0 25%;
        max-width: 25%; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.single-post #layout #content > .layout-container aside.layout-sidebar-second {
        flex: 0 0 25%;
        max-width: 25%; } }

.home #block-views-block-blog-block-blog-home {
  display: inline-block;
  vertical-align: top;
  padding-top: 2.5em; }
  .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home {
        flex-direction: row;
        padding-right: 47px; } }
    @media screen and (max-width: 860px) {
      .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home {
        width: calc(100% - 30px);
        padding: 0; } }
    .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header {
      padding-top: 2.5em;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header {
          flex: 0 0 60%;
          max-width: 60%;
          padding-right: 40px; } }
      .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home {
            margin-bottom: 2em; } }
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row {
          margin-bottom: 2em;
          padding-bottom: 2em;
          /* from laptop to desktop */ }
          @media screen and (min-width: 861px) and (max-width: 9999px) {
            .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row {
              border-bottom: 0px;
              padding-bottom: 0; } }
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__content > img {
            display: none;
            /* from laptop to desktop */ }
            @media screen and (min-width: 861px) and (max-width: 9999px) {
              .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__content > img {
                display: block; } }
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__content .mobile-img {
            /* from laptop to desktop */ }
            @media screen and (min-width: 861px) and (max-width: 9999px) {
              .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__content .mobile-img {
                display: none; } }
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__title {
            /* from laptop to desktop */ }
            @media screen and (min-width: 861px) and (max-width: 9999px) {
              .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__title {
                font-size: 35px; } }
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .field--name-body {
            /* from laptop to desktop */ }
            @media screen and (min-width: 861px) and (max-width: 9999px) {
              .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .field--name-body {
                font-size: 18px; } }
    .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content {
          padding-left: 40px;
          flex: 0 0 40%;
          max-width: 40%;
          padding-top: 2.5em; } }
      .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content .views-row {
        margin-bottom: 2em;
        padding-bottom: 2em; }
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content .views-row:first-child {
          /* from laptop to desktop */ }
          @media screen and (min-width: 861px) and (max-width: 9999px) {
            .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content .views-row:first-child {
              border-bottom: 3px solid #ecf0f9; } }
    .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header,
    .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header,
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content {
          position: relative; }
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header:before,
          .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #ecf0f9; } }
    .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header:before {
          width: calc(100% - 40px); } }
    .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-content:before {
          width: calc(100% - 40px);
          left: 40px; } }

#block-views-block-blog-block-blog-landing-ideas {
  margin: auto;
  width: calc(100% - 30px);
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-landing-ideas {
      padding: 90px 0; } }
  @media screen and (max-width: 860px) {
    #block-views-block-blog-block-blog-landing-ideas {
      padding: 40px 0 0 0; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-landing-ideas {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #block-views-block-blog-block-blog-landing-ideas {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  #block-views-block-blog-block-blog-landing-ideas .view-blog {
    display: flex;
    flex-wrap: wrap; }
  #block-views-block-blog-block-blog-landing-ideas .view-header {
    margin-bottom: 1em;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-landing-ideas .view-header {
        flex: 1 0 auto;
        margin-bottom: 3em; } }
    #block-views-block-blog-block-blog-landing-ideas .view-header > p {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      color: #da1884;
      font-size: 14px;
      margin-bottom: 1em; }
    #block-views-block-blog-block-blog-landing-ideas .view-header h2, #block-views-block-blog-block-blog-landing-ideas .view-header p.icon-top-style {
      font-size: 42px;
      margin-bottom: 0; }
  #block-views-block-blog-block-blog-landing-ideas .view-filters {
    flex: 0 0 auto;
    margin-bottom: 1em;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-landing-ideas .view-filters {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 3em; } }
    #block-views-block-blog-block-blog-landing-ideas .view-filters form.bef-exposed-form .form--inline > .form-item label {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      text-transform: uppercase;
      color: #1a408c; }
    #block-views-block-blog-block-blog-landing-ideas .view-filters form.bef-exposed-form .form--inline > .form-item select {
      background: url("/wp-content/themes/avrobio/assets/images/Blue-Down-Arrow.svg") calc(100% - 25px) 50% no-repeat;
      background-color: transparent;
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 500;
      color: #1a408c;
      border-color: transparent;
      padding: 1em;
      padding-left: 0; }
      #block-views-block-blog-block-blog-landing-ideas .view-filters form.bef-exposed-form .form--inline > .form-item select:hover {
        animation: 400ms select_arrow_blue ease-in-out forwards; }
  #block-views-block-blog-block-blog-landing-ideas .view-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;width:100%; }
    #block-views-block-blog-block-blog-landing-ideas .view-content > .views-row {
      margin: 0 22px 22px 0;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #block-views-block-blog-block-blog-landing-ideas .view-content > .views-row {
          flex: 0 0 calc(33.33333% - 22px + 7.33333px);
          max-width: calc(33.33333% - 22px + 7.33333px); }
          #block-views-block-blog-block-blog-landing-ideas .view-content > .views-row:nth-child(3n + 0) {
            margin-right: 0; } }
      @media screen and (max-width: 860px) {
        #block-views-block-blog-block-blog-landing-ideas .view-content > .views-row {
          flex: 0 0 calc(100% - 22px + 22px);
          max-width: calc(100% - 22px + 22px); }
          #block-views-block-blog-block-blog-landing-ideas .view-content > .views-row:nth-child(1n + 0) {
            margin-right: 0; } }
    #block-views-block-blog-block-blog-landing-ideas .view-content .views-row {
      margin-bottom: 2em;
      padding-bottom: 2em; }
      #block-views-block-blog-block-blog-landing-ideas .view-content .views-row .field--name-field-media-image {
        margin-bottom: 15px; }

#block-views-block-blog-block-blog-landing-vector {
  margin: auto;
  width: calc(100% - 30px);
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-landing-vector {
      padding: 90px 0; } }
  @media screen and (max-width: 860px) {
    #block-views-block-blog-block-blog-landing-vector {
      padding: 40px 0 0 0; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-landing-vector {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #block-views-block-blog-block-blog-landing-vector {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  #block-views-block-blog-block-blog-landing-vector .view-blog {
    display: flex;
    flex-wrap: wrap; }
  #block-views-block-blog-block-blog-landing-vector .view-header {
    margin-bottom: 1em;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-landing-vector .view-header {
        margin-bottom: 2em;
        flex: 1 0 auto; } }
    #block-views-block-blog-block-blog-landing-vector .view-header > p {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      color: #da1884;
      font-size: 14px;
      margin-bottom: 1em; }
    #block-views-block-blog-block-blog-landing-vector .view-header h2, #block-views-block-blog-block-blog-landing-vector .view-header p.icon-top-style {
      font-size: 42px; }
  #block-views-block-blog-block-blog-landing-vector .view-filters {
    flex: 0 0 auto;
    margin-bottom: 1em;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-landing-vector .view-filters {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 2em; } }
    #block-views-block-blog-block-blog-landing-vector .view-filters form.bef-exposed-form .form--inline > .form-item label {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 600;
      text-transform: uppercase;
      color: #1a408c; }
    #block-views-block-blog-block-blog-landing-vector .view-filters form.bef-exposed-form .form--inline > .form-item select {
      background: url("/wp-content/themes/avrobio/assets/images/Blue-Down-Arrow.svg") calc(100% - 25px) 50% no-repeat;
      background-color: transparent;
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 500;
      color: #1a408c;
      border-color: transparent;
      padding: 1em;
      padding-left: 0; }
      #block-views-block-blog-block-blog-landing-vector .view-filters form.bef-exposed-form .form--inline > .form-item select:hover {
        animation: 400ms select_arrow_blue ease-in-out forwards; }
  #block-views-block-blog-block-blog-landing-vector .view-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    #block-views-block-blog-block-blog-landing-vector .view-content > .views-row {
      margin: 0 22px 22px 0;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #block-views-block-blog-block-blog-landing-vector .view-content > .views-row {
          flex: 0 0 calc(33.33333% - 22px + 7.33333px);
          max-width: calc(33.33333% - 22px + 7.33333px); }
          #block-views-block-blog-block-blog-landing-vector .view-content > .views-row:nth-child(3n + 0) {
            margin-right: 0; } }
      @media screen and (max-width: 860px) {
        #block-views-block-blog-block-blog-landing-vector .view-content > .views-row {
          flex: 0 0 calc(100% - 22px + 22px);
          max-width: calc(100% - 22px + 22px); }
          #block-views-block-blog-block-blog-landing-vector .view-content > .views-row:nth-child(1n + 0) {
            margin-right: 0; } }
    #block-views-block-blog-block-blog-landing-vector .view-content .views-row {
      margin-bottom: 2em;
      padding-bottom: 2em; }
      #block-views-block-blog-block-blog-landing-vector .view-content .views-row .field--name-field-media-image {
        margin-bottom: 15px; }

#block-views-block-blog-block-blog-featured-news {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-featured-news {
      margin: 4em 0;
      padding: 2em 0; } }
  #block-views-block-blog-block-blog-featured-news div > .view-blog .view-header p:first-child {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #da1884;
    font-size: 14px;
    margin: 0; }
  #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content {
        display: flex;
        flex-direction: row;
        align-items: center; } }
    #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content > img {
      margin-bottom: 0;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content > img {
          max-width: 60%; } }
    #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content .content-container {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content .content-container {
          margin-left: 3em; } }

#block-views-block-blog-block-blog-our-view-vector .view-filters form.bef-exposed-form .form--inline > .form-item label {
  text-transform: uppercase;
  color: #1a408c; }

#block-views-block-blog-block-blog-our-view-vector .view-filters form.bef-exposed-form .form--inline > .form-item select {
  background-color: transparent;
  background: url("/wp-content/themes/avrobio/assets/images/Blue-Down-Arrow.svg") right top no-repeat;
  color: #1a408c; }

#block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-header > p:first-child {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #da1884;
  font-size: 14px;
  margin: 0; }

#block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link {
  text-align: center; }
  #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding: 18px 48px;
    appearance: none;
    color: #fff;
    border: 2px solid #ef248e;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    transition: all 400ms ease-in-out;
    background: #da1884; }
    #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a:hover {
          color: #fff;
          border: 2px solid #312e3e;
          background: #312e3e; } }
    #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.secondary {
      border: 2px solid #1d428a;
      background: #1d428a; }
      #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.secondary:hover {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.secondary:hover {
            border: 2px solid #da1884;
            background: #da1884; } }
    #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.full-width {
      width: 100%;
      text-align: center; }
    #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.full-width-on-mobile {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.full-width-on-mobile {
          width: 100%;
          text-align: center; } }
    #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.download {
      padding: 18px 74px 18px 48px; }
      #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.download:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -5px;
        transform: translateY(-50%) rotate(90deg);
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
        background-size: 24px auto; }
      #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.download:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 26px;
        margin-top: 5px;
        width: 20px;
        height: 7px;
        transform: translateY(-50%);
        background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
        background-size: 20px auto; }
      #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.download:hover:before {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-footer .more-link a.download:hover:before {
            animation: 400ms btn_download ease-in-out forwards; } }

#block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content > .views-row {
    margin: 0 22px 22px 0;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content > .views-row {
        flex: 0 0 calc(33.33333% - 22px + 7.33333px);
        max-width: calc(33.33333% - 22px + 7.33333px); }
        #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content > .views-row:nth-child(3n + 0) {
          margin-right: 0; } }
    @media screen and (max-width: 860px) {
      #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content > .views-row {
        flex: 0 0 calc(100% - 22px + 22px);
        max-width: calc(100% - 22px + 22px); }
        #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content > .views-row:nth-child(1n + 0) {
          margin-right: 0; } }
  #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content .views-row {
    margin-bottom: 2em;
    padding-bottom: 2em; }
    #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content .views-row .field--name-field-media-image {
      margin-bottom: 15px; }

#block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-footer .more-link {
  text-align: center; }

#block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content > .views-row {
    margin: 0 22px 22px 0;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content > .views-row {
        flex: 0 0 calc(33.33333% - 22px + 7.33333px);
        max-width: calc(33.33333% - 22px + 7.33333px); }
        #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content > .views-row:nth-child(3n + 0) {
          margin-right: 0; } }
    @media screen and (max-width: 860px) {
      #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content > .views-row {
        flex: 0 0 calc(100% - 22px + 22px);
        max-width: calc(100% - 22px + 22px); }
        #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content > .views-row:nth-child(1n + 0) {
          margin-right: 0; } }
  #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content .views-row {
    margin-bottom: 2em;
    padding-bottom: 2em; }
    #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content .views-row .field--name-field-media-image {
      margin-bottom: 15px; }

#block-views-block-blog-block-blog-featured-news,
#block-views-block-blog-block-blog-our-view-ideas,
#block-views-block-blog-block-blog-our-view-vector {
  margin: auto;
  width: calc(100% - 30px);
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-featured-news,
    #block-views-block-blog-block-blog-our-view-ideas,
    #block-views-block-blog-block-blog-our-view-vector {
      margin-top: 100px;
      padding: 0; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #block-views-block-blog-block-blog-featured-news,
    #block-views-block-blog-block-blog-our-view-ideas,
    #block-views-block-blog-block-blog-our-view-vector {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #block-views-block-blog-block-blog-featured-news,
    #block-views-block-blog-block-blog-our-view-ideas,
    #block-views-block-blog-block-blog-our-view-vector {
      width: calc(100% - 100px);
      max-width: 1164px; } }

#block-views-block-job-openings-block-job-openings-view .content-container {
  background-color: #ecf0f9;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    #block-views-block-job-openings-block-job-openings-view .content-container {
      padding: 2em 0; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-job-openings-block-job-openings-view .content-container {
      padding: 4em 0; } }
  #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
        width: calc(100% - 30px);
        padding: 0 30px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
        display: flex;
        flex-wrap: wrap; } }
  #block-views-block-job-openings-block-job-openings-view .content-container .view-header {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .view-header {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .view-header {
        flex: 0 0 25%;
        max-width: 25%; } }
  #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container {
    display: flex;
    flex-wrap: wrap;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container {
        flex: 0 0 75%;
        max-width: 75%; } }
    #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container .view-content {
      flex: 0 0 100%;
      max-width: 100%; }
    #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container .pager {
      flex: 0 0 75%;
      max-width: 75%;
      justify-content: center; }
      #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container .pager .pager__items {
        margin-right: 20%; }
    #block-views-block-job-openings-block-job-openings-view .content-container .content-inner-container .view-footer {
      flex: 1 0 auto;
      max-width: 50%; }

#block-views-block-job-openings-block-job-openings-view .filter-container {
  background-color: #fff; }

.searchandfilter ul {display: flex;justify-content: space-between;margin:0px !important;padding:0px !important;}
.searchandfilter ul li:before {display:none;}
.searchandfilter ul li {margin: 0px !important;    flex: 0 0 30%;
    max-width: 30%;padding:0px !important;}
    .searchandfilter label {width:100%;}
  @media screen and (max-width: 860px) {
  .searchandfilter ul {display:block;padding:20px 0px !important;}
  .searchandfilter ul li {max-width:100%;margin:20px 0px !important;}
  }   
.page-next::before {content: '';
position: absolute;
width: 24px;
height: 24px;
right: 0;
top: 0;
margin-left: 20px;
background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-right.svg") no-repeat;
    background-size: auto;
background-size: 24px auto;margin-bottom:20px;}
.page-next{font-size:0;padding-bottom:20px;margin-bottom:20px;}
.page-back {font-size:0;padding-bottom:20px;margin-bottom:20px;left:0px;position:relative;}

.page-back::before {    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    margin-right: 20px;
    background: url("/wp-content/themes/avrobio/assets/images/brand-arrow-left.svg") no-repeat;
        background-size: auto;
    background-size: 24px auto;
}

#block-views-block-job-openings-block-job-openings-view .view-content .views-row::last-of-type > article {border-bottom:0px !important;}

#block-views-block-job-openings-block-job-openings-view .view-filters {
  padding-bottom: 1em;
  position: relative;
  margin: auto;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-job-openings-block-job-openings-view .view-filters {
      padding-bottom: 3em; } }
  @media screen and (max-width: 860px) {
    #block-views-block-job-openings-block-job-openings-view .view-filters {
      width: calc(100% - 30px);
      padding: 0 30px; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    #block-views-block-job-openings-block-job-openings-view .view-filters {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    #block-views-block-job-openings-block-job-openings-view .view-filters {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form {
    width: 100%; }
    #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline {
      display: flex;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline {
          flex-wrap: wrap; } }
      #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
        flex: 1 auto;
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
            margin-right: 5em; } }
        .searchandfilter h4 {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 600;
          text-transform: uppercase;
          color: #1a408c; padding:0px;margin:0px;}
        .searchandfilter select.sf-input-select {
          background: url("/wp-content/themes/avrobio/assets/images/white-select-line.svg") calc(100% - 20px) 50% no-repeat, url("/wp-content/themes/avrobio/assets/images/white-select-dropdown.svg") calc(100% - 25px) 50% no-repeat;
          background-color: #1d428a;
          border-color: #1d428a;
          margin-top: .75em; }
          .searchandfilter select.sf-input-select:hover {
            animation: 400ms select_hover_state ease-in-out forwards; }

@keyframes select_hover_state {
  0% {
    background-position: calc(100% - 20px) 50%, calc(100% - 25px) 50%; }
  50% {
    background-position: calc(100% - 20px) 50%, calc(100% - 25px) 30%; }
  100% {
    background-position: calc(100% - 20px) 50%, calc(100% - 25px) 50%; } }
        #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item.form-item-sort-bef-combine {
          flex: 0 0 auto;
          /* from laptop to desktop */ }
          @media screen and (min-width: 861px) and (max-width: 9999px) {
            #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item.form-item-sort-bef-combine {
              margin-right: 0; } }
          li.sf-field-sort_order select {
            background: url("/wp-content/themes/avrobio/assets/images/Blue-Down-Arrow.svg") calc(100% - 25px) 50% no-repeat !important;
            background-color: transparent !important;
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: 500;
            color: #1a408c;
            border-color: transparent !important;
            padding-left: 0; }
            #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item.form-item-sort-bef-combine select:hover {
              animation: 400ms select_arrow_blue ease-in-out forwards; }

#block-views-block-job-openings-block-job-openings-view .view-header h2, #block-views-block-job-openings-block-job-openings-view .view-header p.icon-top-style {
  color: #1d428a;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-job-openings-block-job-openings-view .view-header h2, #block-views-block-job-openings-block-job-openings-view .view-header p.icon-top-style {
      font-size: 28px; } }

#block-views-block-job-openings-block-job-openings-view .view-content .views-row {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #block-views-block-job-openings-block-job-openings-view .view-content .views-row:last-child {
      margin-bottom: 0; }
      #block-views-block-job-openings-block-job-openings-view .view-content .views-row:last-child > article {
        border-bottom: 0; } }
  #block-views-block-job-openings-block-job-openings-view .view-content .views-row > article {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #384C65; }

#block-views-block-job-openings-block-job-openings-view nav.pager {
  justify-content: flex-start;
  position: relative; }

#block-views-block-job-openings-block-job-openings-view .view-footer {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #1d428a; }

.node--type-leader-profile.node--view-mode-full {
  width: calc(100% - 30px);
  padding: 0 30px;
  margin: auto;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .node--type-leader-profile.node--view-mode-full {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .node--type-leader-profile.node--view-mode-full {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  .node--type-leader-profile.node--view-mode-full .field--name-field-photo {
    margin-bottom: 1em; }

.node--type-leader-profile.node--view-mode-card {
  /* first name */
  /* Job Title */ }
  .node--type-leader-profile.node--view-mode-card .field--name-field-full-name {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 10px; }
  .node--type-leader-profile.node--view-mode-card .field--name-field-job-title {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .node--type-leader-profile.node--view-mode-card .field--name-field-photo img {
    border-radius: 50%; }

.node--type-leader-profile.node--view-mode-carousel {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .node--type-leader-profile.node--view-mode-carousel {
      padding-left: 120px;
      display: flex;
      flex-direction: row; } }
  .node--type-leader-profile.node--view-mode-carousel .left-container {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .node--type-leader-profile.node--view-mode-carousel .left-container {
        display: flex;
        justify-content: center; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .node--type-leader-profile.node--view-mode-carousel .left-container {
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 30px; } }
  .node--type-leader-profile.node--view-mode-carousel .right-container {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .node--type-leader-profile.node--view-mode-carousel .right-container {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 30px; } }
  .node--type-leader-profile.node--view-mode-carousel .field--name-field-photo {
    margin-bottom: 30px;
    /* from laptop to desktop */ }
    .node--type-leader-profile.node--view-mode-carousel .field--name-field-photo img {
      border-radius: 50%; }
    @media screen and (max-width: 860px) {
      .node--type-leader-profile.node--view-mode-carousel .field--name-field-photo {
        margin: 0 auto 30px;
        width: 200px; } }
  .node--type-leader-profile.node--view-mode-carousel .field--name-title {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #fff; }
  .node--type-leader-profile.node--view-mode-carousel .full-name {
    margin-bottom: 10px; }
  .node--type-leader-profile.node--view-mode-carousel .field--name-field-job-title {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-bottom: 1.25em; }
  .node--type-leader-profile.node--view-mode-carousel .field--name-field-summary {
    position: relative;
    margin-bottom: 1.25em; }
    .node--type-leader-profile.node--view-mode-carousel .field--name-field-summary * {
      color: #fff;
      margin-bottom: 1.5em; }
    .node--type-leader-profile.node--view-mode-carousel .field--name-field-summary:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 24px;
      height: 3px;
      background: #da1884; }
    .node--type-leader-profile.node--view-mode-carousel .field--name-field-summary p {
      font-size: 28px;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .node--type-leader-profile.node--view-mode-carousel .field--name-field-summary p {
          font-size: 20px;
          line-height: 28px; } }

.node--type-leader-profile.node--view-mode-component {
  margin: auto;
  overflow: visible;
  position: relative;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .node--type-leader-profile.node--view-mode-component {
      width: 100%;
      max-width: 1660px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .node--type-leader-profile.node--view-mode-component {
      width: calc(100% - 100px);
      max-width: 1245px; } }
  .node--type-leader-profile.node--view-mode-component:before {
    content: '';
    position: absolute;
    top: 0;
    right: 5px;
    width: 100%;
    height: 100%;
    transform: scaleX(-1);
    transform-origin: 100% 100%;
    background: #fff; }
  .node--type-leader-profile.node--view-mode-component .node__content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: auto;
    width: auto;
    max-width: none;
    overflow: hidden;
    background: #fff;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .node--type-leader-profile.node--view-mode-component .node__content {
        padding: 80px; } }
    @media screen and (max-width: 860px) {
      .node--type-leader-profile.node--view-mode-component .node__content {
        padding: 40px 15px; } }
    .node--type-leader-profile.node--view-mode-component .node__content .container-left {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .node--type-leader-profile.node--view-mode-component .node__content .container-left {
          flex: 0 0 20%;
          max-width: 20%;
          padding-right: 30px; } }
    .node--type-leader-profile.node--view-mode-component .node__content .container-right {
      flex: 0 0 100%;
      max-width: 100%;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .node--type-leader-profile.node--view-mode-component .node__content .container-right {
          flex: 0 0 80%;
          max-width: 80%;
          padding-left: 30px; } }
  .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo {
    margin-bottom: 30px; }
    .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img {
      border: 5px solid #1a408c;
      border-radius: 50%; }
  .node--type-leader-profile.node--view-mode-component .node__content .author-info {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    display: inline-block;
    color: #1a408c; }
    .author-info span:nth-of-type(1):after {content:' | ';position:relative;}
  .node--type-leader-profile.node--view-mode-component .node__content .node-title {
    font-weight: 400;
    margin-bottom: 15px; }
  .node--type-leader-profile.node--view-mode-component .node__content .social-icons {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .node--type-leader-profile.node--view-mode-component .node__content .social-icons {
        justify-content: center; } }
    .node--type-leader-profile.node--view-mode-component .node__content .social-icons > div {
      padding: 1em; }
      .node--type-leader-profile.node--view-mode-component .node__content .social-icons > div:first-child {
        padding-left: 0; }
    .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-linkedin {
      height: 0; }
      .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-linkedin a {
        line-height: 0;
        font-size: 0; }
        .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-linkedin a:before {
          content: '';
          background-image: url("/wp-content/themes/avrobio/assets/images/logo-linkedin.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          display: block;
          width: 18px;
          height: 18px;
          line-height: 100%;
          transform: translateY(-50%);
          width: 30px;
          height: 30px; }
        .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-linkedin a:hover:before {
          content: '';
          background-image: url("/wp-content/themes/avrobio/assets/images/logo-linkedin.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          display: block;
          width: 18px;
          height: 18px;
          line-height: 100%;
          transform: translateY(-50%);
          width: 30px;
          height: 30px; }
    .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-twitter {
      height: 0; }
      .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-twitter a {
        line-height: 0;
        font-size: 0; }
        .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-twitter a:before {
          content: '';
          background-image: url("/wp-content/themes/avrobio/assets/images/twitter-blue.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          display: block;
          width: 18px;
          height: 18px;
          line-height: 100%;
          transform: translateY(-50%);
          width: 22px;
          height: 19px; }
        .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-twitter a:hover:before {
          content: '';
          background-image: url("/wp-content/themes/avrobio/assets/images/twitter-brand.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          display: block;
          width: 18px;
          height: 18px;
          line-height: 100%;
          transform: translateY(-50%);
          width: 22px;
          height: 19px; }
    .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-email {
      height: 0; }
      .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-email a {
        line-height: 0;
        font-size: 0; }
        .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-email a:before {
          content: '';
          background-image: url("/wp-content/themes/avrobio/assets/images/blue-mail.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          display: block;
          width: 18px;
          height: 18px;
          line-height: 100%;
          transform: translateY(-50%);
          width: 28px;
          height: 19px; }
        .node--type-leader-profile.node--view-mode-component .node__content .social-icons .field--name-field-email a:hover:before {
          content: '';
          background-image: url("/wp-content/themes/avrobio/assets/images/brand-mail.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          display: block;
          width: 18px;
          height: 18px;
          line-height: 100%;
          transform: translateY(-50%);
          width: 28px;
          height: 19px; }

.views-field-field-author {
  position: relative;
  overflow: hidden;
  background: #ecf0f9;
  width: 100%; }
  .views-field-field-author:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 50%;
    background: #312e3e; }

#body .view-display-id-block_leader_profile_carousel {
  position: relative;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    #body .view-display-id-block_leader_profile_carousel {
      padding: 200px 0;
      background: url("/wp-content/themes/avrobio/assets/images/mountain-bg.jpg") repeat-x 50% 0 #1d428a;
      background-size: auto 100%; } }
  @media screen and (max-width: 860px) {
    #body .view-display-id-block_leader_profile_carousel {
      background: url("/wp-content/themes/avrobio/assets/images/about-us-carousel-mobile.png") no-repeat 20% 30% #1d428a;
      background-size: 100% auto; } }
  #body .view-display-id-block_leader_profile_carousel .view-content {
    width: calc(100% - 30px);
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      #body .view-display-id-block_leader_profile_carousel .view-content {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      #body .view-display-id-block_leader_profile_carousel .view-content {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (max-width: 860px) {
      #body .view-display-id-block_leader_profile_carousel .view-content {
        padding: 40px 0; } }
    .page-id-52 ul.slick-dots {
      padding: 0;
      display: flex;
      align-items: flex-start;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        .page-id-52 ul.slick-dots {
          margin: 0 0 0 410px; } }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        .page-id-52 ul.slick-dots {
          margin: 0 0 0 476px; } }
      @media screen and (max-width: 860px) {
        .page-id-52 ul.slick-dots {
          position: relative;
          justify-content: center; } }
      .page-id-52 ul.slick-dots li {
        margin: 0 15px 0 0;
        padding: 0;
        width: auto;
        height: auto; }
        .page-id-52 ul.slick-dots li:before {
          display: none; }
        .page-id-52 ul.slick-dots li:first-child {
          margin: 0 15px 0 0; }
        .page-id-52 ul.slick-dots li.slick-active button {
          border: 1px solid #da1884;
          background: #da1884; }
      .page-id-52 ul.slick-dots button {
        border: 1px solid #fff;
        background: transparent;
        border-radius: 50%;
        width: 5px;
        height: 5px; }
        .page-id-52 ul.slick-dots button:before {
          color: transparent; }
        .page-id-52 ul.slick-dots button:hover {
          border: 1px solid #da1884;
          background: #da1884;
          opacity: .7; }
          .page-id-52 ul.slick-dots button:hover:before {
            color: transparent; }

/**************************/
/**** **** LAYOUT **** ***/
/************************/
.view-leader-profile.view-display-id-block_executive_bios_view,
.view-leader-profile.view-display-id-block_board_of_directors_view {
  /* first name */
  /* Job Title */
  /* Read More */ }
  .view-leader-profile.view-display-id-block_executive_bios_view .view-content,
  .view-leader-profile.view-display-id-block_board_of_directors_view .view-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .view-leader-profile.view-display-id-block_executive_bios_view .view-content > .views-row,
    .view-leader-profile.view-display-id-block_board_of_directors_view .view-content > .views-row {
      margin: 0 26px 26px 0;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .view-leader-profile.view-display-id-block_executive_bios_view .view-content > .views-row,
        .view-leader-profile.view-display-id-block_board_of_directors_view .view-content > .views-row {
          flex: 0 0 calc(25% - 26px + 6.5px);
          max-width: calc(25% - 26px + 6.5px); }
          .view-leader-profile.view-display-id-block_executive_bios_view .view-content > .views-row:nth-child(4n + 0),
          .view-leader-profile.view-display-id-block_board_of_directors_view .view-content > .views-row:nth-child(4n + 0) {
            margin-right: 0; } }
      @media screen and (max-width: 860px) {
        .view-leader-profile.view-display-id-block_executive_bios_view .view-content > .views-row,
        .view-leader-profile.view-display-id-block_board_of_directors_view .view-content > .views-row {
          flex: 0 0 calc(50% - 26px + 13px);
          max-width: calc(50% - 26px + 13px); }
          .view-leader-profile.view-display-id-block_executive_bios_view .view-content > .views-row:nth-child(2n + 0),
          .view-leader-profile.view-display-id-block_board_of_directors_view .view-content > .views-row:nth-child(2n + 0) {
            margin-right: 0; } }
  .view-leader-profile.view-display-id-block_executive_bios_view img, .spv-pop img,
  .view-leader-profile.view-display-id-block_board_of_directors_view img {
    height: 100%;
    border-radius: 50%;
    border: 1px solid #979797;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .view-leader-profile.view-display-id-block_executive_bios_view img, .spv-pop img,
      .view-leader-profile.view-display-id-block_board_of_directors_view img {
        width: 320px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .view-leader-profile.view-display-id-block_executive_bios_view img, .spv-pop img,
      .view-leader-profile.view-display-id-block_board_of_directors_view img {
        width: 180px; } }
    @media screen and (min-width: 860px) and (max-width: 1024px) {
      .view-leader-profile.view-display-id-block_executive_bios_view img, .spv-pop img,
      .view-leader-profile.view-display-id-block_board_of_directors_view img {
        width: 127px; } }
  .view-leader-profile.view-display-id-block_executive_bios_view .full-name,
  .view-leader-profile.view-display-id-block_board_of_directors_view .full-name, .spv-pop .spv-inside-popup .full-name.spv-pop .spv-inside-popup .full-name {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #1a408c;
    margin-top: 30px;
    margin-bottom: 10px;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .view-leader-profile.view-display-id-block_executive_bios_view .full-name,
      .view-leader-profile.view-display-id-block_board_of_directors_view .full-name, .spv-pop .spv-inside-popup .full-name {
        font-size: 17px; } }
  .view-leader-profile.view-display-id-block_executive_bios_view .job-title,
  .view-leader-profile.view-display-id-block_board_of_directors_view .job-title, .spv-pop .spv-inside-popup .full-name, .spv-pop .spv-inside-popup .job-title {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #1a408c;
    margin-bottom: 10px; }
  .view-leader-profile.view-display-id-block_executive_bios_view .link-btn,
  .view-leader-profile.view-display-id-block_board_of_directors_view .link-btn {
    font-size: 14px; }

/* Board of Directors */
.view-leader-profile.view-display-id-block_board_of_directors_view .spv-popup-link img {
  border: 1px solid transparent; }

.view-leader-profile.view-display-id-block_board_of_directors_view .spv-popup-link .full-name,
.view-leader-profile.view-display-id-block_board_of_directors_view .spv-popup-link .job-title {
  color: #fff; }

.patient-tiles.cta .ref > a.active + article {
  display: block; }

/*************************/
/**** **** MODAL **** ***/
/***********************/
.spv-pop {
padding: 90px;
width: 80%;
max-width: 900px;
max-height: calc(100% - 250px);
  /* from laptop to desktop */ }
  .spv-pop .spv-inside-popup {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
    .spv-pop {padding:10px;width:100%;}
      .spv-pop .spv-inside-popup,
      .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup {
        justify-content: center;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: auto; } }
    .spv-pop .spv-inside-popup > .image-container,
    .spv-pop .spv-inside-popup > img,
    .spv-pop .spv-inside-popup > .image-container,
    .spv-pop .spv-inside-popup > img {
      border: 4px solid #1d428a;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .spv-pop .spv-inside-popup > .image-container,
        .spv-pop .spv-inside-popup > img,
        .spv-pop .spv-inside-popup > .image-container,
        .spv-pop .spv-inside-popup > img {
          margin-right: 80px;
          flex: 0 0 300px;
          max-width: 300px; } }
    .spv-pop .spv-inside-popup > .image-container,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > .image-container {
      border: 0;
      text-align: center; }
    .spv-pop .spv-inside-popup > img,
    .spv-pop .spv-inside-popup > .image-container img,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > img,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > .image-container img {
      width: 100%;
      border: 4px solid #1d428a;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .spv-pop .spv-inside-popup > img,
        .spv-pop .spv-inside-popup > .image-container img,
        .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > img,
        .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > .image-container img {
          margin: 0 auto 25px auto;
          width: 250px;
          height: 250px; } 
          .spv-inside-popup img:nth-child(2) {height:auto !important;width:auto !important;}}
    .spv-pop .spv-inside-popup .social-icons a,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup .social-icons a {
      height: 33px;
      width: 33px;
      display: inline-block; }
    .spv-pop .spv-inside-popup .social-icons a.linkedin,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup .social-icons a.linkedin {
      background: url("/wp-content/themes/avrobio/assets/images/logo-linkedin.svg") 0 0 no-repeat;
      background-size: contain; }
    .spv-pop .spv-inside-popup .full-name,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup .full-name {
      margin: 0 0 5px 0;
      font-size: 24px;
      line-height: 29px; }
    .spv-pop .spv-inside-popup .job-title,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup .job-title {
      position: relative;
      padding-bottom: 20px; }
      .spv-pop .spv-inside-popup .job-title:after,
      .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup .job-title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 24px;
        height: 3px;
        background: #da1884; }
    .spv-pop .spv-inside-popup > .content-container,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > .content-container {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .spv-pop .spv-inside-popup > .content-container,
        .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > .content-container {
          flex: 0 0 calc(100% - 380px);
          max-width: calc(100% - 380px); } }
      @media screen and (max-width: 860px) {
        .spv-pop .spv-inside-popup > .content-container,
        .view-leader-profile.view-display-id-block_board_of_directors_view .spv-inside-popup > .content-container {
          padding: 0 15px; } }
  @media screen and (max-width: 860px) {
    .spv-pop .spv_close,
    .view-leader-profile.view-display-id-block_board_of_directors_view .spv_close {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      top: 23px;
      left: 15px;
      padding: 0;
      width: calc(100% - 30px);
      height: 40px;
      overflow: hidden;
      color: #fff;
      font-size: 14px;
      display: block; }
      .spv-pop .spv_close:before,
      .view-leader-profile.view-display-id-block_board_of_directors_view .spv_close:before {
        content: 'Back to Our Leadership';
        position: absolute;
        padding: 8px 0 8px 40px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 40px;
        color: #da1884;
        background: url(../../images/icons/brand-arrow-left.svg) 5px 50% no-repeat; } }

.spv-inside-popup img:nth-child(2) {
  border: 0px !important;
  border-radius: 0;
  margin: 35px auto 0;
  max-width: 190px;
  display: block;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .spv-inside-popup img:nth-child(2) {
      max-width: 140px;
      max-height: 100px;
      height: auto;
      margin: 0 auto 25px; } }

/* Header hide */
body.modal-active {
  overflow: hidden; }
  body.modal-active #layout > [data-device="desktop"],
  body.modal-active #content > [data-device="mobile"] {
    display: none; }
  body.modal-active #hero:before {
    z-index: 2; }

.view-leader-profile.view-display-id-block_engagement_team_view {
  position: relative;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .view-leader-profile.view-display-id-block_engagement_team_view {
      background: url("/wp-content/themes/avrobio/assets/images/mountain-bg.jpg") 50% 0 repeat-x #1d428a;
      background-size: auto 100%; } }
  @media screen and (max-width: 860px) {
    .view-leader-profile.view-display-id-block_engagement_team_view {
      background: url("/wp-content/themes/avrobio/assets/images/mountain-bg.jpg") 50% 0 repeat-x #1d428a;
      background-size: auto 100%; } }
  .view-leader-profile.view-display-id-block_engagement_team_view .content-container {
    position: relative;
    margin: auto;
    overflow: visible;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .view-leader-profile.view-display-id-block_engagement_team_view .content-container {
        padding: 40px 15px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .view-leader-profile.view-display-id-block_engagement_team_view .content-container {
        padding: 90px 0;
        display: flex; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .view-leader-profile.view-display-id-block_engagement_team_view .content-container {
        padding: 90px 0;
        display: flex; } }
  .view-leader-profile.view-display-id-block_engagement_team_view .view-header {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .view-leader-profile.view-display-id-block_engagement_team_view .view-header {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 67px; } }
    .view-leader-profile.view-display-id-block_engagement_team_view .view-header h2, .view-leader-profile.view-display-id-block_engagement_team_view .view-header p.icon-top-style {
      color: #fff; }
  .view-leader-profile.view-display-id-block_engagement_team_view .view-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* from laptop to desktop */ }
    .view-leader-profile.view-display-id-block_engagement_team_view .view-content > .views-row {
      margin: 0 60px 60px 0;
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .view-leader-profile.view-display-id-block_engagement_team_view .view-content > .views-row {
          flex: 0 0 calc(50% - 60px + 30px);
          max-width: calc(50% - 60px + 30px); }
          .view-leader-profile.view-display-id-block_engagement_team_view .view-content > .views-row:nth-child(2n + 0) {
            margin-right: 0; } }
      @media screen and (max-width: 860px) {
        .view-leader-profile.view-display-id-block_engagement_team_view .view-content > .views-row {
          flex: 0 0 calc(50% - 60px + 30px);
          max-width: calc(50% - 60px + 30px); }
          .view-leader-profile.view-display-id-block_engagement_team_view .view-content > .views-row:nth-child(2n + 0) {
            margin-right: 0; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .view-leader-profile.view-display-id-block_engagement_team_view .view-content {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 67px; } }

#block-avrobio-content > article.node--type-author.node--view-mode-full {
  padding: 0 30px; }

.node--type-author.node--view-mode-full {
  margin: 2em auto;
  width: calc(100% - 30px);
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .node--type-author.node--view-mode-full {
      width: 100%;
      max-width: 1660px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .node--type-author.node--view-mode-full {
      width: calc(100% - 100px);
      max-width: 1245px; } }
  .node--type-author.node--view-mode-full .field--name-field-full-name {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1a408c;
    text-transform: capitalize;
    margin-bottom: 1em; }
  .node--type-author.node--view-mode-full .field--name-field-job-title {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #1a408c;
    margin-bottom: 1em; }
  .node--type-author.node--view-mode-full .field--name-field-photo {
    margin-bottom: 2em; }

#block-views-block-blog-block-blog-author {
  position: relative;
  overflow: hidden;
  background: #ecf0f9;
  width: 100%; }
  #block-views-block-blog-block-blog-author:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 50%;
    background: #312e3e; }

/* PAGES */
body.home .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.home .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: auto;
      width: 100%;
      height: 50%;
      background: #122c5f; } }

body.home.home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__content > img {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.home.home #block-views-block-blog-block-blog-home div .view-display-id-block_blog_home > .view-header .view-display-id-block_blog_featured_home .views-row .node__content > img {
      display: block; } }

body.home .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) {
  background: #fff; }

body.home .paragraph--type--call-to-action-banner .video-container {
  display: flex;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.home .paragraph--type--call-to-action-banner .video-container {
      align-items: center; } }
  @media screen and (max-width: 860px) {
    body.home .paragraph--type--call-to-action-banner .video-container {
      flex-direction: column; } }
  body.home .paragraph--type--call-to-action-banner .video-container img {
    height: auto;
    margin-bottom: 1em;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.home .paragraph--type--call-to-action-banner .video-container img {
        margin-right: 1em;
        margin-bottom: 0;
        width: auto; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.home .paragraph--type--call-to-action-banner .video-container img {
        margin-right: 3em; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.home .paragraph--type--call-to-action-banner .video-container img {
        width: 219px; } }
    @media screen and (max-width: 860px) {
      body.home .paragraph--type--call-to-action-banner .video-container img {
        width: 100%; } }
  body.home .paragraph--type--call-to-action-banner .video-container .content-container {
    display: flex;
    align-items: center; }
    body.home .paragraph--type--call-to-action-banner .video-container .content-container p {
      margin-bottom: 5px; }
    body.home .paragraph--type--call-to-action-banner .video-container .content-container .video-player-link:before {
      background-color: #ecf0f9; }
    body.home .paragraph--type--call-to-action-banner .video-container .content-container .video-info {
      margin-left: 1em; }

body.home #block-avrobio-content > article {
  padding-top: 0; }

body.home #body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  body.home #body #block-tabs {
    flex: 0 0 100%;
    max-width: 100%;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.home #body #block-tabs {
        order: 1; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.home #body #block-tabs {
        justify-content: center;
        overflow: hidden; } }
  body.home #body #block-avrobio-content {
    flex: 0 0 100%;
    max-width: 100%;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.home #body #block-avrobio-content {
        order: 6; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.home #body #block-avrobio-content {
        flex: 0 0 100%;
        max-width: 100%; } }
  body.home #body #block-blogsidebarhome {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.home #body #block-blogsidebarhome {
        flex: 0 0 100%;
        max-width: 100%;
        order: 5; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.home #body #block-blogsidebarhome {
        flex: 0 0 25%;
        max-width: 25%;
        max-width: 291px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.home #body #block-blogsidebarhome {
        flex: 0 0 360px;
        max-width: 360px; } }
    @media screen and (min-width: 860px) and (max-width: 1024px) {
      body.home #body #block-blogsidebarhome {
        overflow: hidden; } }
  body.home #body #block-views-block-blog-block-blog-home {
    overflow: hidden;
    display: inline-block;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.home #body #block-views-block-blog-block-blog-home {
        position: relative;
        margin-bottom: 30px;
        padding-bottom: 30px;
        flex: 0 0 100%;
        max-width: 100%;
        order: 3; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.home #body #block-views-block-blog-block-blog-home {
        flex: 0 0 75%;
        max-width: 75%;
        max-width: 873px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.home #body #block-views-block-blog-block-blog-home {
        flex: 0 0 1080px;
        max-width: 1080px; } }
    @media screen and (min-width: 860px) and (max-width: 1024px) {
      body.home #body #block-views-block-blog-block-blog-home {
        padding-left: 15px; } }

body.home #hero main {
  display: block;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.home #hero main {
      padding-top: 200px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.home #hero main {
      padding-top: 160px; } }
  @media screen and (min-width: 860px) and (max-width: 1024px) {
    body.home #hero main {
      padding-left: 550px; } }
  body.home #hero main h1, body.home #hero main h2.title-style, body.home #hero main h3.title-style {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.home #hero main h1, body.home #hero main h2.title-style, body.home #hero main h3.title-style {
        font-size: 160px;
        line-height: 160px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.home #hero main h1, body.home #hero main h2.title-style, body.home #hero main h3.title-style {
        font-size: 100px;
        line-height: 100px; } }
    @media screen and (max-width: 860px) {
      body.home #hero main h1, body.home #hero main h2.title-style, body.home #hero main h3.title-style {
        margin-top: 40px;
        margin-bottom: 20px; } }
    body.home #hero main h1 strong, body.home #hero main h2.title-style strong, body.home #hero main h3.title-style strong {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        body.home #hero main h1 strong, body.home #hero main h2.title-style strong, body.home #hero main h3.title-style strong {
          font-size: 46px;
          line-height: 18px; } }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body.home #hero main h1 strong, body.home #hero main h2.title-style strong, body.home #hero main h3.title-style strong {
          font-size: 30px;
          line-height: 18px; } }
  body.home #hero main h2, body.home #hero main p.icon-top-style {
    position: relative;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.home #hero main h2, body.home #hero main p.icon-top-style {
        margin-bottom: 20px; } }
  body.home #hero main #block-ourviewsheadertexthomepage {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.home #hero main #block-ourviewsheadertexthomepage {
        order: 2; } }
  body.home #hero main #block-ourviewslinkhomepage {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.home #hero main #block-ourviewslinkhomepage {
        flex: 0 0 100%;
        max-width: 100%;
        order: 4;
        margin-bottom: 2.5em; } }

/* remove extra background on homepage, contact us, 404 and 505 pages */
.home #hero,
.error404 #hero,
.node-25 #hero {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* DEMO ONLY : VIDEO 1 */
  /* DEMO ONLY */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .home #hero,
    .error404 #hero,
    .node-25 #hero {
      position: relative;
      overflow: hidden; }
      .home #hero h1, .home #hero h2.title-style, .home #hero h3.title-style,
      .error404 #hero h1,
      .error404 #hero h2.title-style,
      .error404 #hero h3.title-style,
      .node-25 #hero h1,
      .node-25 #hero h2.title-style,
      .node-25 #hero h3.title-style {
        margin-bottom: 40px;
        max-width: none; }
        .home #hero h1:after, .home #hero h2.title-style:after, .home #hero h3.title-style:after,
        .error404 #hero h1:after,
        .error404 #hero h2.title-style:after,
        .error404 #hero h3.title-style:after,
        .node-25 #hero h1:after,
        .node-25 #hero h2.title-style:after,
        .node-25 #hero h3.title-style:after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 24px;
          height: 3px;
          background: #da1884; }
      .home #hero h2, .home #hero p.icon-top-style,
      .error404 #hero h2,
      .error404 #hero p.icon-top-style,
      .node-25 #hero h2,
      .node-25 #hero p.icon-top-style {
        color: #fff;
        font-size: 32px; }
      .home #hero .description:before,
      .error404 #hero .description:before,
      .node-25 #hero .description:before {
        display: none; } }
  @media screen and (max-width: 860px) {
    .home #hero,
    .error404 #hero,
    .node-25 #hero {
      background-repeat: no-repeat;
      background-color: #312e3e; } }
  .home #hero #homepage_video,
  .error404 #hero #homepage_video,
  .node-25 #hero #homepage_video {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .home #hero #homepage_video,
      .error404 #hero #homepage_video,
      .node-25 #hero #homepage_video {
        position: absolute;
        width: 2560px;
        max-width: none;
        top: 0;
        left: 0;
        margin-left: 0; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .home #hero #homepage_video,
      .error404 #hero #homepage_video,
      .node-25 #hero #homepage_video {
        position: absolute;
        width: 2217px;
        max-width: none;
        top: 0;
        left: 0;
        margin-left: -185px; } }
    @media screen and (min-width: 860px) and (max-width: 1024px) {
      .home #hero #homepage_video,
      .error404 #hero #homepage_video,
      .node-25 #hero #homepage_video {
        margin-left: -235px; } }
    @media screen and (max-width: 860px) {
      .home #hero #homepage_video,
      .error404 #hero #homepage_video,
      .node-25 #hero #homepage_video {
        display: none; } }
  .home #hero h1, .home #hero h2.title-style, .home #hero h3.title-style,
  .error404 #hero h1,
  .error404 #hero h2.title-style,
  .error404 #hero h3.title-style,
  .node-25 #hero h1,
  .node-25 #hero h2.title-style,
  .node-25 #hero h3.title-style {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .home #hero h1, .home #hero h2.title-style, .home #hero h3.title-style,
      .error404 #hero h1,
      .error404 #hero h2.title-style,
      .error404 #hero h3.title-style,
      .node-25 #hero h1,
      .node-25 #hero h2.title-style,
      .node-25 #hero h3.title-style {
        margin-bottom: 30px;
        padding-bottom: 30px; } }
  .home #hero > .content,
  .error404 #hero > .content,
  .node-25 #hero > .content {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .home #hero > .content,
      .error404 #hero > .content,
      .node-25 #hero > .content {
        position: relative;
        right: -50px; }
        .home #hero > .content > div,
        .error404 #hero > .content > div,
        .node-25 #hero > .content > div {
          /* from laptop to desktop */
          /* from laptop to desktop */ } }
    @media screen and (min-width: 861px) and (max-width: 1800px) and (min-width: 1800px) and (max-width: 9999px) {
      .home #hero > .content > div,
      .error404 #hero > .content > div,
      .node-25 #hero > .content > div {
        width: 350px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) and (min-width: 861px) and (max-width: 1800px) {
      .home #hero > .content > div,
      .error404 #hero > .content > div,
      .node-25 #hero > .content > div {
        width: 410px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .home #hero > .content,
      .error404 #hero > .content,
      .node-25 #hero > .content {
        position: relative;
        right: -110px; }
        .home #hero > .content > div,
        .error404 #hero > .content > div,
        .node-25 #hero > .content > div {
          width: 470px; } }
  .home #hero main,
  .error404 #hero main,
  .node-25 #hero main {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .home #hero main,
      .error404 #hero main,
      .node-25 #hero main {
        margin: auto;
        padding-right: 47px;
        align-items: flex-start; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .home #hero main,
      .error404 #hero main,
      .node-25 #hero main {
        padding-left: 828px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .home #hero main,
      .error404 #hero main,
      .node-25 #hero main {
        padding-left: 590px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .home #hero main,
      .error404 #hero main,
      .node-25 #hero main {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .home #hero main,
      .error404 #hero main,
      .node-25 #hero main {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 860px) and (max-width: 1024px) {
      .home #hero main,
      .error404 #hero main,
      .node-25 #hero main {
        padding-left: 550px; } }
  @media screen and (max-width: 860px) {
    .home #hero,
    .error404 #hero,
    .node-25 #hero {
      background-size: 375px auto; }
      .home #hero h1, .home #hero h2.title-style, .home #hero h3.title-style, .home #hero h2, .home #hero p.icon-top-style,
      .error404 #hero h1,
      .error404 #hero h2.title-style,
      .error404 #hero h3.title-style,
      .error404 #hero h2,
      .error404 #hero p.icon-top-style,
      .node-25 #hero h1,
      .node-25 #hero h2.title-style,
      .node-25 #hero h3.title-style,
      .node-25 #hero h2,
      .node-25 #hero p.icon-top-style {
        padding: 0 15px 0 184px;
        width: 100%;
        max-width: none; }
      .home #hero h1, .home #hero h2.title-style, .home #hero h3.title-style,
      .error404 #hero h1,
      .error404 #hero h2.title-style,
      .error404 #hero h3.title-style,
      .node-25 #hero h1,
      .node-25 #hero h2.title-style,
      .node-25 #hero h3.title-style {
        margin-bottom: 40px;
        font-size: 60px;
        line-height: 60px; }
        .home #hero h1 strong, .home #hero h2.title-style strong, .home #hero h3.title-style strong,
        .error404 #hero h1 strong,
        .error404 #hero h2.title-style strong,
        .error404 #hero h3.title-style strong,
        .node-25 #hero h1 strong,
        .node-25 #hero h2.title-style strong,
        .node-25 #hero h3.title-style strong {
          font-size: 16px;
          line-height: 16px; }
      .home #hero h2, .home #hero p.icon-top-style,
      .error404 #hero h2,
      .error404 #hero p.icon-top-style,
      .node-25 #hero h2,
      .node-25 #hero p.icon-top-style {
        font-size: 16px;
        color: #fff; } }

.home #block-views-block-banner-block-hero-banner:before,
.home #block-ourviewslinkhomepage,
.home #block-ourviewsheadertexthomepage,
.error404 #block-views-block-banner-block-hero-banner:before,
.error404 #block-ourviewslinkhomepage,
.error404 #block-ourviewsheadertexthomepage,
.node-25 #block-views-block-banner-block-hero-banner:before,
.node-25 #block-ourviewslinkhomepage,
.node-25 #block-ourviewsheadertexthomepage {
  display: none; }

.home .layout-container,
.home #block-avrobio-content > article,
.error404 .layout-container,
.error404 #block-avrobio-content > article,
.node-25 .layout-container,
.node-25 #block-avrobio-content > article {
  padding-bottom: 0; }

.home .paragraph--type--featured-icons h3, .home .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.home .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.home .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.home .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .home .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .home .paragraph--type--featured-icons .field--name-field-title,
.error404 .paragraph--type--featured-icons h3,
.error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
#body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
#body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.error404 .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
#body .error404 .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
#body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
.error404 .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title,
.paragraph--type--image-and-caption-carousel .error404 .paragraph--type--featured-icons .field--name-field-title,
.node-25 .paragraph--type--featured-icons h3,
.node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
#body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
.node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
#body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
.node-25 .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
#body .node-25 .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
.node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
#body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
.node-25 .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title,
.paragraph--type--image-and-caption-carousel .node-25 .paragraph--type--featured-icons .field--name-field-title {
  color: #1d428a;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .home .paragraph--type--featured-icons h3, .home .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .home .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .home .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .home .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .home .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .home .paragraph--type--featured-icons .field--name-field-title,
    .error404 .paragraph--type--featured-icons h3,
    .error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title,
    .paragraph--type--image-and-caption-carousel .error404 .paragraph--type--featured-icons .field--name-field-title,
    .node-25 .paragraph--type--featured-icons h3,
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title,
    .paragraph--type--image-and-caption-carousel .node-25 .paragraph--type--featured-icons .field--name-field-title {
      font-size: 51px; } }
  @media screen and (max-width: 860px) {
    .home .paragraph--type--featured-icons h3, .home .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .home .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .home .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .home .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .home .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .home .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .home .paragraph--type--featured-icons .field--name-field-title,
    .error404 .paragraph--type--featured-icons h3,
    .error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    #body .error404 .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    .error404 .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title,
    .paragraph--type--image-and-caption-carousel .error404 .paragraph--type--featured-icons .field--name-field-title,
    .node-25 .paragraph--type--featured-icons h3,
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    #body .node-25 .paragraph--type--featured-icons .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    .node-25 .paragraph--type--featured-icons .paragraph--type--image-and-caption-carousel .field--name-field-title,
    .paragraph--type--image-and-caption-carousel .node-25 .paragraph--type--featured-icons .field--name-field-title {
      font-size: 38px; } }

.home .paragraph--type--call-to-action-banner > .background-image,
.error404 .paragraph--type--call-to-action-banner > .background-image,
.node-25 .paragraph--type--call-to-action-banner > .background-image {
  width: 100%;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .home .paragraph--type--call-to-action-banner > .background-image,
    .error404 .paragraph--type--call-to-action-banner > .background-image,
    .node-25 .paragraph--type--call-to-action-banner > .background-image {
      padding-bottom: 300px;
      overflow: hidden; }
      .home .paragraph--type--call-to-action-banner > .background-image:after,
      .error404 .paragraph--type--call-to-action-banner > .background-image:after,
      .node-25 .paragraph--type--call-to-action-banner > .background-image:after {
        left: 140px; }
      .home .paragraph--type--call-to-action-banner > .background-image > span,
      .error404 .paragraph--type--call-to-action-banner > .background-image > span,
      .node-25 .paragraph--type--call-to-action-banner > .background-image > span {
        right: auto;
        left: -100px;
        bottom: -22px;
        width: 375px; } }
  .home .paragraph--type--call-to-action-banner > .background-image h2, .home .paragraph--type--call-to-action-banner > .background-image p.icon-top-style,
  .error404 .paragraph--type--call-to-action-banner > .background-image h2,
  .error404 .paragraph--type--call-to-action-banner > .background-image p.icon-top-style,
  .node-25 .paragraph--type--call-to-action-banner > .background-image h2,
  .node-25 .paragraph--type--call-to-action-banner > .background-image p.icon-top-style {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    .home .paragraph--type--call-to-action-banner > .background-image h2:before, .home .paragraph--type--call-to-action-banner > .background-image p.icon-top-style:before,
    .error404 .paragraph--type--call-to-action-banner > .background-image h2:before,
    .error404 .paragraph--type--call-to-action-banner > .background-image p.icon-top-style:before,
    .node-25 .paragraph--type--call-to-action-banner > .background-image h2:before,
    .node-25 .paragraph--type--call-to-action-banner > .background-image p.icon-top-style:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 24px;
      height: 3px;
      background: #da1884; }

.home .paragraph--type--call-to-action-banner p,
.error404 .paragraph--type--call-to-action-banner p,
.node-25 .paragraph--type--call-to-action-banner p {
  margin-bottom: 20px; }

.home .homepage-view-title-area,
.error404 .homepage-view-title-area,
.node-25 .homepage-view-title-area {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  .home .homepage-view-title-area h3, .home .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  .home .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  .home .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  .home .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .home .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .home .homepage-view-title-area .field--name-field-title,
  .error404 .homepage-view-title-area h3,
  .error404 .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  #body .error404 .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  .error404 .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  #body .error404 .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  .error404 .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  #body .error404 .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  .error404 .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
  #body .error404 .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
  .error404 .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title,
  .paragraph--type--image-and-caption-carousel .error404 .homepage-view-title-area .field--name-field-title,
  .node-25 .homepage-view-title-area h3,
  .node-25 .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  #body .node-25 .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  .node-25 .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  #body .node-25 .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  .node-25 .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  #body .node-25 .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  .node-25 .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
  #body .node-25 .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
  .node-25 .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title,
  .paragraph--type--image-and-caption-carousel .node-25 .homepage-view-title-area .field--name-field-title {
    padding-right: 30px;
    color: #1d428a; }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .home .homepage-view-title-area,
    .error404 .homepage-view-title-area,
    .node-25 .homepage-view-title-area {
      margin-bottom: 30px;
      padding-right: 40px;
      display: flex;
      justify-content: space-between; }
      .home .homepage-view-title-area h3, .home .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      .home .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      .home .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      .home .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .home .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .home .homepage-view-title-area .field--name-field-title,
      .error404 .homepage-view-title-area h3,
      .error404 .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      #body .error404 .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      .error404 .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      #body .error404 .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      .error404 .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      #body .error404 .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      .error404 .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
      #body .error404 .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
      .error404 .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title,
      .paragraph--type--image-and-caption-carousel .error404 .homepage-view-title-area .field--name-field-title,
      .node-25 .homepage-view-title-area h3,
      .node-25 .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      #body .node-25 .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
      .node-25 .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      #body .node-25 .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
      .node-25 .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      #body .node-25 .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
      .node-25 .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
      #body .node-25 .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
      .node-25 .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title,
      .paragraph--type--image-and-caption-carousel .node-25 .homepage-view-title-area .field--name-field-title {
        margin-bottom: 0; }
      .home .homepage-view-title-area .btn, .home .homepage-view-title-area body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .home .homepage-view-title-area a,
      .error404 .homepage-view-title-area .btn,
      .error404 .homepage-view-title-area body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .error404 .homepage-view-title-area a,
      .node-25 .homepage-view-title-area .btn,
      .node-25 .homepage-view-title-area body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .node-25 .homepage-view-title-area a {
        padding: 18px;
        text-align: center; } }
  @media screen and (max-width: 860px) {
    .home .homepage-view-title-area h3, .home .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .home .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .home .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .home .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body .home .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), .home .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel .home .homepage-view-title-area .field--name-field-title,
    .error404 .homepage-view-title-area h3,
    .error404 .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .error404 .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .error404 .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .error404 .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .error404 .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .error404 .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .error404 .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    #body .error404 .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    .error404 .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title,
    .paragraph--type--image-and-caption-carousel .error404 .homepage-view-title-area .field--name-field-title,
    .node-25 .homepage-view-title-area h3,
    .node-25 .homepage-view-title-area #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    #body .node-25 .homepage-view-title-area .paragraph--type--two-column-info > .field__item:nth-of-type(1),
    .node-25 .homepage-view-title-area #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    #body .node-25 .homepage-view-title-area .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
    .node-25 .homepage-view-title-area #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    #body .node-25 .homepage-view-title-area .paragraph--type--three-column-info > .field__item:nth-of-type(1),
    .node-25 .homepage-view-title-area #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    #body .node-25 .homepage-view-title-area .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
    .node-25 .homepage-view-title-area .paragraph--type--image-and-caption-carousel .field--name-field-title,
    .paragraph--type--image-and-caption-carousel .node-25 .homepage-view-title-area .field--name-field-title {
      padding: 0 15px; }
    .home .homepage-view-title-area .btn, .home .homepage-view-title-area body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a, body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .home .homepage-view-title-area a,
    .error404 .homepage-view-title-area .btn,
    .error404 .homepage-view-title-area body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .error404 .homepage-view-title-area a,
    .node-25 .homepage-view-title-area .btn,
    .node-25 .homepage-view-title-area body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy a,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy .node-25 .homepage-view-title-area a {
      position: absolute;
      bottom: 0;
      width: calc(100% - 30px);
      left: 15px;
      text-align: center; } }

.page-id-52 .field__item + .field__item > div:not(.paragraph--type--explore-tiles) {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .page-id-52 .field__item + .field__item > div:not(.paragraph--type--explore-tiles) {
      padding-top: 0; } }

.page-id-52 .draggable > .slick-track {
  display: flex; }

.page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child {
  background: #1d428a; }
  .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup {
    position: relative;
    overflow: visible;
    background: #1d428a;
    /* from laptop to desktop */
    overflow: visible;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 320px;
        background: #2c2a38; } }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup > div:nth-of-type(1) {
      margin: auto;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup > div:nth-of-type(1) {
          width: 100%;
          max-width: 1660px; } }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup > div:nth-of-type(1) {
          width: calc(100% - 100px);
          max-width: 1245px; } }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup > div:nth-of-type(1):before {
          content: '';
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          transform: scaleX(-1);
          background: #fff;
          right: 2px;
          transform-origin: 100% 100%; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup {
        position: relative;
        z-index: 2;
        width: 100%; }
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup:before {
          top: -2px;
          left: 0;
          z-index: -1; } }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup > div {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup > div {
          padding: 40px 15px; } }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup .inner-container {
      background: #fff;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup .inner-container {
          position: relative; }
          .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:first-child .paragraph--type--leadership-popup .inner-container:before {
            right: 5px;
            z-index: 0;
            transform: scaleX(-1);
            transform-origin: 100% 100%; } }

.page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup {
  position: relative;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup {
      background: url("/wp-content/themes/avrobio/assets/images/mountain-bg.jpg") 50% 0 repeat-x #1d428a;
      background-size: auto 100%; } }
  @media screen and (max-width: 860px) {
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup {
      background: url("/wp-content/themes/avrobio/assets/images/mountain-bg.jpg") 50% 0 repeat-x #1d428a;
      background-size: auto 100%; } }
  .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .field--name-field-heading * {
    color: #fff; }
  .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .inner-container {
    padding: 90px 0;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .inner-container {
        padding: 40px 15px; } }
  .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link * {
    color: #fff; }
  .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    padding-right: 70px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff; }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn:hover {
          text-decoration: underline; } }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn:hover {
      color: #fff; }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn:after {
      content: '';
      position: relative;
      top: 2px;
      margin-left: 6px;
      width: 24px;
      height: 12px;
      display: inline-block;
      background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg") no-repeat 0 50%;
      background-size: auto 20px; }
    .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn:hover:after {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .page-id-53 #block-avrobio-content > article > .node__content > .field--name-field-body > .field__item:nth-child(2) .paragraph--type--leadership-popup .spv-popup-link .link-btn:hover:after {
          animation: 400ms link_arrow ease-in-out forwards; } }

.page-id-53 #block-avrobio-content > article {
  padding: 0; }

.page-id-53 .paragraph--type--leadership-popup .inner-container {
  position: relative;
  margin: auto;
  /* from laptop to desktop */
  /* from laptop to desktop */
  overflow: visible;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .page-id-53 .paragraph--type--leadership-popup .inner-container {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .page-id-53 .paragraph--type--leadership-popup .inner-container {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .page-id-53 .paragraph--type--leadership-popup .inner-container {
      padding: 90px 110px;
      display: flex; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .page-id-53 .paragraph--type--leadership-popup .inner-container {
      padding: 90px 50px;
      display: flex; } }
  .page-id-53 .paragraph--type--leadership-popup .inner-container .field--name-field-heading {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .page-id-53 .paragraph--type--leadership-popup .inner-container .field--name-field-heading {
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 67px; } }
  .page-id-53 .paragraph--type--leadership-popup .inner-container .field--name-field-view-reference {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      .page-id-53 .paragraph--type--leadership-popup .inner-container .field--name-field-view-reference {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 67px; } }

.page-id-60 .image-style-teaser-large-650-x-715 {
  display: none; }

.page-id-60 #body > div {
  margin-top: 50px; }

.page-id-60 .view-footer > .more-link a {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .page-id-60 .view-footer > .more-link a {
      width: 100%; } }

.page-id-60 #block-views-block-blog-block-blog-our-view-ideas div > .view-blog .view-content .views-row .field--name-field-media-image,
.page-id-60 #block-views-block-blog-block-blog-our-view-vector div > .view-blog .view-content .views-row .field--name-field-media-image,
.page-id-60 #block-views-block-blog-block-blog-featured-news div > .view-blog .view-content .views-row > article .node__content > img {
  margin-bottom: 30px; }

.page-id-60 #block-views-block-blog-block-blog-our-view-vector {
  margin-bottom: 50px; }


.page-id-60 .view-footer {
  margin-bottom: 58px;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    .page-id-60 .view-footer {
      margin-bottom: 40px; } }

.page-id-60 .node--view-mode-featured-teaser a {
  flex: 0 0 680px;
  max-width: 680px; }

body.page-id-61 .image-style-teaser-large-650-x-715 {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-61 .image-style-teaser-large-650-x-715 {
      display: none; } }

body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-header p.normal-brand {
  margin: 0;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-header p.normal-brand {
      font-size: 10px; } }

body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-header h2, body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-header p.icon-top-style {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-header h2, body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-header p.icon-top-style {
      font-size: 21px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  body.page-id-61 #block-views-block-blog-block-blog-landing-vector .view-blog {
    justify-content: space-between; } }

body.page-id-62 #block-views-block-blog-block-blog-landing-ideas .view-header {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-62 #block-views-block-blog-block-blog-landing-ideas .view-header {
      width: 100%; } }

/* from laptop to desktop */
@media screen and (min-width: 861px) and (max-width: 9999px) {
  body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content,
  body.single-post .node--type-leader-profile.node--view-mode-component .node__content {
    padding-top: 0; }
    body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img,
    body.single-post .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img {
      position: absolute;
      top: -100px;
      left: 70px;
      /* from laptop to desktop */
      /* from laptop to desktop */ } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
      body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img,
      body.single-post .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img {
        left: 146px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
      body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img,
      body.single-post .node--type-leader-profile.node--view-mode-component .node__content .field--name-field-photo img {
        left: 30px; } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
  body [page-category="20"] #block-views-block-blog-block-title,
  body.single-post #block-views-block-blog-block-title {
    position: relative;
    z-index: 1; }
    body [page-category="20"] #block-views-block-blog-block-title > div,
    body.single-post #block-views-block-blog-block-title > div {
      position: relative;
      margin: auto;
      /* from laptop to desktop */
      /* from laptop to desktop */
      z-index: 2;
      background: #fff; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
      body [page-category="20"] #block-views-block-blog-block-title > div,
      body.single-post #block-views-block-blog-block-title > div {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
      body [page-category="20"] #block-views-block-blog-block-title > div,
      body.single-post #block-views-block-blog-block-title > div {
        width: calc(100% - 100px);
        max-width: 1245px; } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
    body [page-category="20"] #block-views-block-blog-block-title:after,
    body.single-post #block-views-block-blog-block-title:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #201a26; }
    body [page-category="20"] #block-views-block-blog-block-title h2, body [page-category="20"] #block-views-block-blog-block-title p.icon-top-style,
    body.single-post #block-views-block-blog-block-title h2,
    body.single-post #block-views-block-blog-block-title p.icon-top-style {
      margin: 0;
      padding: 40px 0 10px calc(25% - 8px);
      /* from laptop to desktop */ } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
      body [page-category="20"] #block-views-block-blog-block-title h2, body [page-category="20"] #block-views-block-blog-block-title p.icon-top-style,
      body.single-post #block-views-block-blog-block-title h2,
      body.single-post #block-views-block-blog-block-title p.icon-top-style {
        padding: 40px 0 10px calc(25% + 7px); } }

@media screen and (min-width: 861px) and (max-width: 9999px) {
    body [page-category="20"] #block-views-block-blog-block-title .node--type--blog-title:before,
    body.single-post #block-views-block-blog-block-title .node--type--blog-title:before {
      background: #fff; }
    body [page-category="20"] #block-views-block-blog-block-title .node--type-leader-profile.node--view-mode-component,
    body.single-post #block-views-block-blog-block-title .node--type-leader-profile.node--view-mode-component {
      min-height: 120px;
      display: flex;
      align-items: flex-end; }
  body [page-category="20"] #block-views-block-blog-block-blog-author,
  body.single-post #block-views-block-blog-block-blog-author {
    z-index: 2; }
  body [page-category="20"] #block-views-block-blog-block-blog-author:before,
  body [page-category="20"] .views-field-field-author:before,
  body.single-post #block-views-block-blog-block-blog-author:before,
  body.single-post .views-field-field-author:before {
    display: none; }
  body [page-category="20"] #block-views-block-blog-block-blog-author,
  body [page-category="20"] .views-field-field-author,
  body [page-category="20"] .node--type-leader-profile.node--view-mode-component,
  body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content,
  body.single-post #block-views-block-blog-block-blog-author,
  body.single-post .views-field-field-author,
  body.single-post .node--type-leader-profile.node--view-mode-component,
  body.single-post .node--type-leader-profile.node--view-mode-component .node__content {
    overflow: visible; } }

/* from laptop to desktop */
@media screen and (max-width: 860px) {
  body [page-category="20"] #block-views-block-blog-block-title,
  body.single-post #block-views-block-blog-block-title {
    padding: 40px 15px 0 15px;
    background: #fff; }
    body [page-category="20"] #block-views-block-blog-block-title h2, body [page-category="20"] #block-views-block-blog-block-title p.icon-top-style,
    body.single-post #block-views-block-blog-block-title h2,
    body.single-post #block-views-block-blog-block-title p.icon-top-style {
      margin: 0;
      font-size: 21px; }
  body [page-category="20"] .node--type-leader-profile.node--view-mode-component:before,
  body.single-post .node--type-leader-profile.node--view-mode-component:before {
    display: none; }
  body [page-category="20"] .node--type-leader-profile.node--view-mode-component .node__content,
  body.single-post .node--type-leader-profile.node--view-mode-component .node__content {
    padding-bottom: 0; } }

body.page-id-41 {
  /* hero sub content padding */ }
  body.page-id-41 .paragraph--type--grid-container .field--name-field-grid-item {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-41 .paragraph--type--grid-container .field--name-field-grid-item {
        padding: 90px 110px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-41 .paragraph--type--grid-container .field--name-field-grid-item {
        padding: 90px 50px; } }
  body.page-id-41 .paragraph--type--two-column-info > .field__item:nth-of-type(1) {
    font-size: 28px; }
    body.page-id-41 .paragraph--type--two-column-info > .field__item:nth-of-type(1):before {
      content: 'Our Focus';
      /* padding-bottom: 8px; */
      font-size: 12px;
      display: block;
      text-transform: uppercase;
      color: #da1884; }
  body.page-id-41 .paragraph--type--patient-tiles .title-style {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-41 .paragraph--type--patient-tiles .title-style {
        line-height: 60px;
		margin-bottom: 60px !important; } }
  body.page-id-41 .paragraph--type--patient-tiles .title-style br {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-41 .paragraph--type--patient-tiles .title-style br {
        display: none; } }

body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item {
  position: relative; }
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item p:nth-of-type(1) {
    position: absolute;
    padding: 0;
    width: 110px;
    height: 110px;
    text-align: center; }
    body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item p:nth-of-type(1) img {
      margin: auto;
      float: none; }
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item p,
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item h3,
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item #body .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  #body body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  #body body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item #body .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  #body body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
  #body body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1),
  body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item .paragraph--type--image-and-caption-carousel .field--name-field-title,
  .paragraph--type--image-and-caption-carousel body.page-id-43 .paragraph--type--two-column-info-50-50 > .field__item .field--name-field-title {
    padding-left: 120px; }

body.page-id-45 .field__item,
body.page-id-47 .field__item {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-45 .field__item,
    body.page-id-47 .field__item {
      width: 100%; } }

body.page-id-45,
body.page-id-47,
body.page-id-46,
body.page-id-49,
body.page-id-48 {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-45 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul,
    body.page-id-47 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul,
    body.page-id-46 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul,
    body.page-id-49 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul,
    body.page-id-48 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul {
      margin: 0;
      overflow-y: hidden; }
      body.page-id-45 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul li:last-child,
      body.page-id-47 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul li:last-child,
      body.page-id-46 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul li:last-child,
      body.page-id-49 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul li:last-child,
      body.page-id-48 #body .paragraph--type--three-column-info > .field__item:nth-of-type(2) ul li:last-child {
        margin-bottom: 0; } }

body.page-id-45 #body .paragraph--type--three-column-info.paragraph--view-mode--default ul,
body.page-id-47 #body .paragraph--type--three-column-info.paragraph--view-mode--default ul {
  margin-left: 0;
  padding-left: 0; }

body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden {
  background: url("/wp-content/themes/avrobio/assets/images/mountain-bg.jpg") repeat-x 50% 0 #1d428a;
  background-size: auto 100%; }
  body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden > .content-container {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden > .content-container {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden > .content-container {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden > .content-container {
        width: 100%; } }
  body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .views-element-container {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .views-element-container {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .views-element-container {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .views-element-container .field--type-string {
      font-size: 14px;
      color: #fff; }
    body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .views-element-container .field--name-field-full-name {
      font-size: 21px;
      color: #fff; }
  body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .view-leader-profile .view-content {
    display: flex; }
    body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .view-leader-profile .view-content > div > div {
      display: flex;
      align-items: center; }
  body.page-id-50 #body .field--name-field-view-reference.field--type-viewsreference.field--label-hidden .field.field--name-title.field--type-string.field--label-hidden {
    display: none; }

body.page-id-50 #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-50 #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) {
      display: none; } }

body.page-id-50 #body .paragraph--type--three-column-info > .field__item {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-50 #body .paragraph--type--three-column-info > .field__item ul li:first-child {
      margin-top: 0; } }

body.page-id-50 #body .view-leader-profile.view-display-id-block_engagement_team_view {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-50 #body .view-leader-profile.view-display-id-block_engagement_team_view .view-header {
      padding-right: 40px;
      flex: 0 0 35%;
      max-width: 35%; }
    body.page-id-50 #body .view-leader-profile.view-display-id-block_engagement_team_view .view-content {
      flex: 0 0 65%;
      max-width: 65%; }
      body.page-id-50 #body .view-leader-profile.view-display-id-block_engagement_team_view .view-content .field--name-field-photo {
        padding-left: 50px; } }

body.page-id-50 #body .paragraph--type--cta-carousel > div {
  margin: auto;
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.page-id-50 #body .paragraph--type--cta-carousel > div {
      /* from laptop to desktop */
      /* from laptop to desktop */ } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
    body.page-id-50 #body .paragraph--type--cta-carousel > div {
      width: 100%;
      max-width: 1660px; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-50 #body .paragraph--type--cta-carousel > div {
      width: calc(100% - 100px);
      max-width: 1245px; } }
  body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta {
    position: relative;
    justify-content: flex-end;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta {
        flex-direction: column; } }
    body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span {
      overflow: hidden;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span {
          position: absolute;
          bottom: 0;
          height: 100%; } }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span {
          left: 0;
          width: 750px; } }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span {
          left: -120px;
          width: 940px; } }
      @media screen and (max-width: 860px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span {
          position: relative;
          width: 100%;
          overflow: hidden;
          height: 320px;
          background: #fff; }
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span:before {
            content: '';
            position: absolute;
            top: 0;
            left: 320px;
            width: 375px;
            height: 100%;
            transform: scaleX(-1);
            transform-origin: 0 0;
            background: url("/wp-content/themes/avrobio/assets/images/nasdaq-avro-checkmark.png") 0 0 #fff no-repeat;
            background-size: auto 100%; } }
      body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span > img {
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */ }
        @media screen and (min-width: 1800px) and (max-width: 9999px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span > img {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%; } }
        @media screen and (min-width: 861px) and (max-width: 1800px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span > img {
            position: absolute;
            left: -180px;
            bottom: 0;
            width: 100%; } }
        @media screen and (min-width: 860px) and (max-width: 1024px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span > img {
            left: -280px; } }
        @media screen and (max-width: 860px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > span > img {
            position: absolute;
            left: -30px;
            bottom: 0;
            height: 90%;
            z-index: 2; } }
    body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content {
      position: relative;
      z-index: 2;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content {
          padding: 130px 40px 0 570px;
          max-width: none;
          width: 100%;
          min-height: 740px; } }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content {
          padding: 180px 80px 0 0;
          max-width: calc(100% - 840px);
          min-height: 882px; } }
      @media screen and (min-width: 860px) and (max-width: 1024px) {
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content {
          padding: 130px 40px 0 470px;
          min-height: 900px; } }
      body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content h2, body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content p.icon-top-style {
        line-height: 40px;
        /* from laptop to desktop */ }
        @media screen and (max-width: 860px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content h2, body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content p.icon-top-style {
            margin-top: 30px;
            font-size: 28px; } }
      body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content h5 {
        font-size: 14px; }
      body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content p {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 1800px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content p {
            margin-bottom: 26px;
            font-size: 14px; } }
      body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content .carousel-text-quote {
        position: relative;
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */ }
        @media screen and (min-width: 1800px) and (max-width: 9999px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content .carousel-text-quote {
            margin: 40px 0;
            font-size: 28px; } }
        @media screen and (min-width: 861px) and (max-width: 1800px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content .carousel-text-quote {
            margin: 30px 0;
            font-size: 24px; } }
        @media screen and (max-width: 860px) {
          body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content .carousel-text-quote {
            margin: 20px 0;
            font-size: 21px; } }
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content .carousel-text-quote:before {
          content: '“';
          position: absolute;
          left: -12px; }
        body.page-id-50 #body .paragraph--type--cta-carousel > div .paragraph--type--slide-cta > .field--name-field-content .carousel-text-quote:after {
          content: '”'; }

body.page-id-50 #body .paragraph--type--cta-carousel .slicknav {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slicknav {
      margin-top: 33px;
      max-width: 710px; } }
  @media screen and (max-width: 860px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slicknav {
      margin: auto;
      width: calc(100% - 30px); } }

body.page-id-50 #body .slick-track {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-50 #body .slick-track {
      display: flex;
      align-items: flex-end; } }

body.page-id-50 #body .field__item + .field__item > div:not(.paragraph--type--explore-tiles) {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-50 #body .field__item + .field__item > div:not(.paragraph--type--explore-tiles) {
      padding-top: 0; }
      body.page-id-50 #body .field__item + .field__item > div:not(.paragraph--type--explore-tiles) ul {
        margin-bottom: 0; } }

body.page-id-50 #body .paragraph--type--cta-carousel.background-image {
  position: relative;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-50 #body .paragraph--type--cta-carousel.background-image:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 50%;
      display: block;
      z-index: 2;
      background: #122c5f; } }
  @media screen and (max-width: 860px) {
    body.page-id-50 #body .paragraph--type--cta-carousel.background-image {
      padding: 0; } }

body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked {
  position: relative;
  z-index: 3;
  background: #fff;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked:before {
      content: '';
      position: absolute;
      top: 0;
      width: 2000vw;
      height: 100%;
      transform: scaleX(-1);
      transform-origin: 0 0;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked:before {
      left: 50%;
      background: url("/wp-content/themes/avrobio/assets/images/nasdaq-avro-checkmark.png") 0 0 #fff no-repeat;
      background-size: auto 100%; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked:before {
      left: 660px;
      background: url("/wp-content/themes/avrobio/assets/images/nasdaq-avro-checkmark.png") 50px 0 #fff no-repeat;
      background-size: auto 100%; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 860px) and (max-width: 1024px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked:before {
      left: 490px;
      background: url("/wp-content/themes/avrobio/assets/images/cta-carousel-v.png") 50px -80px #fff no-repeat;
      background-size: 730px auto; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked {
      /* from laptop to desktop */ } }
  @media screen and (min-width: 861px) and (max-width: 1800px) and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-50 #body .paragraph--type--cta-carousel .slick-slider.slicked {
      margin: 0;
      width: calc(100% - 90px); } }

body.page-id-50 #body .paragraph--type--call-to-action-banner,
body.page-id-50 #body .paragraph--type--cta-carousel.background-image:after {
  display: none; }

body.page-id-42 #body .field--name-field-content.field--type-text-with-summary ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  body.page-id-42 #body .field--name-field-content.field--type-text-with-summary ol > li {
    counter-increment: li;
    margin-bottom: 40px;
    padding-left: 50px; }
    body.page-id-42 #body .field--name-field-content.field--type-text-with-summary ol > li:before {
      content: counter(li) ".";
      position: absolute;
      left: 0;
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 28px;
      color: #da1884; }

body.page-id-54 {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-54 .paragraph--type--grid-container .field--name-field-grid-item > .field__item:nth-child(1) {
      padding: 40px 15px 0 15px; }
    body.page-id-54 #hero section main h1 sup, body.page-id-54 #hero section main h2.title-style sup, body.page-id-54 #hero section main h3.title-style sup {
      font-family: "Montserrat", sans-serif;
      font-style: normal;
      font-weight: 700;
      top: -12px; } }

body.page-id-56 .patient-tiles.cta > main > section.content {
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-56 .patient-tiles.cta > main > section.content {
      padding: 0; } }
  @media screen and (max-width: 860px) {
    body.page-id-56 .patient-tiles.cta > main > section.content {
      padding: 0 15px; } }

body.page-id-56 .patient-tiles.cta:before {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-56 .patient-tiles.cta:before {
      top: 70px; } }

body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item {
    margin: 0 30px 30px 0;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item {
        flex: 0 0 calc(16.66667% - 30px + 5px);
        max-width: calc(16.66667% - 30px + 5px); }
        body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item:nth-child(6n + 0) {
          margin-right: 0; } }
    @media screen and (max-width: 860px) {
      body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item {
        flex: 0 0 calc(100% - 30px + 30px);
        max-width: calc(100% - 30px + 30px); }
        body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item:nth-child(1n + 0) {
          margin-right: 0; } }
  @media screen and (max-width: 860px) {
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item {
      padding: 0 30px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item {
      flex-direction: row; } }
  body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted h3, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-info > .field__item:nth-of-type(1),
  body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
  body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--three-column-info > .field__item:nth-of-type(1),
  body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .field--name-field-title {
    position: relative;
    padding-top: 2em;
    margin-top: 2em; }
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted h3:before, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-info > .field__item:nth-of-type(1):before, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-info > .field__item:nth-of-type(1):before,
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1):before, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1):before,
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--three-column-info > .field__item:nth-of-type(1):before, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--three-column-info > .field__item:nth-of-type(1):before,
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1):before, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1):before, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--image-and-caption-carousel .field--name-field-title:before, .paragraph--type--image-and-caption-carousel body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .field--name-field-title:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 24px;
      height: 3px;
      background: #da1884;
      bottom: unset;
      top: 0; }
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted h3 a, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) a, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-info > .field__item:nth-of-type(1) a, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) a, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) a, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) a, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--three-column-info > .field__item:nth-of-type(1) a, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) a, #body body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) a, body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .paragraph--type--image-and-caption-carousel .field--name-field-title a, .paragraph--type--image-and-caption-carousel body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted .field--name-field-title a {
      color: #1d428a;
      text-decoration: none; }
  body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item .field__item .text-formatted p a {
    color: #1d428a;
    text-decoration: none; }

body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-234 .paragraph--type--grid-container > .field--name-field-grid-item > .field__item {
      margin-bottom: 0; } }

body.page-id-234 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-234 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div > div:nth-of-type(1) {
      padding: 0 15px; } }

body:not(.page-id-59) #body .node--type-job-posting {
  background: #ecf0f9;
  /* sub hero layout */
  /* layout */
  /* typography */
  /* icons */ }
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix {
    position: relative;
    overflow: visible;
    background: #ecf0f9;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .hero-suffix:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: #2c2a38; } }
    body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > div:nth-of-type(1) {
      margin: auto;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > div:nth-of-type(1) {
          width: 100%;
          max-width: 1660px; } }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > div:nth-of-type(1) {
          width: calc(100% - 100px);
          max-width: 1245px; } }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > div:nth-of-type(1):before {
          content: '';
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          transform: scaleX(-1);
          background: #fff;
          right: 2px;
          transform-origin: 100% 100%; } }
    body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > .hero-suffix-inner {
      position: relative;
      z-index: 2;
      background: #fff;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > .hero-suffix-inner {
          display: flex;
          flex-wrap: wrap; }
          body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > .hero-suffix-inner > div {
            display: flex;
            flex-wrap: wrap; } }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > .hero-suffix-inner {
          padding: 90px 110px; } }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > .hero-suffix-inner {
          padding: 90px 50px; } }
      @media screen and (max-width: 860px) {
        body:not(.page-id-59) #body .node--type-job-posting .hero-suffix > .hero-suffix-inner {
          padding: 40px 15px; } }
  body:not(.page-id-59) #body .node--type-job-posting .node__content {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .node__content {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body:not(.page-id-59) #body .node--type-job-posting .node__content {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .node__content {
        padding-top: 115px;
        padding-bottom: 115px; } }
    @media screen and (max-width: 860px) {
      body:not(.page-id-59) #body .node--type-job-posting .node__content {
        padding: 60px 15px; } }
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-responsibilities,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-minimum-requirements-quali,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-extra-info,
  body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_wrapper {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-responsibilities,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-minimum-requirements-quali,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-extra-info,
      body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_wrapper {
        display: flex; } }
  body:not(.page-id-59) #body .node--type-job-posting .field__label,
  body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #1d428a;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .field__label,
      body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_label {
        font-size: 28px;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 67px; } }
    @media screen and (max-width: 860px) {
      body:not(.page-id-59) #body .node--type-job-posting .field__label,
      body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_label {
        font-size: 21px;
        margin-bottom: 30px; } }
  body:not(.page-id-59) #body .node--type-job-posting .field__item,
  body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_content {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .field__item,
      body:not(.page-id-59) #body .node--type-job-posting .about_avrobio_content {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 67px; } }
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy {
    margin-bottom: 36px;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-linkedin-easy {
        margin-left: 25%; } }
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-responsibilities,
  body:not(.page-id-59) #body .node--type-job-posting .field--name-field-minimum-requirements-quali {
    margin-bottom: 40px; }
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-responsibilities ul,
    body:not(.page-id-59) #body .node--type-job-posting .field--name-field-minimum-requirements-quali ul {
      margin: 0 0 10px 0;
      padding: 0; }
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-responsibilities ul li:first-child,
      body:not(.page-id-59) #body .node--type-job-posting .field--name-field-minimum-requirements-quali ul li:first-child {
        margin-top: 0; }
  body:not(.page-id-59) #body .node--type-job-posting .icons {
    flex-direction: column;
    display: flex;
    /* from laptop to desktop */
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500; }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body:not(.page-id-59) #body .node--type-job-posting .icons {
        margin-left: calc(25% + 67px); } }
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-location.field__item,
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-department.field__item,
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-date.field__item {
    position: relative;
    margin-right: 30px;
    padding-left: 40px;
    max-width: none;
    display: block;
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-location.field__item,
      body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-department.field__item,
      body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-date.field__item {
        margin-bottom: 15px; } }
    body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-location.field__item:before,
    body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-department.field__item:before,
    body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-date.field__item:before {
      content: '';
      position: absolute;
      top: -4px;
      left: 0;
      width: 24px;
      height: 24px; }
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-location.field__item:before {
    background: url("/wp-content/themes/avrobio/assets/images/blue-location-icon.svg") 50% 50% no-repeat;
    background-size: auto 100%; }
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-department.field__item:before {
    background: url("/wp-content/themes/avrobio/assets/images/blue-department-icon.svg") 50% 50% no-repeat;
    background-size: auto 100%; }
  body:not(.page-id-59) #body .node--type-job-posting .hero-suffix .field--name-field-date.field__item:before {
    background: url("/wp-content/themes/avrobio/assets/images/blue-calendar-icon.svg") 50% 50% no-repeat;
    background-size: 21px auto; }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container,
body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container,
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
      padding: 0; } }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .content-container .content-outter-container {
      padding-bottom: 20px;
      border-bottom: 1px solid #b2b5bf; } }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container {
      position: relative;
      overflow: visible;
      background: #ecf0f9;
      /* from laptop to desktop */ } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: #2c2a38; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container > div:nth-of-type(1) {
        margin: auto;
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */ } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container > div:nth-of-type(1) {
        width: 100%;
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container > div:nth-of-type(1) {
        width: calc(100% - 100px);
        max-width: 1245px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .filter-container > div:nth-of-type(1):before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scaleX(-1);
        background: #fff;
        right: 2px;
        transform-origin: 100% 100%; } }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
      /* from laptop to desktop */
      /* from laptop to desktop */
      background: #fff; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 1800px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
      width: 100%;
      max-width: 1660px; } }
  @media screen and (min-width: 861px) and (max-width: 9999px) and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
      width: calc(100% - 100px);
      max-width: 1245px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
      padding: 40px; } }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters {
      padding: 40px 110px; } }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
      margin-right: 0;
      float: none;
      flex: auto; } }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
      margin-right: 0; } }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline {
      display: flex;
      justify-content: space-between; }
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline:before, body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline:after {
        content: none; }
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item {
        margin: 0;
        float: none; }
        body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item:nth-child(1), body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item:nth-child(2) {
          flex: 0 0 30%;
          max-width: 30%; }
        body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item:nth-child(3) {
          flex: 0 0 24%;
          max-width: 24%; }
          body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > .form-item:nth-child(3) + div {
            display: none; } }

body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-date {
  flex: 0 0 30%;
  max-width: 30%; }

body.page-id-59 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div:before {
      content: '';
      position: absolute;
      top: auto;
      bottom: 0;
      right: 0;
      left: auto;
      width: 50%;
      height: 50%;
      display: block;
      z-index: 2;
      background: #fff; }
    body.page-id-59 .field--name-field-body.field--type-entity-reference-revisions > .field__item:nth-of-type(1) > div .inner-container:before {
      display: none; } }

body.page-id-59 .paragraph--type--explore-tiles:after {
  height: 100%;
  background: #ecf0f9; }

body.page-id-59 #block-views-block-job-openings-block-job-openings-view .job-pagination {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .job-pagination .view-footer {
      flex: 0 0 40%;
      max-width: 40%; }
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .job-pagination .pager {
      flex: 0 0 60%;
      max-width: 60%; }
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .job-pagination .pager ul {
        padding: 0;
        display: flex; }
        body.page-id-59 #block-views-block-job-openings-block-job-openings-view .job-pagination .pager ul li {
          margin-top: 0;
          padding: 0 6px; }
      body.page-id-59 #block-views-block-job-openings-block-job-openings-view .job-pagination .pager .pager__item--next a > span:nth-child(2):before {
        top: -2px; } }

body.page-id-59 .node--type-job-posting .hero-suffix {
  position: relative;
  overflow: hidden;
  background: #ecf0f9;
  width: 100%; }
  body.page-id-59 .node--type-job-posting .hero-suffix:before {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting .hero-suffix:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: #312e3e; } }
  body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */
    background: #fff;
    margin: auto;
    overflow: visible;
    position: relative;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    @media screen and (max-width: 860px) {
      body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner {
        padding: 60px 30px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner {
        max-width: 1660px; } }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner {
        padding: 80px; } }
    body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner:before {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-59 .node--type-job-posting .hero-suffix .hero-suffix-inner:before {
          content: '';
          position: absolute;
          top: 0;
          right: 5px;
          width: 100%;
          height: 100%;
          transform: scaleX(-1);
          transform-origin: 100% 100%;
          background: #fff; } }

body.page-id-59 .node--type-job-posting.node--view-mode-full {
  background-color: #ecf0f9; }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .node__content {
    margin: auto;
    padding: 60px 0;
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .node__content {
        padding: 60px 30px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .node__content {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .node__content {
        width: calc(100% - 100px);
        max-width: 1164px; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field__label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 20px;
    color: #1a408c;
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field__label {
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 30px; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field__item {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field__item {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 30px; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-summary {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-summary {
        display: flex;
        flex-wrap: wrap; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-responsibilities {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-responsibilities {
        display: flex;
        flex-wrap: wrap; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-minimum-requirements-quali {
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-minimum-requirements-quali {
        display: flex;
        flex-wrap: wrap; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-date {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1a408c;
    font-size: 10px;
    padding-left: 3.25em;
    text-transform: uppercase;
    position: relative;
    /* from laptop to desktop */
    display: inline; }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-date {
        margin-right: 4em; } }
    body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-date:before {
      content: '';
      background-image: url("/wp-content/themes/avrobio/assets/images/blue-calendar-icon.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: block;
      width: 18px;
      height: 18px;
      line-height: 100%;
      transform: translateY(-50%);
      position: absolute;
      left: 0;
      width: 22px;
      height: 23px;
      display: inline-block;
      background-size: 22px auto;
      background-position: 50% 50%;
      transform: none; }
    body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-date time {
      vertical-align: middle; }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-location {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1a408c;
    font-size: 10px;
    padding-left: 3.25em;
    text-transform: uppercase;
    position: relative;
    /* from laptop to desktop */
    display: inline; }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-location {
        margin-right: 4em; } }
    body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-location:before {
      content: '';
      background-image: url("/wp-content/themes/avrobio/assets/images/blue-location-icon.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: block;
      width: 18px;
      height: 18px;
      line-height: 100%;
      transform: translateY(-50%);
      position: absolute;
      left: 0;
      width: 22px;
      height: 23px;
      display: inline-block;
      background-size: 20px auto;
      background-position: 50% 50%;
      transform: none; }
  body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-department {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1a408c;
    font-size: 10px;
    padding-left: 3.25em;
    text-transform: uppercase;
    position: relative;
    /* from laptop to desktop */
    display: inline; }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-department {
        margin-right: 4em; } }
    body.page-id-59 .node--type-job-posting.node--view-mode-full .field--name-field-department:before {
      content: '';
      background-image: url("/wp-content/themes/avrobio/assets/images/blue-department-icon.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: block;
      width: 18px;
      height: 18px;
      line-height: 100%;
      transform: translateY(-50%);
      position: absolute;
      left: 0;
      width: 22px;
      height: 25px;
      display: inline-block;
      background-size: 20px auto;
      background-position: 50% 50%;
      transform: none; }

body.page-id-59 .node--type-job-posting.node--view-mode-teaser h3, body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--two-column-info > .field__item:nth-of-type(1), #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--two-column-info > .field__item:nth-of-type(1),
body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1), #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1),
body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--three-column-info > .field__item:nth-of-type(1), #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--three-column-info > .field__item:nth-of-type(1),
body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1), body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--image-and-caption-carousel .field--name-field-title, .paragraph--type--image-and-caption-carousel body.page-id-59 .node--type-job-posting.node--view-mode-teaser .field--name-field-title {
  font-size: 21px;
  padding-bottom: 15px;
  margin-bottom: 0 !important; }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser h3 a, body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--two-column-info > .field__item:nth-of-type(1) a, #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--two-column-info > .field__item:nth-of-type(1) a, body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) a, #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--two-column-25-75- > .field__item:nth-of-type(1) a, body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--three-column-info > .field__item:nth-of-type(1) a, #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--three-column-info > .field__item:nth-of-type(1) a, body.page-id-59 .node--type-job-posting.node--view-mode-teaser #body .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) a, #body body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--two-column-info-50-50 > .field__item:nth-of-type(1) a, body.page-id-59 .node--type-job-posting.node--view-mode-teaser .paragraph--type--image-and-caption-carousel .field--name-field-title a, .paragraph--type--image-and-caption-carousel body.page-id-59 .node--type-job-posting.node--view-mode-teaser .field--name-field-title a {
    color: #1a408c;
    text-decoration: none; }

body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container {
  display: flex;
  flex-wrap: wrap;
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container {
      justify-content: space-between; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-date,
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-department,
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-location {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-date,
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-department,
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-location {
        flex: 0 0 auto;
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 860px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-date,
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-department,
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .field--name-field-location {
        margin-bottom: 20px;
        min-height: 24px;
        display: flex;
        align-items: center; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .node__links {
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .node__links {
        flex: 1 0 auto;
        display: flex;
        justify-content: flex-end; } }
    @media screen and (max-width: 860px) {
      body.page-id-59 .node--type-job-posting.node--view-mode-teaser .content-lower-container .node__links {
        flex: 0 0 100%;
        max-width: 100%; } }

body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-date {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #1a408c;
  font-size: 10px;
  padding-left: 3.25em;
  text-transform: uppercase;
  position: relative;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-date {
      margin-right: 4em; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-date:before {
    content: '';
    background-image: url("/wp-content/themes/avrobio/assets/images/blue-calendar-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    width: 22px;
    height: 23px;
    display: inline-block;
    background-size: 22px auto;
    background-position: 50% 50%;
    transform: none; }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-date time {
    vertical-align: middle; }

body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-department {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #1a408c;
  font-size: 10px;
  padding-left: 3.25em;
  text-transform: uppercase;
  position: relative;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-department {
      margin-right: 4em; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-department:before {
    content: '';
    background-image: url("/wp-content/themes/avrobio/assets/images/blue-department-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    width: 22px;
    height: 25px;
    display: inline-block;
    background-size: 20px auto;
    background-position: 50% 50%;
    transform: none; }

body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-location {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #1a408c;
  font-size: 10px;
  padding-left: 3.25em;
  text-transform: uppercase;
  position: relative;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-location {
      margin-right: 4em; } }
  body.page-id-59 .node--type-job-posting.node--view-mode-teaser .node__content .field--name-field-location:before {
    content: '';
    background-image: url("/wp-content/themes/avrobio/assets/images/blue-location-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    width: 22px;
    height: 23px;
    display: inline-block;
    background-size: 20px auto;
    background-position: 50% 50%;
    transform: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline {
    justify-content: space-between; }
    body.page-id-59 #block-views-block-job-openings-block-job-openings-view .view-filters form.bef-exposed-form .form--inline > div:nth-child(2) {
      margin-left: 20px; } }

body.single-job #body .node--type-job-posting .hero-suffix > .hero-suffix-inner > div {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.single-job #body .node--type-job-posting .hero-suffix > .hero-suffix-inner > div {
      flex: 0 0 100%;
      max-width: 100%; }
      body.single-job #body .node--type-job-posting .hero-suffix > .hero-suffix-inner > div.icons {
        display: block; }
        body.single-job #body .node--type-job-posting .hero-suffix > .hero-suffix-inner > div.icons > div {
          float: left; } }
  body.single-job #body .node--type-job-posting .hero-suffix > .hero-suffix-inner > div.icons {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500; }

body.single-job #body .node--type-job-posting .node__content {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.single-job #body .node--type-job-posting .node__content {
      padding-top: 60px; } }

body.page-id-38 .field--name-field-body.field--type-entity-reference-revisions.field--label-hidden > .field__item:nth-of-type(1) div.paragraph--type--grid-container {
  background-color: #fff; }
  body.page-id-38 .field--name-field-body.field--type-entity-reference-revisions.field--label-hidden > .field__item:nth-of-type(1) div.paragraph--type--grid-container:first-child:before {
    height: 15%; }

body.error404 #block-views-block-banner-block-hero-banner #hero,
body.node-25 #block-views-block-banner-block-hero-banner #hero {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.error404 #block-views-block-banner-block-hero-banner #hero,
    body.node-25 #block-views-block-banner-block-hero-banner #hero {
      min-height: 1110px;
      background-repeat: no-repeat; } }
  body.error404 #block-views-block-banner-block-hero-banner #hero > section,
  body.node-25 #block-views-block-banner-block-hero-banner #hero > section {
    margin: auto;
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.error404 #block-views-block-banner-block-hero-banner #hero > section,
      body.node-25 #block-views-block-banner-block-hero-banner #hero > section {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.error404 #block-views-block-banner-block-hero-banner #hero > section,
      body.node-25 #block-views-block-banner-block-hero-banner #hero > section {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    body.error404 #block-views-block-banner-block-hero-banner #hero > section > main,
    body.node-25 #block-views-block-banner-block-hero-banner #hero > section > main {
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.error404 #block-views-block-banner-block-hero-banner #hero > section > main,
        body.node-25 #block-views-block-banner-block-hero-banner #hero > section > main {
          padding-top: 380px;
          padding-right: 47px; } }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body.error404 #block-views-block-banner-block-hero-banner #hero > section > main,
        body.node-25 #block-views-block-banner-block-hero-banner #hero > section > main {
          width: calc(100% - 240px); } }

/* 404 */
body.error404 #block-views-block-banner-block-hero-banner #hero {
  background-image: url("/wp-content/themes/avrobio/assets/images/desktop-404.jpg");
  background-size: 2880px auto;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.error404 #block-views-block-banner-block-hero-banner #hero {
      background-position: 0 -30px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.error404 #block-views-block-banner-block-hero-banner #hero {
      background-position: -130px -30px; } }
  @media screen and (max-width: 860px) {
    body.error404 #block-views-block-banner-block-hero-banner #hero h1, body.error404 #block-views-block-banner-block-hero-banner #hero h2.title-style, body.error404 #block-views-block-banner-block-hero-banner #hero h3.title-style {
      padding: 0 0 0 15px; }
    body.error404 #block-views-block-banner-block-hero-banner #hero .heading {
      background-position: 100% 0;
      background-image: url("/wp-content/themes/avrobio/assets/images/mobile-404.jpg");
      background-size: 375px auto;
      background-repeat: no-repeat; } }

/* 500 */
body.node-25 #block-views-block-banner-block-hero-banner #hero {
  background-image: url("/wp-content/themes/avrobio/assets/images/desktop-500.jpg");
  background-size: 2880px auto;
  /* from laptop to desktop */
  /* from laptop to desktop */
  /* from laptop to desktop */ }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    body.node-25 #block-views-block-banner-block-hero-banner #hero {
      background-position: 0 -30px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    body.node-25 #block-views-block-banner-block-hero-banner #hero {
      background-position: -90px -30px; } }
  @media screen and (max-width: 860px) {
    body.node-25 #block-views-block-banner-block-hero-banner #hero h1, body.node-25 #block-views-block-banner-block-hero-banner #hero h2.title-style, body.node-25 #block-views-block-banner-block-hero-banner #hero h3.title-style {
      padding: 0 60% 0 15px;
      line-height: 31px; }
    body.node-25 #block-views-block-banner-block-hero-banner #hero .heading {
      background-position: 100% 0;
      background-image: url("/wp-content/themes/avrobio/assets/images/mobile-500.jpg");
      background-size: 375px auto;
      background-repeat: no-repeat; } }

body.page-id-433 {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-433 #layout .eyebrow .active a {
      color: #da1884; } }
  body.page-id-433 #block-views-block-banner-block-hero-banner #hero {
    /* from laptop to desktop */
    /* from laptop to desktop */
    /* from laptop to desktop */ }
    @media screen and (min-width: 861px) and (max-width: 9999px) {
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero {
        background-image: url("/wp-content/themes/avrobio/assets/images/desktop-contact.jpg");
        background-size: 2880px auto; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero {
        background-position: -250px -150px; } }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero {
        background-position: -60px -150px; } }
    body.page-id-433 #block-views-block-banner-block-hero-banner #hero > section {
      width: 100%;
      max-width: none;
      display: flex;
      align-items: stretch; }
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero > section > main {
        /* from laptop to desktop */
        /* from laptop to desktop */
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero > section > main {
            margin-top: 0;
            margin-bottom: 0;
            padding: 279px 0 0 0;
            min-height: 1080px;
            display: flex;
            justify-content: space-between; } }
        @media screen and (min-width: 861px) and (max-width: 1800px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero > section > main {
            padding-left: 400px; } }
        @media screen and (min-width: 1800px) and (max-width: 9999px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero > section > main {
            padding-left: 620px; } }
    body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading {
      width: 100%;
      /* from laptop to desktop */
      /* from laptop to desktop */
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 1800px) {
        body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading {
          padding-left: 80px; } }
      @media screen and (min-width: 1800px) and (max-width: 9999px) {
        body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading {
          padding-left: 80px; } }
      @media screen and (max-width: 860px) {
        body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading {
          padding-bottom: 20px;
          display: block;
          min-height: 0;
          background: #312e3e; } }
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > p {
        /* from laptop to desktop */ }
        @media screen and (max-width: 860px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > p {
            position: relative;
            margin: 0;
            padding: 0 15px 20px 15px; }
            body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > p:first-of-type {
              padding-top: 40px; }
              body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > p:first-of-type:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 24px;
                height: 3px;
                background: #da1884;
                top: 20px;
                left: 15px; } }
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h1, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h2.title-style, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h3.title-style {
        /* from laptop to desktop */
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h1 br, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h2.title-style br, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h3.title-style br {
            display: none; } }
        @media screen and (max-width: 860px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h1, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h2.title-style, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .heading > h3.title-style {
            margin: 0;
            padding: 0 15px;
            width: 100%;
            height: 232px;
            display: flex;
            align-items: center;
            background: url("/wp-content/themes/avrobio/assets/images//mobile-contact.jpg") no-repeat 100% 0 #191522;
            background-size: 375px auto; } }
    body.page-id-433 #block-views-block-banner-block-hero-banner #hero .description {
      padding: 0;
      width: 100%;
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        body.page-id-433 #block-views-block-banner-block-hero-banner #hero .description:before {
          display: none; } }
    body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block {
      background: #fff;
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block {
          display: flex;
          border-bottom: 1px solid #cfced1; } }
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block > div {
        /* from laptop to desktop */
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block > div {
            padding: 32px 23px;
            flex: 0 0 50%;
            max-width: 50%; } }
        @media screen and (max-width: 860px) {
          body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block > div {
            padding: 30px 15px; } }
        body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block > div:nth-child(1) {
          /* from laptop to desktop */
          /* from laptop to desktop */ }
          @media screen and (min-width: 861px) and (max-width: 9999px) {
            body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block > div:nth-child(1) {
              border-right: 1px solid #423c4c; } }
          @media screen and (max-width: 860px) {
            body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block > div:nth-child(1) {
              padding-bottom: 0; } }
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block h2, body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block p.icon-top-style {
        margin-bottom: 15px;
        font-size: 21px;
        color: #1d428a; }
      body.page-id-433 #block-views-block-banner-block-hero-banner #hero .content-block p {
        color: #384C65; }
  body.page-id-433 h1, body.page-id-433 h2.title-style, body.page-id-433 h3.title-style {
    font-size: 100px; }

body.page-id-58 .patient-tiles.cta:before {
  /* from laptop to desktop */ }
  @media screen and (min-width: 861px) and (max-width: 9999px) {
    body.page-id-58 .patient-tiles.cta:before {
      top: 70px; } }

body.page-id-39 .paragraph--type--grid-container {
  background-color: #fff; }
  body.page-id-39 .paragraph--type--grid-container:first-child:before {
    height: 15%; }

body.page-id-39 ol {
  /* from laptop to desktop */ }
  @media screen and (max-width: 860px) {
    body.page-id-39 ol {
      padding-left: 15px; } }
  body.page-id-39 ol p {
    /* from laptop to desktop */ }
    @media screen and (max-width: 860px) {
      body.page-id-39 ol p {
        margin-bottom: 15px;
        word-wrap: break-word; } }

.layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form {
  position: relative;
  margin: 90px auto 12px auto;
  padding: 120px 90px 90px 90px;
  /* from laptop to desktop */
  /* from laptop to desktop */
  box-shadow: 0 0 8px 8px #ccc;
  background: #fff; }
  @media screen and (min-width: 1800px) and (max-width: 9999px) {
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form {
      width: 100%;
      max-width: 1440px; } }
  @media screen and (min-width: 861px) and (max-width: 1800px) {
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form {
      width: calc(100% - 100px);
      max-width: 1164px; } }
  .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form:before {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    width: 225px;
    height: 52px;
    display: inline-block;
    transform: translateX(-50%);
    background: url("/wp-content/themes/avrobio/assets/images/avrobio.svg") no-repeat;
    background-size: 225px auto; }
  .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1d428a;
    font-size: 21px;
    text-transform: uppercase; }
  .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form .description {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    padding-top: 8px;
    font-size: 16px; }
  .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"] {
    width: auto;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding: 18px 48px;
    appearance: none;
    color: #fff;
    border: 2px solid #ef248e;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    transition: all 400ms ease-in-out;
    background: #da1884; }
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"]:hover {
      /* from laptop to desktop */ }
      @media screen and (min-width: 861px) and (max-width: 9999px) {
        .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"]:hover {
          color: #fff;
          border: 2px solid #312e3e;
          background: #312e3e; } }
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].secondary {
      border: 2px solid #1d428a;
      background: #1d428a; }
      .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].secondary:hover {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].secondary:hover {
            border: 2px solid #da1884;
            background: #da1884; } }
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].full-width {
      width: 100%;
      text-align: center; }
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].full-width-on-mobile {
      /* from laptop to desktop */ }
      @media screen and (max-width: 860px) {
        .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].full-width-on-mobile {
          width: 100%;
          text-align: center; } }
    .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].download {
      padding: 18px 74px 18px 48px; }
      .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].download:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -5px;
        transform: translateY(-50%) rotate(90deg);
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url("/wp-content/themes/avrobio/assets/images/white-link-arrow.svg");
        background-size: 24px auto; }
      .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].download:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 26px;
        margin-top: 5px;
        width: 20px;
        height: 7px;
        transform: translateY(-50%);
        background: url("/wp-content/themes/avrobio/assets/images/white-download-tray.svg");
        background-size: 20px auto; }
      .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].download:hover:before {
        /* from laptop to desktop */ }
        @media screen and (min-width: 861px) and (max-width: 9999px) {
          .layout-no-sidebars.path-user:not(.user-logged-in) .user-login-form input[type="submit"].download:hover:before {
            animation: 400ms btn_download ease-in-out forwards; } }

.layout-no-sidebars.path-user:not(.user-logged-in) main {
  display: flex;
  flex-direction: column; }
  .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block {
    margin: auto;
    padding: 90px 90px 10px 90px;
    /* from laptop to desktop */
    /* from laptop to desktop */
    order: 2; }
    @media screen and (min-width: 1800px) and (max-width: 9999px) {
      .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block {
        width: 100%;
        max-width: 1440px; } }
    @media screen and (min-width: 861px) and (max-width: 1800px) {
      .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block {
        width: calc(100% - 100px);
        max-width: 1164px; } }
    .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block .tabs.primary {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: block; }
      .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block .tabs.primary > li {
        margin: 0;
        padding: 0; }
      .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block .tabs.primary > li {
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid;
        max-width: none; }
        .layout-no-sidebars.path-user:not(.user-logged-in) main #block-tabs.block-local-tasks-block .tabs.primary > li:last-child {
          border: 0; }

.layout-no-sidebars.path-user:not(.user-logged-in) .block-local-tasks-block ul.tabs a {
  margin: 0;
  padding: 0;
  background: none; }

.layout-no-sidebars.path-user:not(.user-logged-in) [data-device="desktop"],
.layout-no-sidebars.path-user:not(.user-logged-in) [data-device="mobile"] {
  display: none; }

/**
 * @file
 * Table sort indicator.
 */

th.is-active img {
  display: inline;
}
td.is-active {
  background-color: #ddd;
}
/**
 * @file
 * Table select behavior.
 *
 * @see tableselect.js
 */

tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}
[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
  /* This is required to win over specificity of [dir="rtl"] td */
  text-align: center;
}
/**
 * @file
 * Markup generated by #type 'more_link'.
 */

.more-link {
  display: block;
  text-align: right; /* LTR */
}
[dir="rtl"] .more-link {
  text-align: left;
}
/**
 * @file
 * Visual styles for menu.
 */

ul.menu {
  margin-left: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../../../misc/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../../../misc/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../../../misc/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-top: 0.2em;
}
ul.menu a.is-active {
  color: #000;
}
/**
 * @file
 * Visual styles for links.
 */

ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0; /* LTR */
}
[dir="rtl"] ul.inline,
[dir="rtl"] ul.links.inline {
  padding-right: 0;
  padding-left: 15px;
}
ul.inline li {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
}
ul.links a.is-active {
  color: #000;
}
/**
 * @file
 * Visual styles for item list.
 */

.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list li {
  margin: 0 0 0.25em 1.5em; /* LTR */
  padding: 0;
}
[dir="rtl"] .item-list li {
  margin: 0 1.5em 0.25em 0;
}

/**
 * Comma separated lists.
 */
.item-list--comma-list {
  display: inline;
}
.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li,
[dir="rtl"] .item-list--comma-list .item-list__comma-list,
[dir="rtl"] .item-list__comma-list li {
  margin: 0;
}
/**
 * @file
 * Visual styles for inline forms.
 */

.form--inline .form-item {
  float: left; /* LTR */
  margin-right: 0.5em; /* LTR */
}
[dir="rtl"] .form--inline .form-item {
  float: right;
  margin-right: 0;
  margin-left: 0.5em;
}
/* This is required to win over specificity of [dir="rtl"] .form--inline .form-item */
[dir="rtl"] .views-filterable-options-controls .form-item {
  margin-right: 2%;
}
.form--inline .form-item-separator {
  margin-top: 2.3em;
  margin-right: 1em; /* LTR */
  margin-left: 0.5em; /* LTR */
}
[dir="rtl"] .form--inline .form-item-separator {
  margin-right: 0.5em;
  margin-left: 1em;
}
.form--inline .form-actions {
  clear: left; /* LTR */
}
[dir="rtl"] .form--inline .form-actions {
  clear: right;
}
/**
 * @file
 * Visual styles for fields.
 */

.field__label {
  font-weight: bold;
}
.field--label-inline .field__label,
.field--label-inline .field__items {
  float: left; /* LTR */
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  padding-right: 0.5em;
}
[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
  padding-right: 0;
  padding-left: 0.5em;
}
.field--label-inline .field__label::after {
  content: ":";
}
/**
 * @file
 * Collapsible details.
 *
 * @see collapse.js
 * @see http://nicolasgallagher.com/css-background-image-hacks/
 */

details {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #ccc;
}
details > .details-wrapper {
  padding: 0.5em 1.5em;
}
/* @todo Regression: The summary of uncollapsible details are no longer
     vertically aligned with the .details-wrapper in browsers without native
     details support. */
summary {
  padding: 0.2em 0.5em;
  cursor: pointer;
}
/**
 * @file
 * Visual styles for buttons.
 */

.button,
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}
.button:first-child,
.image-button:first-child {
  margin-right: 0;
  margin-left: 0;
}
/**
 * @file
 * Styles for link buttons and action links.
 */

.action-links {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
[dir="rtl"] .action-links {
  /* This is required to win over specificity of [dir="rtl"] ul */
  margin-right: 0;
}
.action-links li {
  display: inline-block;
  margin: 0 0.3em;
}
.action-links li:first-child {
  margin-left: 0; /* LTR */
}
[dir="rtl"] .action-links li:first-child {
  margin-right: 0;
  margin-left: 0.3em;
}
.button-action {
  display: inline-block;
  padding: 0.2em 0.5em 0.3em;
  text-decoration: none;
  line-height: 160%;
}
.button-action:before {
  margin-left: -0.1em; /* LTR */
  padding-right: 0.2em; /* LTR */
  content: "+";
  font-weight: 900;
}
[dir="rtl"] .button-action:before {
  margin-right: -0.1em;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0.2em;
}
.spv-popup-wrapper {
  position: relative;
  display: inline-block;
}
.spv-popup-link {
  cursor: pointer;
}
.spv-modal {
  display: none;
} 
.spv-popup-content {
  display: none;
  position: absolute;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  transition: opacity 0.2s;
  z-index: 9999999;
  border: 2px solid #000000;
  width: 300px;
  box-shadow: 0px 0px 17px 2px;
}
.spv_close {
  cursor: pointer;
  padding: 0px 5px;
  color: #fff;
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 7px;
  background: rgb(121, 121, 121);
}
.spv-right-popup {
  top: -5px;
  left: 105%;
}
.spv-left-popup {
  top: -5px;
  right: 105%;
}
.spv-top-popup {
  bottom: 100%;
}
.spv-bottom-popup {
  top: 100%;
}
/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}
/* Grid style column align. */
.views-view-grid .views-col {
  float: left;
}
.views-view-grid .views-row {
  float: left;
  clear: both;
  width: 100%;
}
/* Provide some space between display links. */
.views-display-link + .views-display-link {
  margin-left: 0.5em;
}

.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

/**
 * @file
 * Visual styles for form components.
 */

form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table .field-multiple-drag {
  width: 30px;
  padding-right: 0; /* LTR */
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
  padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  padding-right: 0.5em; /* LTR */
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  padding-right: 0;
  padding-left: 0.5em;
}
form .field-add-more-submit {
  margin: 0.5em 0 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 0.85em;
}
label.option {
  display: inline;
  font-weight: normal;
}
.form-composite > legend,
.label {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: bold;
}
.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em; /* LTR */
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
  margin-right: 2.4em;
  margin-left: 0;
}
.marker {
  color: #e00;
}
.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../../../misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
}
abbr.tabledrag-changed,
abbr.ajax-changed {
  border-bottom: none;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/* Inline error messages. */
.form-item--error-message:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  content: "";
  vertical-align: sub;
  background: url(../../../../misc/icons/e32700/error.svg) no-repeat;
  background-size: contain;
}

header[data-device="desktop"] nav ul.sub-menu li.menu-item-object-page.menu-item-has-children ul.sub-menu {
	position: relative;
    display: block;
    margin-top: -8px;
    margin-left: 20px;
}

header[data-device="desktop"] nav ul.sub-menu li.menu-item-object-page.menu-item-has-children ul.sub-menu li {
    display:block;
}

header[data-device="desktop"] nav ul.sub-menu li.menu-item-object-page.menu-item-has-children ul.sub-menu li:first-of-type {
	display:none;
}

@media only screen and (max-width:620px) {
	#wpadminbar { position:fixed !important; }
}