/*
 Theme Name:   Navigating the North
 Author:       John Moriarty for Thrive Creative Alaska
 Template:     twentynineteen
*/

body {
    background-image: url('./images/ntn-sum-bg.jpg');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    font-family: interstate,sans-serif;
    font-weight: 500;
}

@keyframes movebefore {
  from {top: 0; left: 0;}
  to {top: 200px; transform: rotateZ(-8deg); left: -150px; }
}
@keyframes moveafter {
  from {right: -100px; transform: rotateZ(8deg); }
  to { right: 0px; }
}

body::before, body::after {
    content: '';
    position: absolute;
    background-size: cover;
    width: 50%;
    height: 100%;
    z-index: -1;
}
@media (max-width: 768px) {
body::before, body::after {
    height: 85%;
    opacity: .75;
}
}
body::before {
    background-image: url('./images/ntn-sum-bg-shapes-left.png');
    animation: movebefore 15s ease-in-out infinite alternate;

}
body::after {
    background-image: url('./images/ntn-sum-bg-shapes-right.png');
    right: 0;
    top: 0;
    animation: moveafter 10s ease-in-out infinite alternate;
}

.home .entry-content .partial-width { 
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

h3 { color: #00b2be; text-align: center; }
h5 { text-align: center; text-transform: uppercase; font-size: 1.5rem; }
h6 { font-size: .95rem; margin-top: 1.5rem; color: #1C445B}
.blueline { 
    width: 100px;
    height: 2px;
    background-color: #00b2be;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
}
.blueline.lefty {
    margin-left: 0;
}

a { color: #00b2be; }

.author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6 {
    font-family: interstate,sans-serif;
}

.site-branding {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.home .entry-header { display: none; }

.entry .entry-content > *, .entry .entry-summary > * { max-width: 100%; }

.home #tab_container_5 .tab-content, .home #tab_container_5 .wpsm_nav-tabs > li > a {
    font-family: interstate,sans-serif!important;
}
.home #tab_container_5 .tab-content span { color: #00b2be; }
.home #tab_container_5 .tab-content em { color: #333; }

.home #tab_container_5 .wpsm_nav-tabs > li { max-width: 20%; }

.home #tab_container_5 .wpsm_nav-tabs > li, 
.home #tab_container_5 .wpsm_nav-tabs > li > a,
.home #tab_container_5 .wpsm_nav-tabs > li.active > a, 
.home #tab_container_5 .wpsm_nav-tabs > li.active > a:hover, 
.home #tab_container_5 .wpsm_nav-tabs > li.active > a:focus,
.home #tab_container_5 .wpsm_nav-tabs > li > a:hover, 
.home #tab_container_5 .wpsm_nav-tabs > li > a:focus { border: 0px!important;}
.home #tab_container_5 .tab-content { border: 0px!important; }
.home #tab_container_5 .wpsm_nav-tabs > li > a { border-radius: 10px 10px 0 0 !important; }

@media (max-width: 768px) {
.home #tab_container_5 .wpsm_nav-tabs > li {
    float: left !important;
}
}


#colophon {
    background-color: #20546a;
    color: white;
}
#colophon .site-info { color: white; }
#colophon .site-info a { color: #00b2be; }

#tabs_desc_5_1, #tabs_desc_5_2, #tabs_desc_5_3 { padding: 0 2rem; }