/*

Theme Name: Olagist Mobile Theme
Theme URI: https://olagist.com
Description: A mobile-friendly theme for Olagist.com blog. Supports basic mobile browsers as well as advanced and touch-screen browsers with a display optimized for each design by Olami.
Author: Olami
Author URI: https://olagist.com
Version: 2.5
License: Olagist.com license only
License URI: https://olagist.com

// This file is part of the Carrington Mobile Theme for WordPress
// http://carringtontheme.com
//
// Copyright (c) 2008-2009 Crowd Favorite, Ltd. All rights reserved.
// http://crowdfavorite.com
//
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

*/


body{font-family:Georgia,sans-serif}h1,h2,h3,p{margin:0 0 5px;padding:0;}ol,ul{margin-top:0;margin-bottom:5px;margin-left: 20px;padding: 0px;}.alignleft,.alignright{margin-bottom:1em;max-width:35%}hr{color:#999;height:1px}.alignleft{float:left;margin-right:1em}.alignright{float:right;margin-left:1em}.aligncenter,.alignnone,img{max-width:100%}.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.wp-caption img{margin:0;padding:0;border:0}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0}img{height:auto}img{height:auto;max-width:99%}ul.table.disclosure li,ul.table li.disclosure{clear:both;margin:0;padding:0 0 0 3px!important;position:relative}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.container {
    padding: 10px 20px;
    position: relative;
    background-color: inherit;
    width: 100%;
}

.content img{
    width: auto;
max-width: 98%;
height: auto;
max-height: 98%;
display: block;
    background-color: white;
    padding: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content img:hover{opacity: 0.8;
}
img.wp-post-image {
    float: left;
    margin-right: 2px;
    width: 63px;
    height: 80px;
    padding: 1px;
    border: solid 1px #ddd;
}

.comment_counter {
    background: #ad0d15;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    text-align: center;
    font-weight: 600;
    margin: -2px -5px 1px -5px;
}

#author,
#email,
#url {
    color: #1d1d1d;
    width: 100%
}

#respond {
    background: #fbfbfb;
    padding: 0 10px
}

#respond input[type=text],
textarea {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: 0;
    padding: 3px 0 3px 3px;
    margin: 5px 1px 3px 0;
    border: 1px solid #DDD;
    width: 100%
}

#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    margin: 5px 1px 3px 0;
    border: 2px solid rgba(81, 203, 238, 1);
    width: 100%
}

#author,
#email {
    font-family: "Open Sans", "Droid Sans", Arial;
    letter-spacing: .1em
}

#url {
    font-family: "Luicida Console", "Courier New", Courier, monospace
}

#submit {
    background: -moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: -webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: -o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: -ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color: #44c767;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #2f6627
}

#submit:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #5cbf2a), color-stop(1, #44c767));
    background: -moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background: -webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background: -o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background: -ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background: linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color: #5cbf2a
}

#submit:active {
    position: relative;
    top: 1px
}

#respond:after,
.comment-navigation,
.comment-navigation:after,
.comment-rss,
h3#comments {
    display: block
}

ol.commentlist {
    width: 100%;
    /* border-bottom: 1px solid #ccc; */
}

#respond h3,
h3#comments {
    height: auto;
    text-align: left;
    background: #ddd;
    color: #111;
    padding: 5px 0 0 5px;
    margin-left: -15px!important;
    margin-right: -15px!important;
}

#respond h3,
form#commentform,
input#submit,
li.authorcomment,
li.comment,
ol.commentlist {
    margin: 0;
}

form#commentform,
ol.commentlist,
ol.commentlist ul {
    padding: 0
}

ol.commentlist ul {
    margin: 0 0 0 20px
}

li.even,
li.odd {
    margin-right: 4px
}

form#commentform input,
form#commentform textarea,
li.authorcomment,
li.comment {
    border: 1px solid #ccc
}

li.authorcomment,
li.comment {
    padding: 10px 0 0 10px;
    list-style: none;
    border-bottom: none;
    margin-bottom: -10px
}

