/*


                                                                                                                                 
                                  ,,                                                                                              
              .g8""8q.     mm   `7MM                            `7MMF'            mm                                        mm    
            .dP'    `YM.   MM     MM                              MM              MM                                        MM    
            dM'      `MM mmMMmm   MMpMMMb.  .gP"Ya `7Mb,od8       MM  `7MMpMMMb.mmMMmm .gP"Ya `7Mb,od8 `7MMpMMMb.  .gP"Ya mmMMmm  
            MM        MM   MM     MM    MM ,M'   Yb  MM' "'       MM    MM    MM  MM  ,M'   Yb  MM' "'   MM    MM ,M'   Yb  MM    
            MM.      ,MP   MM     MM    MM 8M""""""  MM           MM    MM    MM  MM  8M""""""  MM       MM    MM 8M""""""  MM    
            `Mb.    ,dP'   MM     MM    MM YM.    ,  MM           MM    MM    MM  MM  YM.    ,  MM       MM    MM YM.    ,  MM    
              `"bmmd"'     `Mbmo.JMML  JMML.`Mbmmd'.JMML.       .JMML..JMML  JMML.`Mbmo`Mbmmd'.JMML.   .JMML  JMML.`Mbmmd'  `Mbmo 
                                                                                                                                  
                                                                                                                                  
            Site structure and core stylesheets.
            otherinter.net

*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,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
}
body{
    line-height:1
}
table{
    border-collapse:collapse;
    border-spacing:0
}
*,*:before,*:after{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0
}
body{
    --main-text: #524C3E;
    --body-text: #2E2B23;
    --subtitle:  #D4D4D4;
    --text-highlight: #000000;
    --background-color: #CFCBC2;
    --bg-post-variant: #D7D7D6;
    --opposite-text-color: #C9C8C6;
    --selection: #4efb43;
    --absolute: rgba(0,0,0,.50);
    --border-lite: rgba(0,0,0,.125)
}

@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadein{
    opacity:0;
    -webkit-animation:fadeIn ease-in-out 1;
    -moz-animation:fadeIn ease-in-out 1;
    animation:fadeIn ease-in-out 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:2s;
    -moz-animation-duration:.2s;
    animation-duration:.2s
}
.fadein.t1{
    -webkit-animation-delay:.1s;
    -moz-animation-delay:.1s;
    animation-delay:.1s
}
.fadein.t2{
    -webkit-animation-delay:.15s;
    -moz-animation-delay:.15s;
    animation-delay:.15s
}
.fadein.t3{
    -webkit-animation-delay:.2s;
    -moz-animation-delay:.2s;
    animation-delay:.2s
}
.fadein.t4{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    animation-delay:.5s
}
.fadein.t5{
    -webkit-animation-delay:.55s;
    -moz-animation-delay:.55s;
    animation-delay:.55s
}
blockquote,q{
    quotes:inherit;
    display:block
}
.menus{
    position:relative;
    z-index:110
}
@media (min-width: 768px){
    .menus{
        position:fixed;
        left:22px;
        top:22px
    }
}
.menu-pane,.internal-menu{
    display:flex;
    border: solid 1px #f0f0f0;
    flex-direction:column;
    justify-content:start;
    z-index:900;
   /* background:linear-gradient(137.42deg, rgba(255,255,255,0.0765) 21.58%, rgba(255,255,255,0) 106.63%);*/
    border-radius:2px;
    padding:24px;
    width:100%;
    -ms-overflow-style:none;
    scrollbar-width:none
}

