@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51op.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3Pmu4kD.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rxz3bWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpkgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXfbJnAVsno5w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpkgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXfbIDAlsno5w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpkgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXfbJ3BFsno5w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpkgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXfbITBVsno5w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRft6u_B2sg.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_B2sg.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_B2sg.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfw6-_B2sg.ttf) format('truetype');
}


/* Basic CSS Resets */
* {
    box-sizing: border-box;
}
p {
    margin: 0 0 1em;
}
.navlist {
    display: block;

    margin: 0 auto;
    padding: 0;

    list-style-type: none;
}
.navlist a {
    text-decoration: none;
}

/* Hyperlink Colors */
a {
  text-decoration: none;
}
a:link {
  color: #2ea169;
  border-bottom: 1px solid #2ea169;
}
a:visited {
  color: #36449f;
  border-bottom: 1px dashed #36449f;
}
a:hover,
a:focus {
  color: #36ba7a;
  border-bottom: 1px dotted #36ba7a;
}
a:active {
  color: #ef7205;
  border-bottom: 1px dashed #ef7205;
}

/* Typography */
body {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 200;
}
strong {
    font-weight: 600;
}
header .branding {
    font-family: 'Barlow', sans-serif;

    letter-spacing: -.05em;
    /* Text gradient permalink http://colorzilla.com/gradient-editor/#1c6140+24,2f9e6c+25,36479d+74,20295f+75 */

    background: linear-gradient(to right, #1c6140 27%,#2f9e6c 27%,#36479d 75%,#20295f 75%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
header .branding a {
    text-decoration: none;
}
header .branding span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18%;
    font-weight: 300;
    font-style: italic;
    line-height: 1;

    letter-spacing: normal;

    color: #000;
    background: transparent;
    -webkit-background-clip: none;

    -webkit-text-fill-color: #000;
}

/* General Layout */
body {
    background-color: #fff;
    margin: 0;
}

/* Header Navigation Global Styles */
header nav a,
header nav a:link,
header nav a:visited,
header nav a:hover,
header nav a:active {
    font-weight: 600;
    line-height: 1;
    display: block;
    text-decoration: none;
    color: rgba(255,255,255,0.95);
    /*text-shadow: 0 0 4px rgba(0,0,0,1);*/
    z-index: 999;
    transition: all .15s linear;

}
header nav a:hover,
header nav a:active {
    color: rgba(255,255,255,1);
}
header nav li {
    position: relative;

    display: inline-block;
}


/* Footer */
footer {
    line-height: 1;
    padding: 0 0 0.5em;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;

    border-top: 4px solid rgba(167,224,241,1);
    background-color: rgba(190,232,245,1);

    text-align: center;
}
.interior footer {
  position: relative;
}
footer .navlist {
    font-size: calc(1em + .2vw);
    font-weight: 300;

    width: 90%;
    margin: 8px auto 16px;

    text-align: center;
}
footer .nav-compact li,
#nav-menu li,
footer .navlist li {
    display: inline-block;
}
footer .navlist a {
    padding: .3em .6em;
    border-width: 4px 0 0;
    border-style: solid;
    border-color: rgba(255,255,255,0);

    transition: all .15s linear;
}
footer .navlist a:link,
footer .navlist a:visited {
    color: rgba(43,88,112,1);
}
footer .navlist li:not(.current) a:hover,
footer .navlist li:not(.current) a:active {
    /*color: rgba(255,255,255,1);*/
}
footer .navlist li:not(.current) a:hover {
    border-color: rgba(47,97,122,0.6);
}
footer .navlist li:not(.current) a:active {
    border-color: rgba(58,127,94,1);
}
footer .navlist .current a {
    border-color: rgba(255,255,255,1);
    cursor: default;
}
footer .nav-compact,
#nav-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 110%;
  font-weight: 300;
}
footer .nav-compact li {
  margin: 5px 0;
  width: 45%;
}
footer .nav-compact a:link,
footer .nav-compact a:visited,
footer .nav-compact a:hover,
footer .nav-compact a:active,
footer .nav-compact span {
  display: inline-block;
  margin: 0;
  padding: 0.8em 1em;
  text-decoration: none;
  background-color: rgba(255,255,255,0.4);
  border-radius: 0.25em;
  border: none;
  width: 100%;
  color: rgba(43,88,112,1);
}
#nav-menu,
footer .nav-compact {
    display: none;
}
#nav-menu {
  padding: 0 0 6em;
  background-color: rgba(167,224,241,1);
  box-shadow: 0 6px 6px -4px rgba(127,184,201,0.8) inset;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