.comment li.even {
    background: #fff
}

li.odd {
    background: #f7f7f7;
}

.authorcomment {
    background: #deebf9
}

ul.children ul {
    margin-left: 20px
}

ul.children li {
    border-right: none
}

.vcard img {
    float: left;
    background: #c4c4c4
}

.comment-navigation .newer a,
.comment-navigation .older a,
.vcard img {
    padding: 5px;
    border-radius: 50%;
}

.comment-meta,
ol.commentlist li small,
p.subscribe-to-comments label {
    position: relative;
    text-align: left!important
}

.comment-meta,
ol.commentlist li small {
    font-size: 14px;
    text-align: left!important;
    background: #e9e9e9;
    height: 30px;
    padding: 6px 1px 0px 4px;
    margin: -6px -6px 10px -6px;
    border-radius: 3px;
}

.comment-text {
    margin: 0 10px 0 0
}

.comment-navigation .newer,
.comment-navigation .newer a,
.comment-navigation .older a,
.reply,
input#submit {
    background: #e7e7e7;
    text-decoration: none;
    color: #4c7faa;
    font-weight: 700;
    padding: 6px 0
}

.reply {
    margin: 0 10px 10px 0
}

.comment-navigation .newer a,
.comment-navigation .older a,
.reply a:link,
a.comment-reply-link,
input#submit {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.reply a:link,
a.comment-reply-link {
    padding: 5px 0
}

.reply a:link,
a.comment-reply-link,
input#submit {
    width: 79px;
    margin-bottom: 1px!important;
    background: #b30000;
    color: #fff!important;
    border-radius: 3px;
}

.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,
.reply a:hover,
a.comment-reply-link:hover,
input#submit:hover {
    background: #650707;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

.reply a:hover,
a.comment-reply-link:hover,
input#submit:hover {
    width: 68px
}

.reply a:hover,
a.comment-reply-link:hover {
    padding: 4px 0
}

.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,
.reply a:hover,
a.comment-reply-link:hover {
    border: 1px solid #4c7faa
}

.comment-navigation {
    margin: 10px 0
}

#respond:after,
.comment-navigation:after {
    content: ".";
    height: 0;
    visibility: hidden
}

.comment-navigation .newer a:hover,
.comment-navigation .older a:hover {
    padding: 4px
}

form#commentform input,
form#commentform textarea {
    padding: 2px 3px
}

form#commentform textarea {
    width: 100%
}

input#submit {
    border: 0!important
}

input#submit,
p.subscribe-to-comments input {
    outline: 0;
    background: #b30000;
    display: block;
    width: auto;
    padding: 10px!important
}

input#submit:hover {
    outline: 0;
    background: #800000;
    display: block;
    width: auto;
    padding: 10px!important
}

p.subscribe-to-comments {
    background: url(images/email_32.png) no-repeat
}

.comment-rss,
p.subscribe-to-comments {
    height: 32px;
    text-indent: 42px;
    padding: 5px 0 0
}

p.subscribe-to-comments input {
    margin: 5px 3px 3px!important;
    border: 0
}

p.subscribe-to-comments label {
    top: -2px;
    color: #666
}

.comment-rss {
    background: url(images/rss_32.png) no-repeat
}

.comment-total {
    text-align: center;
    font-size: 1.5em;
    color: #fff
}

.comment-total span {
    font-size: 2em;
    color: maroon
}

.mt-15 {
    margin-top: 15px
}

.author-name-pad {
    padding: 0px;
}

.time-pad {
    font-size: 12px;
    color: #8a5992;
}
/* Download button */
a.dl {
    background: #ad0a0a !important;
    border: 3px solid #ad0a0a !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    margin: 6px 1px 2px 1px;
    padding: 2px 50px !important;
    display: inline-block;
    letter-spacing: 0 !important;
}
a.dl:hover {
    background: none !important;
    border: 2px solid #ad0a0a !important;
    color: #ad0a0a !important;
}
.icons-foot {
    padding: 2px;
    border: solid 1px #7769699c;
}