@media (min-width: 768px){
    .menu-pane,.internal-menu{
        margin:0px 0px;
        width:250px
    }
}
.menu-pane::-webkit-scrollbar,.internal-menu::-webkit-scrollbar{
    display:none
}
.menu-pane li,.internal-menu li{
    list-style-type:none
}
.menu-pane li>a,.internal-menu li>a{
    text-decoration:none !important;
    color:var(--main-text)
}
.menu-pane li>a:hover,.internal-menu li>a:hover{
    cursor:pointer
}
.internal-menu{
    overflow:scroll;
    max-height:60vh;
    margin-bottom:9px
}
.menu-burger{
    color:var(--border-lite);
    cursor:pointer;
    display:block;
    height:2.5rem;
    position:absolute;
    top:18px;
    right:18px;
    width:2.5rem;
    margin-left:auto;
    border-radius:10px
}
@media (min-width: 768px){
    .menu-burger{
        display:none
    }
}
.menu-burger span{
    background-color:currentColor;
    display:block;
    height:1px;
    left:calc(50% - 8px);
    position:absolute;
    -webkit-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center;
    -webkit-transition-duration:86ms;
    -o-transition-duration:86ms;
    transition-duration:86ms;
    -webkit-transition-property:background-color, opacity, -webkit-transform;
    transition-property:background-color, opacity, -webkit-transform;
    -o-transition-property:background-color, opacity, -o-transform;
    transition-property:background-color, opacity, transform;
    transition-property:background-color, opacity, transform, -webkit-transform, -o-transform;
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    width:16px
}
.menu-burger span:first-child{
    top:calc(50% - 6px)
}
.menu-burger span:nth-child(2){
    top:calc(50% - 1px)
}
.menu-burger span:nth-child(3){
    top:calc(50% + 4px)
}
.navbar-burger.is-active span:first-child{
    -webkit-transform:translateY(5px) rotate(45deg);
    -o-transform:translateY(5px) rotate(45deg);
    transform:translateY(5px) rotate(45deg)
}
.navbar-burger.is-active span:nth-child(2){
    opacity:0
}
.navbar-burger.is- active span:nth-child(3){
    -webkit-transform:translateY(-5px) rotate(-45deg);
    -o-transform:translateY(-5px) rotate(-45deg);
    transform:translateY(-5px) rotate(-45deg)
}
.hidden{
    display:none
}
@media (min-width: 768px){
    .hidden{
        display:block
    }
}
.menu-pane li:last-child{
    margin-top:27px
}
.menu-pane li:nth-child(5){
    margin-top:27px
}
.menu-items li,.menu-items li>a{
    list-style-type:none;
    text-decoration:none !important;
    color:var(--main-text)
}
.menu-items li:hover,.menu-items li>a:hover{
    cursor:pointer
}
.menu-items li.active a{
    color:var(--text-highlight)
}
.menu-items li.active:before{
    display:inline-block;
    color:white;
    content:'';
    height:4px;
    width:4px;
    background-color:white;
    border-radius:100%;
    opacity:.75;
    vertical-align:middle;
    margin-top:-2px;
    display:absolute;
    margin-left:-13px;
    margin-right:4.25px;
    box-shadow:0px 0px 4px #fff;
    animation-delay:.1s;
    opacity:0;
    animation:fadeIn ease-in-out 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:2s;
    -moz-animation-duration:.2s;
    animation-duration:.2s
}
.back-button{
    text-decoration:none
}
#header-menu{
    display:none
}
@media (min-width: 768px){
    #header-menu{
        display:block
    }
}
.menu-items{
    list-style-position:outside
}
.menu-items .header-link{
    line-height: 14px;
    margin-bottom:20px
}
.menu-items .header-link a{
    font-size:14px;
    font-weight:500
}
.menu-items .header-link:last-child{
    margin-bottom:0px
}
.menu-items.series-link{
    line-height:9px;
    margin-bottom:9px
}
.menu-items.series-link a{
    font-size:14px;
    font-weight:500
}
.menu-items.series-link:last-child{
    margin-bottom:0px
}

@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadein{
    opacity:0;
    -webkit-animation:fadeIn ease-in-out 1;
    -moz-animation:fadeIn ease-in-out 1;
    animation:fadeIn ease-in-out 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:2s;
    -moz-animation-duration:.2s;
    animation-duration:.2s
}
.fadein.t1{
    -webkit-animation-delay:.1s;
    -moz-animation-delay:.1s;
    animation-delay:.1s
}
.fadein.t2{
    -webkit-animation-delay:.15s;
    -moz-animation-delay:.15s;
    animation-delay:.15s
}
.fadein.t3{
    -webkit-animation-delay:.2s;
    -moz-animation-delay:.2s;
    animation-delay:.2s
}
.fadein.t4{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    animation-delay:.5s
}
.fadein.t5{
    -webkit-animation-delay:.55s;
    -moz-animation-delay:.55s;
    animation-delay:.55s
}
blockquote,q{
    quotes:inherit;
    display:block
}
.btn-toggle{
    border:1px solid var(--absolute);
    background:none;
    color:var(--main-text);
    border-radius:4px;
    padding:4px;
    width:100%;
    -webkit-transition:color 0.25s ease;
    -moz-transition:color 0.25s ease;
    -ms-transition:color 0.25s ease;
    -o-transition:color 0.25s ease;
    transition:color 0.25s ease
}
.btn-toggle:active{
    opacity:.65
}

