/**
 * Theme Name:  Recovery Cards Project V3
 * Theme URI:   https://recoverycardsproject.com
 * Description: Greeting cards that support someone's recovery from addiction.
 * Author:      House of Giants
 * Author URI:  https://recoverycardsproject.com
 * Version:     3.0
 * Tags:
 * Text Domain: rc-project
 */


.video-container {
  position: relative;
  width: 100%;
  height: 0;
  
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
}


.video-container {
  /* Existing styles */
  background: url(/wp-content/uploads/2023/06/10317-CDHS-BHA-LTL-Website-Header-Video-1920x1080_v1-20230323.mp4) no-repeat center center fixed;
  background-size: cover;
}


.video-container {
  /* Existing styles */
  background: url(/wp-content/uploads/2023/06/10317-CDHS-BHA-LTL-Website-Header-Video-1920x1080_v1-20230323.mp4) no-repeat center center fixed;
  background-size: cover;
  background-color: #000000; /* Fallback color */
}

.contentarea{
  width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}

.quantity input:focus,
.quantity input:focus-visible {
  outline: 2px solid #000; /* or another visible color */
  outline-offset: 2px;
  border-color: #000; /* if you want to change border too */
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.3); /* optional soft glow */
}

#order_comments {
	resize: none;
	width: calc(50% - 0.6rem);
}

.select2-container .select2-selection--single {
	padding: var(--sp-s) var(--sp-m);
	height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 14px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0px !important;
}

.select2-container--default .select2-selection--single {
	border-radius: 18px !important;
}

@media(max-width: 767px){
	#order_comments {
		width: 100%;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 10px !important;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 18px !important;
	}
}