/*!
Theme Name: dsc
Theme URI: https://digitalstrategyconsultants.in/
Author: Digital Strategy Consultants
Author URI: https://digitalstrategyconsultants.in/
Description: Rebuild of the Digital Strategy Consultants (DSC) site theme on Bootstrap 4, based on Underscores.
Version: 1.0.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dsc
Tags: custom-logo, custom-menu, featured-images, translation-ready

dsc is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Site styles live in assets/css/main.css (old theme stylesheet) and
assets/css/additional.css (old Customizer "Additional CSS"). This file only
holds WordPress-specific helpers.
*/

/* Accessibility
--------------------------------------------- */
.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;
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Sticky header below the WordPress admin bar
--------------------------------------------- */
.admin-bar .hdr_mnu_sec.sticky_menu,
.admin-bar .top_section.sticky_header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .hdr_mnu_sec.sticky_menu,
	.admin-bar .top_section.sticky_header {
		top: 46px;
	}
}

/* The admin bar scrolls away on small screens. */
@media screen and (max-width: 600px) {
	.admin-bar .hdr_mnu_sec.sticky_menu,
	.admin-bar .top_section.sticky_header {
		top: 0;
	}
}

/* Default templates (blog, archives, search, plain pages)
--------------------------------------------- */
.site-main,
.widget-area {
	max-width: 1140px;
	margin: 0 auto;
	padding: 40px 15px;
}

.widget-area {
	padding-top: 0;
}

.site-main .entry-title {
	margin-bottom: 0.5em;
}

.site-main article {
	margin-bottom: 2.5em;
}

/* Missing banner images
   Some banners from the old site were never archived. custom.js adds .dsc-img-missing
   when a banner image fails to load; these rules keep the caption readable. Once the real
   image is uploaded the class is no longer added and the original layout applies.
--------------------------------------------- */
.home_banner_sec .carousel-item.dsc-img-missing,
.banner-sec.dsc-img-missing {
	background-color: #1b1305;
	background-image: linear-gradient(135deg, #1b1305 0%, #3a2a06 60%, #6b4a00 100%) !important;
}

.home_banner_sec .carousel-item.dsc-img-missing img {
	display: none;
}

.home_banner_sec .carousel-item.dsc-img-missing .hm_bnr_caption {
	position: relative;
	top: auto;
	transform: none;
	padding: 90px 0 110px;
}

@media screen and (max-width: 767px) {
	.home_banner_sec .carousel-item.dsc-img-missing .hm_bnr_caption {
		padding: 50px 0 70px;
	}
}

/* Form dropdowns never wider than their column
   Some old forms (e.g. "services" in the Consult form) have selects without .form-control, so the browser
   sizes them to their longest option and they overflow the page on screens below ~1100px.
--------------------------------------------- */
.wpcf7 select {
	max-width: 100%;
}

/* jQuery Sticky sizes its wrapper to the menu's outer width, which includes the Bootstrap row's negative
   margins, so it ends 30px wider than its container and adds a horizontal scrollbar. */
#sticker-sticky-wrapper {
	max-width: 100%;
}

/* Web development pages: the slider arrows sit 50px outside the slider, which only fits on wide screens. */
.seoCarouselSection {
	overflow-x: hidden;
}

@media (max-width: 1199px) {
	.seoCarouselSection .carousel-control-prev {
		left: -28px;
	}

	.seoCarouselSection .carousel-control-next {
		right: -28px;
	}
}

/* Logo
--------------------------------------------- */
.hdr_logo .custom-logo {
	max-width: 100%;
	height: auto;
}

/* Block editor alignments
--------------------------------------------- */
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

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

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