.theme-switch input{
    display:none
}
.slider{
    background-color:var(--text-highlight);
    opacity:.25;
    bottom:0;
    cursor:pointer;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transition:.4s
}
.slider:before{
    background-color:var(--opposite-text-color);
    bottom:2px;
    content:"";
    height:8px;
    width:8px;
    left:2px;
    position:absolute;
    transition:.4s
}
input:checked+.slider{
    background-color:#66bb6a
}
input:checked+.slider:before{
    transform:translateX(8px)
}
.slider.round{
    border-radius:34px
}
.slider.round:before{
    border-radius:50%
}

@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadein{
    opacity:0;
    -webkit-animation:fadeIn ease-in-out 1;
    -moz-animation:fadeIn ease-in-out 1;
    animation:fadeIn ease-in-out 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:2s;
    -moz-animation-duration:.2s;
    animation-duration:.2s
}
.fadein.t1{
    -webkit-animation-delay:.1s;
    -moz-animation-delay:.1s;
    animation-delay:.1s
}
.fadein.t2{
    -webkit-animation-delay:.15s;
    -moz-animation-delay:.15s;
    animation-delay:.15s
}
.fadein.t3{
    -webkit-animation-delay:.2s;
    -moz-animation-delay:.2s;
    animation-delay:.2s
}
.fadein.t4{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    animation-delay:.5s
}
.fadein.t5{
    -webkit-animation-delay:.55s;
    -moz-animation-delay:.55s;
    animation-delay:.55s
}
blockquote,q{
    quotes:inherit;
    display:block
}
.post-container{
    width:100%;
    box-sizing:border-box;
    margin:0px auto;
    margin-top:54px
}
@media (min-width: 768px){
    .post-container{
        max-width:720px;
        margin-top:27px
    }
}
.post-head{
    position:relative;
    z-index:101;
    padding:0px 10px
}
@media (min-width: 768px){
    .post-head{
        padding:0px
    }
}
.post-title{
    font-size:32px;
    color:var(--text-highlight);
    font-weight:700;
    margin-bottom:13.5px;
    line-height:normal
}

.post-subtitle{
    font-size:18px;
    color:var(--main-text);
    font-weight:500;
    margin-bottom:13.5px;
    line-height:normal
}