#nav-menu li {
  display: block;
}
#nav-menu a:link,
#nav-menu a:visited,
#nav-menu a:hover,
#nav-menu a:active {
  display: block;
  width: 100%;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 0.5em 1em;
  text-align: left;
  color: rgba(16,20,21,1);
}
#nav-menu .current,
#nav-menu a:hover {
  background-color: rgba(255,255,255,0.6);
}
#nav-menu a:active {
  background-color: rgba(255,255,255,0.8);
}
#nav-menu .control-close {
  font-size: 90%;
  background-color: rgba(255,255,255,0.3);
  padding: 0.5em 1em;
  margin: 0 0 0.5em;
  border-radius: 0 0 0.4em 0.4em;
  display: inline-block;
  cursor: pointer;
}
.copyright {
    font-size: .7em;
    font-weight: 200;

    margin: 0 auto 0.25em;

    color: #2b5870;
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-device-width : 520px) {
    footer {
        z-index: 900;
    }
    .copyright,
    footer .navlist {
        display: none;
    }
    footer .nav-compact {
        display: block;
    }
    .quick-action-open {
      display: block;
    }
}
/**
 * Interior Page Layout Styles
 **/

/* Typography */
header .branding {
    font-size: 60px;
    line-height: .9;
}
#page-content {
  font-size: 1.3em;
}

/* General Layout */
body {
  border-top: 4px solid rgba(192,233,245,0.2);
}
#header-content,
#page-content {
  width: 90vw;
  margin: 0 auto;
}
/* Interior Page Layout Fixed Header */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;

  /*background-color: #fff;*/
  background:
    url('../themes/nada/assets/images/nada-wave-animated.svg') no-repeat,
    linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%) no-repeat;
  background-repeat: no-repeat;
  background-position: center -30px, center;
  background-size: 100% 250px, cover;
}
header .branding a {
  border: none;
}
header .branding {
    margin: 10px 4em 0 0;
    width: 2.45em;
}
header .branding span {
  font-size: 30%;
  line-height: .7;
  display: block;
  width: 14em;
}
header nav {
  position: absolute;
  right: 0;
  width: 80%;
  top: 0;
  text-align: right;
}
header nav li {
  display: inline-block;
  vertical-align: top;
}
header nav a,
header nav a:link,
header nav a:visited,
header nav a:hover,
header nav a:active {
  font-size: calc(1em + .15vw);
  font-weight: 300;
  border-width: 4px 0 0;
  border-style: solid;
  border-color: rgba(230,230,230,0.7);
  color: rgba(52,109,137,1);
  padding: 8px 1em;
  opacity: 0.9;



/* Tab-style Navigation
  padding: 0.3em 1em 0.6em;
  border-top: 0.3em solid rgba(255,255,255,0);
  margin: 0 0.5em 0;
  border-radius: 0 0 0.5em 0.5em;
  box-shadow: 0px 1px 4px rgba(43,88,112,0.3);
*/
}
header nav .current a,
header nav a:hover,
header nav a:active {
  opacity: 1;
  border-width: 4px 0 1px;
/* Tab-style navigation
  border-top: 0.3em solid rgba(255,255,255,0.3);
  padding-top: 0.4em;
*/
}
header nav .current a {
  padding: 4px 1em;
  border-width: 8px 0 0;
  /*padding-top: 0.6em;*/

  cursor: default;
}
header nav #nav-1 a {
    border-color: rgba(54,68,159,1);
}
header nav #nav-2 a {
    border-color: rgba(58,127,94,1);
}
header nav #nav-3 a {
    border-color: rgba(193,101,21,1);
}
header nav #nav-4 a {
    border-color: rgba(47,97,122,1);
}
header h1 {
  position: absolute;
  bottom: 40px;
  font-size: calc(2em + 0.5vw);
  font-weight: 400;
  margin: 0;
  line-height: 1;
  color: rgba(43,88,112,1);
}


/* Page Content */
#page-content {
  padding: 210px 0 6em;
  margin: 0 auto;
}
#page-content > section,
#page-content > aside {
  display: inline-block;
  vertical-align: top;
}
.content-main {
  font-size: calc(0.8em + 0.25vw);
  max-width: 28em;
  margin: 0 3em 0 0;
}
.content-main h2,
.content-main h3,
.content-main h4,
.content-main h5,
.content-main h6 {
  color: rgba(58,129,165,1);
  font-weight: 400;
	margin: 1.25em 0 .25em;
}
.content-main h2 {
	font-size: 1.5em;
}
.content-main h3 {
  font-size: 1.3em;
}
.content-main h4 {
  font-size: 1.15em;
}
.content-main ul {
  list-style-type: square;
}
.content-main li {
  margin: 0 0 0.5em;
}
.content-images img {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  border: 4px solid #eee;
  border-radius: 5px;
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1400px) {
  #header-content,
  #page-content {
    max-width: 1400px;
    margin: 0 auto;
  }
}

/* Tablets (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  header nav li {
    display: inline-block;
    vertical-align: top;
    width: 8em;
    text-align: center;
    font-size: .8em;
  }
}    

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 520px) {
  header {
    position: relative;
  }
  header .navlist {
      display: none;
  }
  #page-content {
    padding: 0 0 6em;
  }
}