/*
Theme Name: Quantified Self
Theme URI: https://quantifiedself.com/
Author: Todd Woodlan
Author URI: https://quantifiedself.com/
Description: Custom theme developed for Quantified Self website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quantifiedself
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,500,500i,700,700i');
@import url('https://s3.amazonaws.com/icomoon.io/114779/Socicon/style.css?u8vidh');

@font-face {
    font-family: "FoundryGridnik Light";
    src: url('fonts/FoundryGridnik-Light.ttf'),
        url('fonts/FoundryGridnik-Light.woff2') format('woff2'),
        url('fonts/FoundryGridnik-Light.woff') format('woff'),
        url('fonts/FoundryGridnik-Light.svg#FoundryGridnik-Light') format('svg');
}

@font-face {
    font-family: "FoundryGridnik Regular";
    src: url('fonts/FoundryGridnik-Regular.ttf'),
        url('fonts/FoundryGridnik-Regular.woff2') format('woff2'),
        url('fonts/FoundryGridnik-Regular.woff') format('woff'),
        url('fonts/FoundryGridnik-Regular.svg#FoundryGridnik-Regular') format('svg');
}

@font-face {
    font-family: "FoundryGridnik Medium";
    src: url('fonts/FoundryGridnik-Medium.ttf'),
        url('fonts/FoundryGridnik-Medium.woff2') format('woff2'),
        url('fonts/FoundryGridnik-Medium.woff') format('woff'),
        url('fonts/FoundryGridnik-Medium.svg#FoundryGridnik-Medium') format('svg');
}

@font-face {
    font-family: "FoundryGridnik Bold";
    src: url('fonts/FoundryGridnik-Bold.ttf'),
        url('fonts/FoundryGridnik-Bold.woff2') format('woff2'),
        url('fonts/FoundryGridnik-Bold.woff') format('woff'),
        url('fonts/FoundryGridnik-Bold.svg#FoundryGridnik-Bold') format('svg');
}


body {background-color:#edeef2;z-index:0;}
main {overflow:hidden;padding-top:50px;background-color:#ffffff;}

body, p, h1, h2, h3, h4, h5, h6, ul, li, .lead, .sans-serif, button {font-family:'Roboto', sans-serif; color:#1b325d;line-height: 1.1em;}

.light {font-weight:100;}
.regular {font-weight:300;}
.bold, h3.widget-title {font-weight:700;}

.white {color:#fff;}

hr {border-color: #1b325d;}

.foundry-light {font-family: 'FoundryGridnik Light', sans-serif !important;}
.foundry-regular {font-family: 'FoundryGridnik Regular', sans-serif !important;}
.foundry-medium {font-family: 'FoundryGridnik Medium', sans-serif !important;}
.foundry-bold {font-family: 'FoundryGridnik Bold', sans-serif !important;}
.all-caps {text-transform: uppercase !important;}
.title-case {text-transform: capitalize !important;}
span.category {font-size:.7rem;text-transform: uppercase;font-weight:normal;}

body, p, .lead, .sans-serif {line-height:1.5em;}

h1 {
    font-family: 'FoundryGridnik Regular'; 
    font-size:2.8rem; 
    border-bottom:2px solid #1b325d;
}

h2 { 
    font-family: 'FoundryGridnik Regular'; 
    font-size:1.6rem; 
    text-transform: uppercase;
}

h2.front-section-head {
    font-size:32px;
}

h3 {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.4rem; 
    line-height:1.2em;
}

h4 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size:1.035rem;
}

h5 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size:1rem;
}

h5.date {
    font-family: 'Roboto';
    font-weight: 300;
}

h6, .submit-btn {
    font-family: 'FoundryGridnik Regular';
    font-size:.81rem;
}

.submit-btn {background:none !important;border:none !important;font-size: .75rem !important;}

#subscribe-to-newsletter .submit-btn {background:#1b325d !important;color:#fff;font-size:1.25rem;position:relative;top:-4px;}

h6.topic {
    font-family: 'FoundryGridnik Medium';
    font-size:.78rem;
    text-transform: uppercase;
}

p, ul, li {
    font-family: 'Roboto';
    font-weight: 300;
    font-size:.95rem;
}

p.date {
    font-weight:300;
}

p.photo {
    font-weight:300;
    font-size:13;
}

ul, ol {
list-style-type: disc;
}

ol {
list-style-type: none;
padding-left: 20px;
}



a {color:#1b325d;cursor:pointer !important;}
a:hover, a:hover h2, a:hover>h1, .home-callouts div.col:hover h2.front-section-head, a:hover h3 {text-decoration: none;color:#cecece !important;}
p a {border-bottom:1px solid #000;}
p a:hover {border-bottom:0px solid #000;text-decoration: none;color:#000;}
li {margin-bottom:1rem;}
p, .subscribe p {font-size:.95rem;}

.transcript p {margin-bottom:.5em;}

.so-panel h5 a {border-bottom:1px solid #1b325d;}

.wp-caption-text, .wp-block-image figcaption {font-size:.8rem;margin-top:.25rem;text-align:left !important;font-weight:300 !important;}

button:focus, a:focus {outline:none;font-family:}
button {font-family:"FoundryGridnik Regular", sans-serif; color:#1b325d;padding:0;font-size:.9rem;background:none;text-transform:uppercase;border:none;}
button a {color:#ffffff;}
button a:hover {color:#ffffff;text-decoration: none;border-bottom:none;}
main button {font-family: "FoundryGridnik Bold";}
.border-bottom-1 {border-bottom:1px solid #000;}
.border-top-1 {border-top:1px solid #000;}
.border-top-5 {border-top:2px solid #000;}
.border-bottom-5 {border-bottom:4px solid #000;}

.bold {font-weight:bold;}

.bg-light {background-color:#c6c6c6 !important;}
.bg-white {background-color:#ffffff !important;}
.bg-dark {background-color:#1b325d !important;}
.bg-dark p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark a {color:#fff;}
.bg-dark p {letter-spacing:1px}
.bg-extra-light {background-color:#e5e5e5 !important;}

.share-icons a:hover {color:#cecece;text-decoration:none;border-bottom:none;}
a button {cursor:pointer;}
.so-widget-sow-button {font-family:"FoundryGridnik Regular";line-height:.9rem;}
.so-widget-sow-button

.share-icons a {color:#1b325d;}

.socicon-twitter {position:relative;top:2px;}
header {background-color:#fff;height:71px; overflow:visible;}
.navbar-border {border-bottom:1px solid #e0e0e0;}
.logged-in header .navbar {margin-top:25px;}

.navbar-light {background-color:#fff;}
.navbar-light .navbar-brand, .share-icons a {font-size:20px; line-height:1.25em;color:#1b325d;}
#qs-logo{transition: all .4s;}
.medium-logo{width: 64px; height:50px;}
.large-logo{width: 107px;height:82px;margin-top:-25px;}
.small-logo{display:none;}
.navbar-light .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(27,50,92, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar .oi {font-size:1.5rem;}
.navbar p, .navbar li, .nav-expanded p, .nav-expanded li {font-size:.7rem;font-family:'Roboto',sans-serif;}
#footer .navbar p, #footer .navbar li, #footer .nav-expanded p, #footer .nav-expanded li {font-size:.74rem;font-family:'Roboto',sans-serif;}
.nav-expanded {width:100%;}
.nav-expanded>.container {margin:0 auto;}
.navbar-toggler {border:0px;padding:0px;}
.nav-expanded h1 {font-size:5rem;}
.nav-expanded h2 {font-size:1rem;}
.navbar h5, .nav-expanded h5 {font-size:1.2rem;font-weight:bold;font-weight:300;}
#footer .navbar h5, #footer .nav-expanded h5 {font-size:1.24rem;font-weight:bold;font-weight:300;}
.navbar .search-form { width:0px; }
.navbar .search-form input.search-submit {position:relative;top:-1.95rem;left:0;border:1px solid #000;width:30px;margin-left:-30px;background-color:transparent;background-image:url(images/icon-search.svg);background-position:top right;background-repeat:no-repeat;border:0;}
.navbar .search-form input.search-field {width:100%; background-color:transparent;border:0;border-bottom:0px solid #000;}
.nav-expanded>div>.row>div:first-child {}
.nav-expanded a h5, .nav-expanded a, .nav-expanded a p, .nav-expanded a div {color:#1b325d;}
.nav-expanded.bg-light {background-color: #ffffff !important; }
.nav-expanded .col a {display:block;}
.nav-expanded a:hover, .nav-expanded a:hover h5, .nav-expanded a:hover p, .nav-expanded a:hover div {border-bottom:none;text-decoration: none !important;color:#cecece;}
.jumbotron-heading {font-weight:100;font-size:4rem;}
#infinite-handle {width:130px;display:inline-block;margin-top:20px;margin-left:50%;position:relative;left:-65px;text-align: center;}
#infinite-handle span {display:block;float:none;background-color:#ffffff !important;color:#1b325d !important;font-family: 'FoundryGridnik Regular';
    font-size:.75rem;}

.blog-intro .search-form {
    background-color:#edeef2;
   position:relative;
   top:0;
   left:0;
    width:73%;
}

.blog-intro .search-form.show-and-tell-form {
    width:60%;
}

.blog-intro .search-form input {
    width:none;
}

.blog-intro .search-form input.search-field {width:none; background-color:transparent;border:0;border-bottom:0px solid #000;}

.blog-intro .search-form input.search-submit {position:absolute;top:-17px;right:5px;border:1px solid #000;width:30px;margin-left:-30px;background-color:transparent;background-image:url(images/icon-search.svg);background-position:top right;background-repeat:no-repeat;border:0;}


@media (min-width: 768px) {

    /* show 3 items */
    /* To show a 4th item, add: .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item  {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

 /* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}

/* Footer */
footer, .nav-expanded {background-color:#edeef2;}

footer p { margin-bottom: .25rem;}
footer h5 {letter-spacing: 1px;line-height:1.25em;}

footer .search-form {width:100%;margin-bottom:-10px;position:relative;left:0;top:0;}
.search-form input.search-field {width:100%; background-color:transparent;border:0;border-bottom:1px solid #000;}
.search-form input.search-field:focus {outline:none;}
.search-form input.search-submit {position:absolute;top:-2px;right:5px;border:1px solid #000;width:30px;margin-left:-30px;background-color:transparent;background-image:url(images/icon-search.svg);background-position:top right;background-repeat:no-repeat;border:0;}

#infinite-footer {display:none;}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.album a {text-decoration: none;border-bottom:none;color:#1b325d;} 
.album a:hover .card-body {background-color:#888888;} 
.album .row>div {/*margin-bottom:35px;*/}
.album .card-body h1 {font-weight: 300;}
.album .card-body p {font-weight:300;}

/* Lightbox Settings */
.fancybox-slide--iframe .fancybox-content {
	width  : 90% !important;
	height : 90% !important;
	max-width  : 80%;
	max-height : 80%;
	margin: 0;
}
.album a .card-body {color:#fff;}
.album a:hover {text-decoration:none;border-bottom:none;}
.album a:hover .card-body {border-bottom:none;background-color:#b6b6b6;}
.album h1, .album h2, .album h3, .album, .fancybox-slide h1, .fancybox-slide h2, .fancybox-slide h3, .fancybox-slide {font-weight:300;}
.post-type-archive-show-and-tell .album h2 {
    font-size:1.25rem;
}
.card-body .month {font-size: 1rem;}
.card-body h3 {font-size:1rem;}
.card-body strong {font-weight:700;}
.fancybox-slide>div {margin:0;padding:0;background-color:#b6b6b6;}
.fancybox-slide>div>div>div>div:first-child {}
.fancybox-slide h3 {font-size:.9rem;}
.fancybox-slide .month {font-size:.8rem;}

/* Home Page */
.featured-entry a {color:#1b325d;}
.featured-entry>p {font-family: 'Roboto',sans-serif;font-size:1.6rem;}

.sidebar a {color:#1b325d;}
.sidebar p {font-family: 'Roboto',sans-serif;}
.sidebar a:hover, .home-callouts a:hover {color:#cecece;text-decoration:none;border-bottom:none;}

.sidebar .events {background-color:#F7F7F7;}
.events .row {border-bottom:1px solid #000;}
.events a {text-decoration: none; border-bottom:none;font-weight:bold;}
.container-date {border:1px solid #000;}
.container-date div:nth-child(3) {border-top:1px solid #000;}
.container-date .month {font-size:.7rem;font-weight:300;line-height:1.2rem;}
.container-date .date {font-size:1.7rem;font-weight:300;line-height:1.5rem;font-family: 'FoundryGridnik Regular',sans-serif;}
.subscribe a {text-decoration: none;border-bottom:none;}
.fancybox-slide>div {background-color:#fff;}
.fancybox-slide .portfolio-slide a {text-decoration:none;border-bottom:none;}
.fancybox-slide input {border-radius:4px;background-color:#f1f1f1;border:1px solid #f1f1f1;font-size:1.25rem;width:340px;}

.overlay {background-color:rgba(127,127,127,0.8);height:100%;width:100%;display:none;cursor:pointer;position:fixed;}
.overlay .container, .overlay .container .row {height:100%;}
.intro-bar {position: relative; left:0; background-color:#f6f6f6;}
.overlay .col-1 {font-size:3rem;transform:scale(2,1);-webkit-transform:scale(2,1); -moz-transform:scale(2,1);-ms-transform:scale(2,1);-o-transform:scale(2,1); cursor:pointer; }

.home-callouts>div:hover h1, .home-callouts>div:hover p,  .nav-tabs .nav-link>h2 {color:#cecece;}
.nav-tabs .nav-link>h2:hover, .nav-tabs .nav-link.active>h2 {color:#1b325d !important;}
/* Archive Pages */
.page-numbers.current {color:#cecece !important;}
.post-type-archive-qs-events .author {display:none;}
.post-type-archive-portfolio #infinite-handle {display:none;}

/* Projects Archive (Show and Tell page) */
.project-item a {color:#1b325d;}
.project-item a:hover {text-decoration:none;border-bottom:none;color:#4a4a4a;}
.project-item p {font-family:'Roboto',sans-serif;}

/* Single Portfolio Page */
.card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card-body {
    min-height:200px;
    background-size:cover;
    background-blend-mode: multiply;
    background-color: rgba(0,0,0,.5);
}

.album a:hover .card-body {
    background-size:cover;
    /* background-color: rgba(31,60,113,0) !important; */
    background-color: rgba(0,0,0,0);
    background-blend-mode: none;
}

.single-qs-portfolio .title-block {position:absolute;bottom:0px;left:0;height:100%;}
.single-qs-portfolio .text-block {position:absolute;bottom:10px;left:0;}
.single-qs-portfolio .text-block p {font-size:.7rem;}

/* Start a Meetup Page */
.page-id-15514 ul, .page-id-15514 li {padding:0;margin:0;color:#afafaf;list-style-type:none;}
.page-id-15514 li {line-height:1rem;margin-bottom:1rem;text-indent: -22px;margin-left:22px;}
.page-id-15514 li:before {content:"\203a\2003";}

/* Generic Page */
.intro-text {font-size:1.4rem;margin-bottom:0;}
.lead.text-muted a {color:#1b325d;}
.main-text-area li {line-height:1.4em;}
blockquote {background-color:#edeef2;padding:1em 1em .1em 1em;font-style:italic;}
.team-block {background-color:#f4f4f7;padding:10px;}

/* Blog Page */
.wp-caption, .wp-caption img, .single img {max-width:100% !important;height:auto !important;}
.blog-intro p {font-family:'Roboto', sans-serif; font-weight:500;font-size:1.5rem;}
.blog-intro a:hover {color:#1b325d;}
.byline a {color:#1b325d;}
.series-categories-list a {color:#1b325d;}
.blog-entry .oi {opacity: 0.3;}
.single .related-blog-posts p, .blog-entry p {font-family: 'Roboto',sans-serif;}
.single .related-blog-posts a, .blog-entry a {color:#1b325d;}
.excerpt p {font-family:'Roboto',sans-serif;font-size:1.5rem;font-weight:500;}
.navigation.pagination {text-align:center;}
.navigation.pagination .nav-links {margin:20px auto;}
.nav-tabs li a {color:#1b325d;}

.conferences .event-entry:first-child {border-bottom:none !important;}
article img {max-width:100% !important;height:auto !important;}

article>div>div p:last-child, article>div>div h6:last-child {margin-bottom:0 !important;}

.blog-archive-sidebar-img {height:217px;}

/* Comments */
#comments p {font-family:'Roboto',sans-serif;}
#comments input {border:1px solid #000;}
h3#reply-title {display:none;}
.comment-list {padding:;}
.comment-list a {color:#1b325d;}
.comment-list li {list-style-type:none;padding:10px;margin:10px;}
.comment-author.vcard, .comment-meta.commentmetadata {display:inline-block;margin-bottom:10px;font-size:.8rem;}
.comment-form-comment label {display:block;}
.comment-respond {margin-top:10px;}
.children { border-left:1px solid #cecece; }
.depth-1 .children, .depth-3  .children { background-color:#f7f7f7; }
.comment-list, .depth-2 .children { background-color:#fff; }

@media screen and (min-width:1200px){
    .card-body {height:340px;}
    .post-type-archive-show-and-tell .card-body {height:auto;}

}
@media screen and (max-width:1199px){
        .card-body {height:310px;}
        .post-type-archive-show-and-tell .card-body {height:auto;}

}
@media screen and (min-width:1030px){
    .portfolio-slide {width:1029px !important;}
    .portfolio-slide .container {max-width:1029px !important;}
    .portfolio-slide .text-div {width:343px !important;}
    .fancybox-slide .portfolio-slide {height:686px;overflow:hidden;}
    .portfolio-slide .row, .portfolio-slide div  {height:100%;}
    .portfolio-slide div.month {height:auto;}
}

@media screen and (max-width:1023px){
    .small-logo {width:55px;display:block;}
}

@media screen and (max-width:991px){
    .card-body {height:325px;}
}


@media screen and (max-width:767px){
    .large-logo{width: 100px;height:77px;margin-top:-0px;}
    .single h1 {font-size:2.5rem;}
    .navbar .search-form {position:absolute;top:40px;right:0px;}
    .fancybox-slide  h1 i {font-size:4rem;}
    .fancybox-slide  h1 {font-size:2rem;}
    .fancybox-slide  p {font-size:.8rem;}
    .fancybox-slide  input {font-size:.8rem;width:50%;}

    .overlay .col h1 {font-size:.9rem;line-height:1rem;}
    .overlay .col p {font-size:.7rem;}
    header .navbar {margin-top:5px !important;}
    .card-body {height:520px;}
    iframe {max-width:100% !important;}

}

@media screen and (max-width:575px){
    .card-body {height:auto;min-height:355px;}

}

@media screen and (max-width:365px){
    .home .sidebar .container-date .date {font-size:6.4vw;}
}