/*
Theme Name: Caffeinated Book Reviewer
Theme URI: http://caffeinatedbookreviewer.com/
Description: A custom theme for Caffeinated Book Reviewer.
Version: 1.0
Author: Ashley Evans
Author URI: https://creativewhim.com
Tags: 
*/

/*	--------------------------------------------------
	:: Body
	-------------------------------------------------- */

body {
}

img {
	max-width:100%;
	height:auto;
}

a:hover {
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
}

.alignleft, .alignright {
    float:none;
    display:block;
    margin:0 auto 15px;
}
.aligncenter {
	float:none;
	display:block;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

.relative { position:relative !important; }
.nomargin { margin:0 !important; }

.form-control:focus {
  border-color: rgba(0, 0, 0, 0.3);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 0, 0, .3);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 0, 0, .3);
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color:#b4ad2f;
}

/* Buttons */
.btn {
	transition:all 0.5s !important;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}

.btn.btn-primary {
	background-color:#824540;
    border:none;
	color:#ffffff;
}
	.btn.btn-primary:hover {
		background-color:#5f302c;
	}
.input-group-btn .btn.btn-primary {
    border:1px solid rgba(0, 0, 0, 0.1);
}
	
.btn.btn-danger {
	background-color:#EEDCAF;
	color:#8a6d3b;
	border-color:#D6C28F;
}
	.btn.btn-danger:hover {
		background-color:#D8C390;
	}

.btn.btn-info {
    background-color:#7b9292;
    border-color:#7b9292;
    color:white;
}
    .btn.btn-info:hover {
        background-color:#5C6F6F;
    }

/* Blockquote */
blockquote {
    font-size:inherit;
    width:90%;
    margin:0 auto 15px;
}

/* Table */
table {
    width:100%;
    margin-bottom:15px;
}
table th {
    background:#824540;
    color:white;
    text-align:center;
}
table td, table th {
    border:1px solid #824540;
    padding:5px;
}

/* Captions */
.wp-caption {
    text-align:center;
    font-size:11px;
    background:rgba(0, 0, 0, 0.1);
    padding:5px;
}
.wp-caption .wp-caption-text {
    margin:5px 0 0;
}

/* Toggle */
.cw-togglebox {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    background:none;
    border-color:rgba(148, 143, 133, 0.5);
}
    .cw-togglebox .panel-heading {
        background:rgba(148, 143, 133, 0.5);
        border-color:rgba(148, 143, 133, 0.5);
        border-bottom:none;
        color:#a1987b;
        padding:0;
    }
        .cw-togglebox .panel-heading a {
            color:white;
            display:block;
            font-family:'Open Sans', Arial, sans-serif;
            padding:10px 15px;
            font-size:12px;
            text-transform:uppercase;
        }
            .cw-togglebox .panel-heading a:hover {
                color:black;
                text-decoration:none;
            }

/* Alerts */
.alert-danger {
    background-color:#824540;
    color:white;
}
.alert-info {
    background-color:#badada;
    border-color:#9ec9c9;
}
.alert-warning {
    background-color:#EEDCAF;
    border-color:#D6C28F;
}
.alert-success {
    background-color:#B8DBAA;
    border-color:#A2C794;
}



