/*
Theme Name: WP Bootstrap 4 Child 02
Theme URI: https://bootstrap-wp.com
Template: wp-bootstrap-4
Author: TwoPoints
Description: "WP Bootstrap 4" is a simple & easy to use WordPress theme. It is based on world's most popular framework for responsive websites, Twitter Bootstrap 4. "WP Bootstrap 4" is a perfect combination of Bootstrap 4 and WordPress. It is fast and light-weight with around 20 kb style.css. It is also search engine friendly. It has a built-in slider for featured posts on blog's home page. It supports all major & popular WordPress plugins like Jetpack, Contact Form 7, Elementor, Beaver Builder, SiteOrigin Page Builder etc. Check demo on https://bootstrap-wp.com
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,two-columns,left-sidebar,right-sidebar,custom-colors,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,blog
Version: 1.0.9.1557052185
Updated: 2019-05-05 06:29:45

*/

html,
body
{
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body
{
	padding-top: 150px;
}

body.home
{
	padding-top: 0px;
}

body.size-xs.home
{
	padding-top: 150px;
}

.admin-bar .fixed-top
{
	top: 32px;
}

.site-header
{
	box-shadow: 0px 3px 25px 0px rgba(47,56,68,0.22);
}

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

.main-navigation
{
	background-color: rgba(255, 255, 255, 0.9) !important;
}

.home-header-image
{
	height: 400px;
	width: 100%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 20%;
	border-bottom:1px solid #555;
	margin-bottom:20px;
}

body.size-lg:not(.size-xl) .home-header-image,
body.size-md .home-header-image
{
	background-position:50% 5%;
}

body.size-sm .home-header-image
{
	background-position:50% 0%;
}

body.size-xs .home-header-image
{
	display:none;
}

.navbar-expand-lg .navbar-nav .nav-link
{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.navbar-toggler
{
	background-color: transparent !important;
}

.card
{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}

.sidebar-1-area .widget, .footer-widgets .widget
{
	padding: 1rem 1.2rem;
}

.widget-title.h6
{
	font-weight: 600;
	font-size: 1.2rem;
}

@media all and (min-width:768px)
{
	.hentry.card .card-body
	{
		padding: 1.5rem;
	}
}

@media (max-width: 767.98px)
{
	.offcanvas-collapse
	{
		position: fixed;
		top: 56px; /* Height of navbar */
		bottom: 0;
		width: 50%;
		padding-right: 1rem;
		background-color: #555;
		padding-left: 1rem;
		overflow-y: auto;
		transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
		transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
		-webkit-transform: translateX(100%);
		transform: translateX(-200%);
	}
	.offcanvas-collapse.open
	{
		-webkit-transform: translateX(-1rem);
		transform: translateX(-1rem); /* Account for horizontal padding on navbar */
	}
}

.topstripe
{
	position: relative;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	background-color:#084377;
	background-image:linear-gradient(90deg, #084377 0%, #7c0707 100%);
	z-index: 9010;
}

.topstripe a:not(.social-button),
.topstripe span,
.topstripe p
{
	color: #FFF;
	font-size: 13px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.topstripe a:not(.social-button) > i,
.topstripe span > i,
.topstripe p > i
{
	margin-top: -3px;
}

.topstripe a:not(.social-button)
{
	transition: color .3s;
	text-decoration: none;
}

.topstripe a:not(.social-button):hover
{
	color: #0da9ef;
}

.topstripe a,
.topstripe a:not(.social-button)
{
	color:rgba(255,255,255,0.72);
	font-size:20px;
	margin-left:10px;
}

.topstripe a:not(.social-button):hover
{
	color:#fff;
}

.fs-25 { font-size: 2.5rem; }