/*

Theme Name: Brandweb

Theme URI: https://brandweb.alexanderjuulj.com

Author: Alexander Juul J.

Author URI: https://alexanderjuulj.com

Description: This theme is based on the responsive framework Twitter Bootstrap

Version: 2.0.8

Tags: custom-menu, custom-logo, editor-style, footer-widgets, full-width-template, right-sidebar, left-sidebar, e-commerce, blog

Text Domain: brandweb

*/

/* =WordPress Core

-------------------------------------------------------------- */

body  {

    overflow-x: hidden;

}



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #eee;

	clip: auto !important;

	clip-path: none;

	color: #444;

	display: block;

	font-size: 1em;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}



.gallery-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.bypostauthor {



}



.size-auto,

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

	max-width: 100%;

	height: auto;

}



/* =Typography styles

-------------------------------------------------------------- */

dl, ol, ul {

    padding: 0 0 0 20px;

}



b, strong {

    font-weight: 700;

}



/* =Navbar styles

-------------------------------------------------------------- */

.navbar {

    display: -webkit-box;

}



/* =Comment styles

-------------------------------------------------------------- */

.comment-form p label {

    display: block;

}



.comment-form p textarea,

.comment-form p input {

    padding: 10px 20px;

    width: 100%;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 3px;

    color: #000;

}



.comment-form p.form-submit input {

    color: #eaeaea;

    border: none;

    background-color: #343a40;

}



.comment-form p.form-submit input:hover {

    cursor: pointer;

    color: #ccc;

}



.commentlist, .commentlist li {

    list-style: none;

    padding:0;

}



.commentlist li article {

    border: 1px solid rgba(0,0,0,0.15);

    margin-bottom: 20px;

    border-radius: 2px;

    padding: 15px 20px 35px;

    position: relative;

    background: #fafafa;

}



.comment-metadata {

    font-size: 12px;

    line-height: 16px;

    margin: 10px 0 5px;

}



.comment-metadata a {

    color: #999;

}



.comment-reply-link {

    margin: 15px 0 0;

    padding: 5px 30px;

    border: 1px solid #343a40;

    color: #343a40;

    border-radius: 20px;

    text-align: center;

}



.comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active  {

    background: #343a40;

    color: #fff;

    text-decoration: none;

}



.backbone.comments-area {

    margin: 40px 0 20px;

}



/* =Page setup

-------------------------------------------------------------- */

#pageContent {

    flex: 1 0 auto;

    z-index:unset;

    padding: 20px 0;

}



/* =Footer

-------------------------------------------------------------- */

html,

body {

    height: 100%;

}



body {

    display: flex;

    flex-direction: column;

    margin-bottom: 0;

}



.footer {

    height:auto;

    flex-shrink: 0;

    line-height: 120%;

    /* Vertically center the text there */

    padding: 35px 0 20px;

    color: #000;

    position: relative;

    background: #efefef;

}



.footer h4 {

    font-size: 1em;

    font-weight: bold;

    color: #000000;

}



.footer p {

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

    color: #000000;

    margin:0 0 10px;

}



.footer ol li,

.footer ul li {

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

    color: #000000;

}



.footer a,

.footer p a {

    text-decoration: underline;

    color: #000000;

}



.footer ol,

.footer ul {

    margin: 0 0 0 20px;

    padding: 0;

}



.footer ol li a,

.footer ul li a {

    text-decoration: none;

}



.footer ol li a:hover,

.footer ul li a:hover,

.footer ol li a:focus,

.footer ul li a:focus,

.footer ol li a:active,

.footer ul li a:active {

    text-decoration: underline;

}

/* =Sidebar

-------------------------------------------------------------- */

.main-sidebar {

    margin: 0 0 20px;

}



.main-sidebar .widgettitle {

    font-size: 1em;

    font-weight: bold;

    color: #000000;

}



.main-sidebar ul {

    border-left: 3px solid #343a40;

    padding: 5px 0 5px 30px;

    color: #343a40;

}



.main-sidebar ul li a {

    color: #343a40;

}



/* =Bootstrap - Card

-------------------------------------------------------------- */

.btn-colors-card {

    background: #212121;

    color: #fff;

    border:1px solid #212121;

}



.btn-colors-card:hover,

.btn-colors-card:active {

    background: #fff;

    color: #212121;

    border:1px solid #212121;

}



/* =Bootstrap - Card with image overlay

-------------------------------------------------------------- */

.card-image-overlay h3.card-title {

    font-size: 28px;

    line-height: 34px;

    color: #fafafa;

    font-weight: 300;

    margin: 0 0 10px;

}



.card-image-overlay p {

    color: #eaeaea;

    font-size: 16px;

    line-height: 24px;

}



.card-image-overlay .overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: .25rem;

    background: -moz-linear-gradient(-45deg,  rgba(51,41,76,0.65) 29%, rgba(51,41,76,0.64) 30%, rgba(0,0,0,0) 100%);

    background: -webkit-linear-gradient(-45deg,  rgba(51,41,76,0.65) 29%,rgba(51,41,76,0.64) 30%,rgba(0,0,0,0) 100%);

    background: linear-gradient(135deg,  rgba(51,41,76,0.65) 29%,rgba(51,41,76,0.64) 30%,rgba(0,0,0,0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a633294c', endColorstr='#00000000',GradientType=1 );

}



/* =Bootstrap - Card horizontal

-------------------------------------------------------------- */

.card-horizontal h5 {

    font-size: 28px;

    line-height: 34px;

    color: #111;

    font-weight: 300;

    margin: 0 0 10px;

}



.card-horizontal p {

    color: #444;

    font-size: 16px;

    line-height: 24px;

}



.card-horizontal a:hover,

.card-horizontal a:focus,

.card-horizontal a:active {

    text-decoration: none;

    background-color: rgba(0,0,0,0.02);

}





/* =Bootstrap - Modal

-------------------------------------------------------------- */

.btn-colors-modal {

    background: #212121;

    color: #fff;

    border:1px solid #212121;

}



.btn-colors-modal:hover,

.btn-colors-modal:active {

    background: #fff;

    color: #212121;

    border:1px solid #212121;

}