/*	--------------------------------------------------
	:: Navigation & Header
	-------------------------------------------------- */
    #nav_wrap {
        background:#ddd9ce;
        background:rgba(148, 143, 133, 0.2);
    }

	.navbar-creativewhim {
        background:none !important;
		border-radius:0 !important;
		border:none !important;
		margin:0;
        height:40px;
        min-height:40px;
	}
		.navbar-creativewhim .navbar-collapse > ul > li > a {
			text-transform:uppercase;
			font-family:'Open Sans', Helvetica, Arial, sans-serif;
            font-size:14px;
			color:#534848;
            padding-top:10px;
            padding-bottom:10px;
			position:relative;
			z-index:9999;
		}
		.navbar-creativewhim .navbar-nav>.active>a, .navbar-creativewhim .navbar-nav>.active>a:hover, .navbar-creativewhim .navbar-nav>.active>a:focus, .navbar-creativewhim .navbar-nav>li>a:hover, .navbar-creativewhim .navbar-nav>li>a:focus, .navbar-creativewhim .navbar-nav>.open>a {
			background:#824540 !important;
            color:white !important;
		}
        .navbar-creativewhim .navbar-nav > li > a:hover, .navbar-creativewhim .navbar-nav > .active > a:hover {
            background:#824540;
            color:white !important;
        }

    /* Subnav */
    .navbar-creativewhim .dropdown-menu {
        background:#824540 !important;
        border:none !important;
        text-align:left;
    }
        .navbar-creativewhim .dropdown-menu>li>a {
            color:white;
        }
            .navbar-creativewhim .dropdown-menu>li>a:hover, .navbar-creativewhim .dropdown-menu > .active > a {
                background:#643b38;
                color:white;
            }

    /* Mobile Nav */
    .navbar-creativewhim .navbar-toggle {
        background:#824540;
        border-color:#824540;
        margin:2px 25px;
    }

    /* Social Media */
    #social_media {
        position:absolute;
        top:4px;
        right:auto;
        left:8px;
        font-size:22px;
        z-index:5000;
    }

    /* Header */
    h1#header {
        font-size:30px;
    }
        h1#header a {
            color:#534848;
        }
            h1#header a span {
                color:#824540;
            }
	
	
	
/*	--------------------------------------------------
	:: Main Content
	-------------------------------------------------- */
	#content {
        position:relative;
    }
    #coffee_image {
        display:none;
    }
    #main {
        margin-top:15px;
    }
	#main_content_wrap {
		margin:0;
	}
	
	/* Blog */
    article.post, article.page {
        background:rgba(148, 143, 133, 0.2);
        padding:15px;
        margin-bottom:15px;
    }
	.post .post-title, .page .post-title {
        margin:0 auto 12px;
	}
	p.meta {
        background:rgba(148, 143, 133, 0.5);
        color:white;
		font-size:11px;
        padding:3px 10px;
        margin:0 -15px 10px;
	}
        p.meta a {
            color:white;
        }
            p.meta a:hover {
                color:#e4e1db;
            }
        p.meta span {
            display:inline-block;
            margin:0 5px 0 0;
            padding:1px 4px;
        }
            p.meta span i {
                margin-right:3px;
            }

    .datebox {
        display:none;
    }
        .datebox sup {
            letter-spacing:normal;
            font-size:18px;
        }
        .datebox span {
            font-family:'Open Sans', Helvetica, Arial, sans-serif;
            font-size:11px;
            font-weight:bold;
            letter-spacing:normal;
            text-transform:uppercase;
            position:absolute;
            bottom:3px;
            right:3px;
        }
	
	.thumbnail-wrap {
		margin-top:5px;
        position:relative;
	}

    .readmore .btn.btn-primary {
        font-size:12px;
    }

    .post_content h3 {
        font-size:30px;
        color:#824540;
    }
    .post_content h4 {
        font-size:28px;
    }
    .post_content h5 {
        font-size:24px;
        color:#824540;
    }
    .post_content h6 {
        font-size:20px;
    }
	
	/* Comments */
	#respond {
        background:rgba(148, 143, 133, 0.2);
        padding:15px;
		margin-bottom:20px;
	}
        #respond > h3 {
            margin-top:0;
        }
        #respond label {
            font-weight:normal;
        }
	ol.commentlist, ol.commentlist ul.children {
		list-style:none;
		padding:0;
	}
		ol.commentlist ul.children li.depth-2 {
			padding-left:40px;
		}
		ol.commentlist .panel {
            -webkit-box-shadow:none;
            box-shadow:none;
			padding-bottom:20px;
            background:rgba(148, 143, 133, 0.2);
            border-radius:0;
            padding:15px;
		}

    #commentform .form-control {
        background:rgba(255, 255, 255, 0.8);
        border-color:rgba(148, 143, 133, 0.7);
    }
    #commentform .form-control::-webkit-input-placeholder {
        color:#555;
    }

    /* Pagination */
    .pagination li a, .wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
	margin-bottom:5px;
        background:rgba(148, 143, 133, 0.2);
    }
    .pagination li.current a, .wp-pagenavi span.current, .pagination li a:hover, .wp-pagenavi a:hover {
        background-color:#824540;
        border-color:#824540;
        color:#ffffff;
    }
	
	
	
