/*
Theme Name: Dextera
Theme URI: https://www.jdrgroup.co.uk/
Author: JDR Group
Author URI: https://www.jdrgroup.co.uk
Description: Bespoke WordPress theme for Dextera
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dextera
Tags:

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Custom Styles */


/*Bootstrap Overrides*/

address{
	margin-bottom:0;
}

/*Global Styles */
h2, h3 {
	text-transform:uppercase;
	text-align:center;
}

.page-jumbotron h1 {
	color:#fff;
	background:rgba(0,25,170,0.75);
	text-align:center;
	line-height:1;
	padding:0.25em;
	border-radius:5px;
	display:inline-block;
}
.padding-balanced {
	padding:2em 0;
}
/* Header Styles*/
.header-strip p {
	margin:0;
	padding:0;
	line-height:3;
	color:#1b38b7;
}
.header-strip .fa-envelope {
	margin-left:20px;
}
.navbar-brand {
padding:0;
}
.navbar-brand img{
	background:#fff;
	z-index:1;
	padding:20px 30px;
	margin-bottom:-35px;
}
#h-services h2 {
	text-align:center;
}
.box {
	background:rgba(0,0,0,0.65);
	color:#fff;
	padding:0.5em;
}
.btn {
	text-shadow:none;
	color:#fff;
	padding:0.714em;
	border:0.143em solid #fff;
	border-radius:0;
}
.jumbotron {
	background-image: url(img/jumbotron.jpg);
	background-size:cover;
	padding:7% 0 7% 0;
}
.jumbotron h2 {
	border-bottom:none;
}
.jumbotron-banner {
	background-color:rgba(27,56,183,0.75);
	color:#fff;
	text-align:center;
	padding: 1.5em 0;
}
.inversion {
	background:#efefef;
}
.service-card {
	padding-top:175px;
}
.service-card h4 {
	margin: 0;
	text-align:center;
	line-height: 3;
	background-color: #1b38b7;
	font-weight:400;
	color: #fff;
}
.business-housing {
	background-image: url('img/business-housing.jpg');
	background-size: cover;
}
.marketing-consultancy {
	background-image: url('img/marketing-consultancy.jpg');
	background-size: cover;
}
.innovative-ideas {
	background-image: url('img/innovative-ideas.jpg');
	background-size: cover;
}
.bg-our-skills {
	background-image: url('img/bg-our-skills.jpg');
	background-size: cover;
	color:#fff;
	text-align:center;
}
.bg-about-us {
	background-image: url('img/bg-about-us.jpg');
	background-size: cover;
	color:#fff;
	text-align:center;
}
.bg-contact-us {
	background-image: url('img/bg-contact-us.jpg');
	background-size: cover;
	color:#fff;
	text-align:center;
}
.base-banner{
	background-image:url(img/base-banner.jpg);
	padding:1em 0;
	background-position:center;
	font-weight:300;
	background-size:cover;
	color:#fff;
	font-size:2em;
}
.blog-posts {
	
	padding-bottom:1.5em;
}
.blog-posts p {
	padding:0.714em;
}
.blog-posts h2, .blog-posts h3 {
	line-height:1.5;
}
.blog-posts h3 {
	margin:0;
	padding:0.714em;
}
/*Footer Styles*/
.main-footer{
	background:#140e12;
	color:#fff;
}
.base-footer, .header-strip, .base-footer a{
	background:#140e12;
	color:#fff;
}
.main-footer a  {
	color:#282828;
}
.nav-footer > li > a {
	padding:3px;
	color:#fff;
}
footer .nav>li>a:hover{
	color:#fff;
	background:rgba(0,0,0,0.25);
	}
.base-footer p {
	margin: 0;
	padding: 0;
	line-height: 3;
}
.page-jumbotron{
	padding-top:6em;
	padding-bottom:1em;
	text-align:center;
}
.about-box {
	background: rgba(0,0,0,0.75);
	padding-top:2em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
	margin-top:-2em;
	color:#fff;
}
.wpcf7-list-item {
	display:block;
	padding: 0.5em 0;
	text-align:left;
	width:100%;
	clear:left;
}
.navbar-inverse {
	background-color:#140e12;
	margin-bottom:0;
	border:none;
}
.navbar {
	margin-bottom:0;
}
.main-footer .nav-pills>li>a {
	margin:0;
	padding:5px 5px;
}
.social ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.social li {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 3;
}

.social li a > * {
	color:#fff;
	text-decoration: none;
	padding: 0.5em;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 1em;
	border-radius: 50%;
}
.social>li>a:hover .fa-facebook {
	color: #fff;
	background-color: #3b5998;
}
.social>li>a:hover .fa-soundcloud {
	color: #fff;
	background-color: #ff8800;
}
.social>li>a:hover .fa-twitter {
	color: #fff;
	background-color: #55acee;
}
.social>li>a:hover .fa-instagram {
	color: #fff;
	background-color: #3f729b;
}
.social>li>a:hover .fa-linkedin {
	color: #fff;
	background-color: #0077b5;
}
.social>li>a:hover .fa-google-plus {
	color: #fff;
	background-color: #dc4e41;
}
.social>li>a:hover .fa-youtube-play {
	color: #fff;
	background-color: #cd201f;
}
.social>li>a:hover .fa-pinterest {
	color: #fff;
	background-color: #bd081c;
}
@media screen and (max-width: 767px) {
.navbar-brand img {
padding: 3px 20px;
}
}