.post-abstract-container{
    width:auto;
    border:1px solid var(--border-lite);
    box-sizing:border-box;
    border-radius:1px;
    margin-top:27px;
    padding:13.5px 10px 13.5px 10px
}
@media (min-width: 768px){
    .post-abstract-container{
        padding:27px
    }
}
.post-url{
    bottom:13.5px;
    color:var(--main-text);
    opacity:.75
}
.post-pdf{
    right:25px;
    color:var(--main-text)
}
.post-pdf a{
    color:var(--main-text);
    opacity:.75
}
.post-date{
    font-size:18px;
    margin-bottom:13.5px;
    color:var(--main-text)
}
@media (min-width: 768px){
    .post-date{
        position:absolute;
        bottom:-14px;
        right:0px
    }
}
.post-authors{
    bottom:16px;
    color:var(--text-highlight)
}
@media (min-width: 768px){
    .post-authors{
        max-width:470px;
        word-wrap:normal
    }
}
.post-description{
    color:var(--body-text)
}
.post-links{
    margin-top:13.5px;
    display:flex;
    flex-direction:column
}
@media (min-width: 768px){
    .post-links{
        flex-direction:row;
        justify-content:space-between
    }
}
.post-body{
    width:auto;
    margin:0px auto;
    padding-left:10px;
    padding-right:10px
}
@media (min-width: 768px){
    .post-body{
        max-width:720px;
        padding:54px 0px 0px 0px
    }
}
.post-body{
    color:var(--body-text)
}
.post-body h1,.post-body h2,.post-body h3{
    color:var(--text-highlight)
}
.post-body p{
    color:var(--body-text)
}
.post-body p a{
    color:var(--text-highlight);
    -webkit-transition:all,0.15s ease;
    -moz-transition:all,0.15s ease;
    -ms-transition:all,0.15s ease;
    -o-transition:all,0.15s ease;
    transition:all,0.15s ease
}
.post-body p a:hover{
    background-color:rgba(255,255,255,0.25);
    opacity:1 !important
}
.post-body p img{
    width:100%;
    height:auto
}
.post-body ul li{
    margin-left:27px;
    margin-bottom:13.5px
}
@media (min-width: 1200px){
    p img.large{
        margin-left:-12.5%;
        width:125%
    }
}
.caption{
    color:var(--main-text);
    font-size:16px
}
.caption a{
    color:var(--main-text) !important;
    text-decoration:underline
}
.post-body table{
    width:100%
}
.post-body table th,.post-body table tr,.post-body table td{
    border:1px solid black;
    padding:13.5px
}
aside{
    border-radius:3px;
    background-color:rgba(0,0,0,0.15);
    padding:13.5px;
    margin-bottom:13.5px
}
.blog-title{
    font-size:32px;
    color:var(--text-highlight);
    font-weight:500;
    margin-bottom:13.5px;
    line-height:normal
}
.blog-date{
    font-size:14px;
    margin-bottom:13.5px
}
.blog-description{
    color:var(--text-highlight)
}
.wrapper2{
    display:grid;
    grid-template-areas:"nav" "content" "hide";
    grid-template-columns:1fr;
    grid-template-rows:minmax(75px, auto) 1fr minmax(75px, auto);
    padding:10px
}
@media (min-width: 768px){
    .wrapper2{
        grid-template-areas:"nav content hide";
        grid-template-columns:258px 1fr minmax(27px, 100px);
        grid-column-gap:27px;
        padding:0px;
        min-height:100vh
    }
}

html{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    background-color:var(--background-color)
}
body{
    font-family: Arial;
    font-size:16px;
    line-height:27px;
    color:var(--body-text);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    transition:all .25s ease !important;
    overflow-x:hidden
}
/*.post-bg{
    background:var(--bg-post-variant)
}*/
.flex{
    display:flex;
    flex-direction:
}
@media (min-width: 768px){
    .flex{
        flex-direction:row
    }
}
::selection{
    background-color:var(--selection);
    color:black;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -ms-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease
}
p{
    margin-bottom:13.5px;
    color:var(--body-text)
}
p li:last-child{
    margin-bottom:54px
}
a{
/*    color:var(--main-text);*/
    -webkit-transition:opacity 0.25s ease;
    -moz-transition:opacity 0.25s ease;
    -ms-transition:opacity 0.25s ease;
    -o-transition:opacity 0.25s ease;
    transition:opacity 0.25s ease
}
a:hover{
    opacity:.5
}

a, a:visited, a:hover, a:active {
  color: #2E2B23;
}