/*	--------------------------------------------------
	:: Sidebar
	-------------------------------------------------- */
	.widget {
		margin-bottom:15px;
        padding:10px;
	}
	.widgettitle {
        background:rgba(148, 143, 133, 0.2) url('assets/images/coffee-beans.png') no-repeat 5px center;
        padding:10px 0 10px 43px;
        margin:-10px -10px 10px;
	}

    .widget_search {
        background:none !important;
        padding:0 !important;
    }

    .widget select, .widget #search {
        background:rgba(148, 143, 133, 0.3);
        border:1px solid #948f85;
        color:#636059;
        font-family:Georgia, 'Times New Roman', Times, serif;
        font-size:11px;
        font-style:italic;
        padding:4px 8px;
        width:100%;
    }
    .widget #search {
        padding-left:25px;
    }
        .widget #search::-webkit-input-placeholder, .widget input[type="text"]::-webkit-input-placeholder { color: #636059; }
        .widget #search:focus {
            outline:0;
        }
    .widget_search .fa {
        position:absolute;
        top:5px;
        left:7px;
        color:#636059;
    }
    .widget input[type="text"] {
        background:rgba(148, 143, 133, 0.3);
        border-color:#948f85;
        color:#636059;
    }


/*	--------------------------------------------------
	:: Global Announcements
	-------------------------------------------------- */
    #global_announcements .announcement {
        margin-bottom:15px;
        background:rgba(173, 225, 194, 0.5);
        padding:10px;
    }
	
	
/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */
	#footer_links ul {
		margin:0;
        text-align:left;
	}
		#footer_links ul a {
			font-size:12px;
		}
	.attribution {
		font-size:11px;
		color:#598180;
	}



/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */

    @media (min-width: 450px) {
        .alignleft {
            display:inline-block;
            float:left;
            margin-right:15px;
        }
        .alignright {
            display:inline-block;
            float:right;
            margin-left:15px;
        }
        h1#header {
            font-size:54px;
        }
    }

    @media (min-width: 768px) {
        /* Full Width Page */
        .page-template-page-fullwidth-php .navbar-creativewhim .navbar-nav {
            min-width:100%;
        }
        #social_media {
            left:auto;
            right:0;
        }
    }

    @media (min-width: 992px) {
        .navbar-creativewhim .navbar-nav {
            text-align:center;
        }
        .navbar-creativewhim .navbar-nav > li {
            float:none !important;
            display:inline-block;
        }
        #coffee_image {
            position:absolute;
            top:-40px;
            right:-40px;
            display:block;
            z-index:999;
        }
        #right_sidebar {
            margin-top:310px;
        }
        .datebox {
            background:#824540;
            color:white;
            width:70px;
            height:43px;
            position:absolute;
            left:-70px;
            top:18px;
            z-index:30;
            font-family:Sofia, cursive;
            font-size:30px;
            letter-spacing:-2px;
            padding:0 5px 3px;
            display:block;
        }
        .single-post .post_content .datebox {
            left:-55px;
            top:10px;
        }
    }

    @media (min-width: 1050px) {
        .container {
            width:1050px;
        }
    }

    @media (max-width: 768px) {
        .container { padding:0; }
        .navbar-creativewhim .navbar-collapse {
            background:#824540;
            position:relative;
            z-index:5000;
            padding-left:30px;
        }
            .navbar-creativewhim .navbar-collapse a {
                color:white !important;
            }
    }