/*---------------------------------------------------------------------------------       
Theme Name: Davis    Text Domain: davis       
Version: 1.07        
Description: Davis is a teeny-tiny WordPress theme that can be used a starter theme or a *really* lightweight blog theme. It consists of just three PHP files and weighs in at 27 KB, excluding screenshot.png. It features the aside post format, featured images and a responsive design.        Tags: blog, one-column, custom-menu, featured-images, post-formats, threaded-comments, translation-ready        
Author: Anders Norén        
Author URI: http://www.andersnoren.se        
License: GNU General Public License version 2.0       
License URI: http://www.gnu.org/licenses/gpl-2.0.html                
All files, unless otherwise stated, are released under the GNU General Public License       
version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)-----------------------------------------------------------------------------------    
0.	CSS Reset       
1.	Document Setup      
2.  Structure      
3.	Header      
4.	Blog      
5.  Post Content    
6.	Comments    
7.	Pagination  
8.	Footer     
9. Media Queries
----------------------------------------------------------------------------------- *//* -------------------------------------------------------------------------------- *//*
0. CSS Reset
/* -------------------------------------------------------------------------------- */
html, body {   
    margin: 0;  
    padding: 0;  
    height: 100%; 
    min-height: 100%; 
}
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, 
cite, code, em, font, img, small, strike, sub, sup, li,
ol, ul, fieldset, form, label, legend, button, table, 
caption, tr, th, td {   
    margin:0;   
    padding:0;  
    border:0;  
    font-weight:normal;  
    font-style:normal;  
    font-size:100%;  
    line-height:1;   
    text-align:left;
}
table {   
    border-collapse:collapse;   
    border-spacing:0;
}
ol, ul {
    list-style:none; 
}
blockquote:before, blockquote:after { 
    content:""; 
}
a { 
    outline:none; 
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
    display: none;
}
/* Screen Reader Text */
.screen-reader-text { 
    clip: rect( 1px, 1px, 1px, 1px );   
    height: 1px;    
    overflow: hidden;  
    position: absolute !important;
    width: 1px;
}
.screen-reader-text:focus {  
    background-color: #f1f1f1;   
    border-radius: 3px;  
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);   
    clip: auto !important;    
    color: #21759b;   
    display: block;  
    font-size: 14px; 
    font-weight: 700;  
    height: auto;    
    left: 5px;   
    line-height: normal; 
    padding: 15px 23px 14px;  
    text-decoration: none;  
    top: 5px;   
    width: auto;  
    z-index: 100000;
    /* Above WP toolbar. */
}
/* -------------------------------------------------------------------------------- *//*	
1. Document Setup
/* -------------------------------------------------------------------------------- */
body {   
    background: #fff; 
    border: none; 
    color: #111; 
    font-size: 18px;
}
body * {    
    -webkit-box-sizing: border-box;    
    -moz-box-sizing: border-box;  
    box-sizing: border-box;   
    /*    font-family: 'PT Serif', Georgia, serif;*/
}
body a {   
    color: #111;    
    text-decoration: none;
}
body a:hover {   
    color: #111;  
}
img {    
    display: block;  
    height: auto;  
    max-width: 100%;
}
.clear { 
    clear: both; 
}::selection {  
    background: #111;   
    color: #FFF;
}input::-webkit-input-placeholder { 
    color: #999; 
}input:-ms-input-placeholder { 
    color: #999;
}input::-moz-placeholder { 
    color: #999; }
/* -------------------------------------------------------------------------------- *//*
2.	Structure/* -------------------------------------------------------------------------------- */
.wrapper {  
    margin: 0 auto;  
    max-width: 90%;  
    width: 620px;
}
/* -------------------------------------------------------------------------------- *//*	
3.	Header/* -------------------------------------------------------------------------------- */
header {     
    margin: 0 auto 50px auto;  
    width: 90%;
}
/*.menu {   
    margin: 30px 0 0; 
    text-align: center;
}
@media ( min-width: 620px ) { 
    .toggle-menu { 
        display: none;
    }  
    .menu li { 
        position: relative; 
    }    
    .menu > li { 
        display: inline-block;
    }   
    .menu > li + li {
        margin-left: 30px; 
    }  
    .menu .page_item_has_children > a:after, 
    .menu .menu-item-has-children > a:after { 
        content: " ↓";       
        font-family: 'Helvetica', sans-serif; 
    }   
    .menu ul {    
        position: absolute;   
        left: -10000px;   
        top: 15px;      
        width: 200px;  
    }   
    .menu > li > ul {    
        font-size: 0.9em;   
        padding-top: 20px;  
    }  
    .menu li ul:before {  
        border: 6px solid transparent; 
        border-bottom-color: #111;      
        content: "";      
        display: block;   
        margin-left: -6px;     
        position: absolute;   
        left: 50%;       
        top: 8px;  
    }  
    .menu ul a {    
        background: #111;  
        color: #fff;     
        display: block;  
        padding: 15px;   
        text-align: center;  
    }   
    .menu ul li:first-child > a {
        border-radius: 3px 3px 0 0;
    }   
    .menu ul li:last-child > a { 
        border-radius: 0 0 3px 3px;
    }  
    .menu ul li:last-child:first-child > a { 
        border-radius: 3px 3px 3px 3px; 
    } 
    .menu ul a:hover { 
        color: #fff;
    }   
    .menu > li:hover > ul { 
        left: 50%;   
        margin-left: -100px; 
    }   
    .menu ul li ul {      
        margin: 0;    
        padding-left: 20px;   
        top: 0;  
        width: 220px;   
    }  
    .menu ul li ul:before { 
        border-color: transparent;    
        border-right-color: #111;   
        left: 14px;  
        top: 18px;  
    }   
    .menu ul li:hover > ul {    
        left: 200px;    
    }
}*/
header h2 {
    font-size: 1.5em;    
    font-weight: 700; 
    margin-top: 20px;  
    text-align: center;
}
header p {
    margin-top: 20px;
    text-align: center;
}
/* -------------------------------------------------------------------------------- *//*	
4.	Blog/* -------------------------------------------------------------------------------- */
/*
.post:before,.comments:before,.comment-respond:before,.comments .comment-respond:after,.pagination:before,footer:before {   
background: url( images/sep.png ) no-repeat center;
background-size: auto 100%;  
content: "";     
display: block;   
height: 16px;     
margin: 80px auto;}
*/
.title {  
    line-height: 1.4; 
    text-align: center;
}
.featured-image {   
    display: block;  
    margin: 0 auto 30px auto; 
}
.meta {   
    color: #999;  
    margin-top: 30px;
}
.post .meta p {  
    line-height: 1.55; 
    /*    margin-bottom: 0; */
    text-align: center; 
}
span.sep { 
    margin: 0 15px; 
}
.meta p:first-child + p {
    margin-top: 15px; 
}
.meta a,.meta a:hover {
    color: #999; 
}
.sticky {}
/* -------------------------------------------------------------------------------- *//*	
5.	Post Content/* -------------------------------------------------------------------------------- */
.content * { 
    max-width: 100%;
}
.content a { 
    border-bottom: 1px solid #111;
}
.content a:hover {   
    border-color: #666;   
    color: #666;  
    text-decoration: none; 
}
em {
    font-style: italic;
}
.post p {  
    line-height: 1.55;  
    margin-bottom: 30px; 
}
/*.post p:last-child {
    margin-bottom: 0;
}*/
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6 { 
    font-weight: 700; 
    margin-bottom: 0px;
}
/*
.post hr {    
border: none;  
margin: 40px 0; 
text-align: center;
}
.post hr:before {
content: "***"; 
}
*/
.content > ol,.content > ul {   
    margin-bottom: 30px;
}
.post ol,.post ul { 
    margin-left: 1.5rem;
}
.post ul { 
    list-style: disc;
}
.post ul ul { 
    list-style: circle;
}
.post ul ul ul { 
    list-style: square;
}
.post ol { 
    list-style: decimal;
}
.post ol ol {
    list-style: lower-alpha;
}
.post ol ol ol {
    list-style: lower-roman;
}
.post li {  
    line-height: 1.5;   
    margin-top: 0.5em;
}
dd + dt { 
    margin-top: 15px;
}
/* Quotes ----------------------------- */
blockquote {  
    border-left: 1px solid #ccc;   
    margin: 0 0 30px 0;
    padding: 0 0 0 30px;
}
blockquote p { 
    font-style: italic; 

}
blockquote cite:before { 
    content: "— "; 
}
/* Media ------------------------------ */
div.wp-caption {   
    display: block;  
    margin-bottom: 30px; 
}
.alignleft,.alignright { 
    margin-bottom: 20px; 
    max-width: 50%;
}
.alignleft {
    float: left;   
    margin-right: 20px;
}
.alignright {  
    float: right;   
    margin-left: 30px;
}
.aligncenter,.alignnone {
    margin: 0 auto; 
}
.gallery-caption,.wp-caption-text { 
    font-size: 0.9em;  
    font-style: italic;  
    margin-top: 10px;
}
.aligncenter .wp-caption-text { 
    text-align: center;
}
.alignright .wp-caption-text { 
    text-align: right;
}
/* Inputs ----------------------------- */
fieldset {   
    border: 1px solid #ddd; 
    padding: 25px;
}
fieldset legend {   
    font-size: 0.9em; 
    font-style: italic;  
    padding: 0 15px;
}
label {    
    font-size: 0.9em; 
    font-style: italic; 
    margin-bottom: 10px;
}
textarea,input[type="email"],input[type="password"],
input[type="tel"],input[type="text"],input[type="url"] {  
    border: 1px solid #ddd;
    color: #111;  
    display: block;  
    font-size: 0.9em; 
    margin: 0 0 15px 0; 
    padding: 15px;   
    width: 100%;
}
textarea {  
    line-height: 1.5;  
    height: 200px;
}
input[type="button"],input.button,input[type="submit"] {    
    background: #111;  
    border: none;   
    color: #fff;   
    display: inline-block;
    font-size: 14px;   
    padding: 14px 24px;   
    -moz-appearance: none;  
    -webkit-appearance: none;
}
input[type="button"]:hover,input.button:hover,input[type="submit"]:hover { 
    background: #333; 
    cursor: pointer;
}
/* Tables ----------------------------- */
table { 
    border-collapse: collapse;  
    border-spacing: 0;  
    empty-cells: show; 
    font-size: 0.9em; 
    margin-bottom: 30px; 
    max-width: 100%;   
    overflow: hidden;  
    width: 100%;
}
th,td { 
    line-height: 1.4;
    margin: 0;  
    overflow: visible;
    padding: 2.5%;
}
caption { 
    border-bottom: 1px solid #ddd;  
    font-size: 13px; 
    font-weight: 700;   
    padding-bottom: 2.5%;
    text-align: center; 
    text-transform: uppercase;
}
thead {   
    vertical-align: bottom;   
    white-space: nowrap;
}
th {  
    border-bottom: 1px solid #ddd; 
    font-weight: 700; 
}
tbody > tr:nth-child(even) {
    background-color: #f6f6f6; 
}
/* -------------------------------------------------------------------------------- *//*	
6.	Comments/* -------------------------------------------------------------------------------- */
.comment {
    margin-top: 40px; 
}
.comment a { 
    text-decoration: underline;
}
.commentlist > .comment:first-child { 
    margin-top: 0; 
}
.comment .comment { 
    margin: 40px 0 0 30px; 
}
.comment-author a,.comment-meta a,.comment .reply a {
    text-decoration: none;
}
.comment-author { 
    padding-left: 50px;   
    position: relative;
}
.bypostauthor .comment-author cite { 
    font-weight: 700; 
}
.comment-author .says { 
    display: none; 
}
.comment-author .avatar {  
    position: absolute; 
    left: 0;    
    top: 1px;  
    width: 40px;
}
.comment-awaiting-moderation {   
    font-size: 14px;   
    font-style: italic; 
    padding-left: 50px;
}
.comment-meta {   
    font-size: 14px;  
    margin: 2px 0 20px 0; 
    padding-left: 50px;
}
.comment-meta a,.comment-meta a:hover {
    color: #999; 
}
.comment .reply { 
    font-size: 14px;  
    font-style: italic;   
    margin-top: 15px;   
    text-align: right;
}
.comment .reply a { 
    color: #999; 
}
.comment .reply a:hover { 
    text-decoration: underline;
}
/* Respond ---------------------------- */
.comment-respond p + p {
    margin-top: 20px; 
}
.post .comment-reply-title { 
    text-align: center; 
}
.logged-in-as {     
    margin: -10px 0 30px;  
    text-align: center;
}
.comment-respond label {
    display: block; 
}
/* -------------------------------------------------------------------------------- *//*	
7.	Pagination/* -------------------------------------------------------------------------------- */
.pagination { 
    text-align: center; 
}
.pagination * + * {
    margin-left: 30px; 
}
/* -------------------------------------------------------------------------------- *//*	
8.	Footer/* -------------------------------------------------------------------------------- */
footer {    
    padding: 0 0 80px;  
    text-align: center;
}
footer p {  
    line-height: 1;  
    text-align: center;
}
footer p + p {  
    font-style: italic;  
    margin-top: 15px; 
}
/* -------------------------------------------------------------------------------- *//*	
9.	Media Queries/* -------------------------------------------------------------------------------- */
@media ( max-width: 620px ) { 
    body { 
        font-size: 16px; 
    }    
    /*    .toggle-menu {    
            font-size: 14px;    
            letter-spacing: 1px;  
            text-transform: uppercase;  
        }    
    .show-menu .toggle-menu { 
            text-decoration: line-through; 
        }  
        .menu {  
            display: none;   
            margin: 20px 0 0; 
        }
        .menu li {     
            line-height: 1.5;    
            text-align: center;  
        }   
        .menu li li {
            font-style: italic;
        }
        .show-menu .menu { 
            display: block; 
        }*/
    header {
        margin-bottom: 40px;
    }
    header h2 { 
        margin-top: 40px;
    }
    .post:before,    .comments:before,    .comment-respond:before,   
    .comments .comment-respond:after,    .pagination:before,    
    footer:before {  
        margin: 50px auto;  
    }
    .featured-image {    
        margin-left: -50vw;    
        position: relative;     
        left: 50%;     
        width: 100vw; 
    }
    span.sep {
        margin: 0 10px;
    }
    .pagination a + a { 
        margin-left: 20px; 
    }
    footer { 
        padding-bottom: 50px; 
    }
}
@media ( max-width: 500px ) {  
    .post:before, 
    .comments:before,   
    .comment-respond:before, 
    .comments .comment-respond:after,  
    .pagination:before,     
    footer:before {
        margin: 30px auto;  
    }
}
.main-title a{ 
    font-family: 'Raleway', sans-serif;
    font-size: 3em;
}
.post-title a{  
    font-family: 'Raleway', sans-serif;   
    font-size: 1.5em;
    letter-spacing: 1px;
}
.center-align{  
    text-align: center;
}
.left-aln{  
    float: right;
}
.hr-style, .footer-clr a, .footer-clr a:hover, .footer-menu a, .footer-menu a:hover, .hr-single{   
    color: #b3b3b3;
}
.left-fifty{
    width: 50%;
    text-align: left;
    float:left;
    padding-top: 10px;
}
.right-fifty{
    width: 50%;
    text-align: right;
    float:right;
}
.newsletter_form2_footer_social, .newsletter_form2_c_get{
    display: none !important;
}
.s2email{
    float: left;
}
.header-sec{
    overflow: auto;   
}
.newsletter-api-form-theme2 .newsletter_form2_c_get_detail .form-control{
    height: 30px !important;
    width: 65% !important;
    font-size: 13px !important;
}
.newsletter-api-form-theme2 .newsletter_form2_c_get_detail .btn{
    font-size: 18px !important;
    margin-top: 3px !important;
    margin-left: 5px !important;
}
.newsletter-api-form-theme2{
    padding: 0px !important;    
}
.subscriber-form .form-group{
    text-align: right !important;    
}
.left-float{
    float: left;    
}
.margin-ten{
    margin-left: 10px;    
}
.cntr-align, .footer-menu{
    text-align: center;    
}
.footer-clr{
    margin: 50px 0px 20px 0px;    
}
.footer-menu a{
    margin: 20px;
    letter-spacing: 2px;    
}
.footer-menu{
    margin-bottom: 50px;    
}
.author{
    font-family: 'Quicksand', sans-serif;
    font-style: italic;
}
.quicksand, .quicksand p, .quicksand li, .quicksand span, .logged-in-as a, p, label[for=comment], .comment-respond label, .wdth-prcnt a, .shownewsletterbox, h3, .subheading, #submit_newsletter, .textfield{
    font-family: 'Quicksand', sans-serif !important; 
}
.comment-respond label{
    font-weight: bold;
    font-style: normal;
}
.comment-respond .submit{
    letter-spacing: .2em;
}
.post-title{
    margin-top: 50px;    
}
#reply-title, .status-publish:last-of-type .hr-style{
    display: none !important; 
}
.form-submit{
    text-align: right;
}
.footer-hr{
    margin-top: 100px;
}
.author{
    color: #000000;
}
.date-style, .date-style:hover{
    color: #666666;
    letter-spacing: 3px;
    font-weight: 600;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.wdth-prcnt{
    width: 48%;
    margin: 0px;
    margin-top: 40px;
}
label[for=comment]
{
    font-weight: bold;
    font-style: normal;
}
.bold{
    font-weight: bolder;
    color: #000000;
    font-size: 22px;
}
.form-group span{
    clear: both !important;
    float: left !important;
}




/* Important styles */
#toggle {
    display: block;
    width: 28px;
    height: 0px;
    margin: 30px auto 10px;
    margin-left: 7%;
}