hr{
    border:0;
    border-top:1px solid var(--border-lite);
    margin:27px 0px
}
br{
    line-height:13.5px
}
.responsive-br{
    display:none;
    line-height:13.5px
}
@media (min-width: 768px){
    .responsive-br{
        display:block
    }
}
strong{
    font-weight:600
}
em{
    font-style:italic
}
h1{
    font-size:32px;
    font-weight:600;
    margin:54px 0px 27px 0px;
    line-height:1.25
}
h2{
    font-size:24px;
    margin:54px 0px 27px 0px;
    font-weight:600;
    line-height:1.25
}
h3{
    font-size:20px;
    margin-bottom:27px;
    margin:27px 0px;
    font-weight:600
}
h4{
    font-style:italic
}
h5{
    font-weight:500;
    color:var(--text-highlight)
}
h6{
    font-size:18;
    color:var(--text-highlight)
}
ol{
    padding-left:21px
}
.wrapper{
    display:grid;
    grid-template-areas:"nav" "content" "hide";
    grid-template-columns:1fr;
    grid-template-rows:minmax(75px, auto) 1fr minmax(75px, auto);
    padding:10px
}
@media (min-width: 768px){
    .wrapper{
        grid-template-areas:"nav content hide";
        grid-template-columns:258px 1fr minmax(27px, 100px);
        grid-column-gap:27px;
        padding:0px;
        min-height:100vh
    }
}
nav{
    grid-area:nav
}
main{
    grid-area:content
}
.all-container{
    display:flex;
    flex-direction:row
}
.content-panel{
    width:auto;
    margin: 0px auto 0px auto;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 768px){
    .content-panel{
        max-width:700px;
        padding:54px 0px 0px 0px;
        margin: 0px auto 0px 20px;
    }
}
.hr-lite{
    border-color:var(--border-lite)
}
.site-footer{
    border: solid 1px #f0f0f0;
    border-radius: 2px;
    padding:16px;
    font-size:16px;

    display:none;
    position:fixed;
    left:22px;
    bottom:27px;
    margin:0px 0px;
    width:250px
}

@media (min-width: 768px){
    .site-footer{
        display:block;
    }
}
.latest-post{
    margin-bottom:54px
}
.idea-tags{
    overflow-wrap:normal
}
.idea-tags li{
    /* display:inline; */
    list-style-type:none;
    line-height:40px;
    margin-right:2px;
}
.idea-tags li a{
/*    border:1px solid var(--border-lite);
*/    padding:5px 12px;
    background-color:none;
    text-decoration:underline;
    border-radius:2px;
    line-height:10px;
    -webkit-transition:all 0.15s ease-out;
    -moz-transition:all 0.15s ease-out;
    -ms-transition:all 0.15s ease-out;
    -o-transition:all 0.15s ease-out;
    transition:all 0.15s ease-out
}
.idea-tags li a:hover{
 /*   border:1px solid #001AE5;
    background-color:#001AE5;*/
    background-color: black;
    color: white;
    opacity:.9;
    color: white;
}


.homepage-list{
    list-style-position:inside
}

.all-content{
    width:auto;
    margin:0px auto;
    padding-left:10px;
    padding-right:10px
}
@media (min-width: 768px){
    .all-content{
        max-width:720px;
        padding:108px 0px 0px 0px
    }
}
.content-section{
    position:relative;
    padding-top:40.5px;
    padding-bottom:54px
}
.content-section-wrk{
    position:relative;
    padding-top:.27px;
    padding-bottom:54px
}
.section-title{
    margin-bottom:13.5px;
    font-weight:400;
    color:var(--text-highlight)
}

.all-content{
    width:auto;
    margin:0px auto;
    padding-left:10px;
    padding-right:10px
}
@media (min-width: 768px){
    .all-content{
        max-width:700px;
        padding:108px 0px 0px 0px
    }
}
.navigation{
    width:auto;
    margin:0px auto;
    padding-left:10px;
    padding-right:10px;
    display:flex;
    flex-direction:row;
    padding:54px 10px 0px 10px
}
@media (min-width: 768px){
    .navigation{
        max-width:720px;
        padding:108px 0px 0px 0px
    }
}
.navigation .back{
    margin-right:13px
}
.read-link .arrow{
    text-decoration:none
}

.team-table{
    color:var(--main-text);
    width:100%
}
.team-table tr{
    border-bottom:1px solid var(--border-lite);
    padding:3px 6px
}
.team-table tr:last-child{
    border-bottom:none
}
.team-table tr td{
    padding:6.75px 0px
}

blockquote{
    display:block;
    color:black;
    font-size:14px;
    line-height:21px;
    font-style:italic;
    border-left:3px solid #ccc;
    padding-left:10px
}
.pic-caption{
    font-size:13px;
    line-height:16px;
    color:var(--main-text);
    margin-bottom:27px
}
.nomargin{
    margin:0px !important
}

#weather img{
    height: 1.5vw;
    vertical-align: middle;
}