/*
Theme Name: DogLog
Theme URI:
Author: Avant 5 Multimedia
Author URI: https://www.avant5.com
Description: 
Version: 1.0
License: (c)2017 Avant 5 Multimedia
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doglog
Tags: black
*/

* { margin:0; padding:0; outline:0 }
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html { font-size:62.5% }
body { font-size:1.6rem; font-family: "Source Serif 4", serif; color:#444; padding:0 24px; }
h1, h2, h3, h4, h5, h6 { font-family:"Oswald", sans-serif; color:#222; }
h1 a { text-decoration:none; }
p { margin:20px 0; }
img { display:block; width:100%; height:auto; }
section { margin-top:20px; padding-top:20px; border-top:1px solid rgb(177, 195, 228); clear:both; }
iframe { max-width:100%!important; height:auto!important; }

h2 { margin-top:20px; padding-top:20px; border-top:1px solid rgb(177, 195, 228); clear:both; }
blockquote { background-color:#efefef; border:1px solid #ccc; margin:30px; padding:10px 30px; line-height:1.5; }
blockquote span { color:#4b85b7;}

#notice { font-style:italic; padding:10px; color:#4b85b7; font-size:.8em; }

#loginbar #loginform { display:none; }
#loginbar #loginform p { display:flex; flex-direction:column; }

#titlebar { padding-top:20px; display:flex; align-items:center; justify-content:space-between; }
#titlebar h1 { font-weight:300; text-transform:uppercase; color:black; }
#titlebar h1 span { color:cornflowerblue; text-transform:lowercase;}
#titlebar > span { display:inline-block; padding-left:26px; }

#loginbutton a, #menubutton a  { color:#4b85b7; text-decoration:none; text-transform:uppercase; font-size:14px; }
#menubutton a span { display:none; }
#menubutton a { font-size:28px; }

#navigation ul { display:none; margin-top:20px;  }
    #navigation ul::before { content:' '; display:table; width:0%; border-top:1px solid rgb(177, 195, 228); transition:all .2s; }
    #navigation ul.open::before { width:100%; transition:all .8s; padding-bottom:20px; }
#navigation li { list-style-type:none; display:block; text-align:center; padding:10px 0; }
#navigation li a { text-transform:uppercase; color:#4b85b7; text-decoration:none; }


#single-post-navigation { display:flex; justify-content:space-between; }

.grid-sizer, .grid-item { width:calc(50% - 4px); }
.grid-item img { width:100%; display:inline; }

.expense-day { padding-bottom:1em; }
.expense-item { display:flex; justify-content:space-between; padding:3px 14px; }
.expense-day-list .expense-item:nth-child(odd) { background-color:#f1f1f1; }
.expense-day .debit, .debit { color:green; font-weight:bold; }

#net-expense .credit { color:darkred; }
#net-expense span.balance_message { font-weight:200; }

@media screen and (min-width:768px ) {
    .header-image { float:right; margin-left:30px; margin-bottom:30px; width:400px; }
    .grid-sizer, .grid-item { width:calc(33.3333% - 4px); }
}

@media screen and (min-width:1120px ) {
    .grid-sizer, .grid-item { width:calc(25% - 4px); }
    #loginbar #loginform { display:flex; gap:12px; }
    #loginbar #loginform p { display:block; }
}