#toggle span:after,
#toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
}
#toggle span:after{
    top: 9px;
}
#toggle span {
    position: relative;
    display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
    width: 100%;
    height: 5px;
    background-color: #888;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

/* on activation */
#toggle.on span {
    background-color: transparent;
}
#toggle.on span:before {
    transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
    opacity: 1;
    visibility: visible;
}

/* menu appearance*/
#menu {
    position: absolute;
    color: #999;
    width: 100%;
    padding: 10px;
    margin: auto;
    font-family: 'Quicksand', sans-serif; 
    text-align: center;
    border-radius: 4px;
    background: white;
    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    /* just for this demo */
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s;
    z-index: 999;
    margin-top: 5px;
    height: 100%;
}
#menu:after {
    position: absolute;
    top: -15px;
    left: 95px;
    content: "";
    display: block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid white;
}
ul, li, li a {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
li a {
    padding: 5px;
    color: #888;
    text-decoration: none;
    transition: all .2s;
}
li a:hover,
li a:focus {
    background: #888;
    color: #fff;
}

.menu-small-screen{
    display: none !important;
}
/* demo styles */
@media only screen and (max-device-width: 480px) {
    .menu-small-screen{
        display: block !important;
    }
    .header-sec{
        display: none;
    }
    header{
        width: 100%;
    }
    .menu-small-screen ul li a{
        text-align: center;
        padding: 30px 0px;
        letter-spacing: .3em;
    }
    .footer-menu a {
        display: block;
    }
    .comment-box {
        border: 1px solid #cccccc;
        padding: 17px;
        border-radius: 5px;
    }
    .main-title a{
        font-size: 1.5em;
    }
}
.comment-box a:before{
    content: url(http://www.josecastrofrenzel.com/wp-content/uploads/2016/12/comment.png);
    margin-right: 10px;
    vertical-align: middle;
}
.shownewsletterbox, .shownewsletterbox:hover{
    background-color: #cccccc;
    color: #fff;
    display: block;
    width: 180px;
    float: right;
    margin-top: 3%;
    border-radius: 3px;
    padding: 5px;
    letter-spacing: .2em;
    font-size: 15px;
}
.shownewsletterbox img{    
    float: right;
    margin-top: 4px;
    margin-left: 31px;
}
#sub{
background-color: inherit;
    color: inherit;
    display: inherit;
    width: 100%;
    float: none;
    margin-top: 0px;
    border-radius: inherit;
    font-size: inherit;
}
.display-none{
display: none;
}