/**
Theme Name: My School My Rights
Author: Workhorse Marketing
Author URI: https://www.workhorsemkt.com/
Description: Child theme for ACLU of Southern California
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-school-my-rights
Template: astra
*/

#astra-footer-menu a {
	text-decoration:underline;
}

#astra-footer-menu a:hover {
	text-decoration:none;
}

/*Bugherd Tasks*/
@media (max-width: 921px){

	.ast-separate-container .ast-article-single:not(.ast-related-post){
		background-color: transparent;}
}


.wp-container-17.wp-block-group.alignfull.view-all-rights.has-ast-global-color-6-background-color.has-background {
	padding-top: unset;
}

.view-all-rights .wp-block-columns.alignwide.are-vertically-aligned-center.has-ast-global-color-5-background-color.has-background{
	margin-top: unset;
}


@media (max-width: 1399px){
	.view-all-rights .inner-content{
		padding: 1em !important;
	}
}

@media (max-width: 599px){
	.view-all-rights .inner-content{
		padding: 2em !important;
	}
	.view-all-rights p{
	text-align: center;
	}
}

/*menu responsive css*/
@media (max-width: 820px){
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
		color: var(--ast-global-color-8);
	}
}

/* Search field style start */

.content-head{
	border-bottom: 1px solid;
	line-height: 112px;
}


}

@media screen and (max-width: 1023px){
	.content-head {
		flex-direction: column;
	}
}


@media screen and (max-width: 992px){
	.content-body {
		flex-direction: column;
	}
}

.content-head h1 {
	font-size: 36px;
	text-align: left;
	font-weight: 500;
	line-height: 48px;
	color: hsl(0, 0%, 11%);
	text-transform: capitalize;
}

.content-wrap .divider {
	border: 1px solid #707070;
}

@media screen and (max-width: 768px) {
	.content-wrap .divider {
		margin: 20px 0;
	}
}

.content-wrap .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.content-wrap .head {
		flex-direction: column;
	}
}

.content-head .search {
	position: relative;
	color: #aaa;
}


.content-head .search input {
	width: 100%;
	height: 42px;
	border: 1px solid #707070;
	border-radius: 5px;
}


.content-head .search img{
	position: absolute;
	right: 10px;
	top: 40%;
}

/* Search field style end */

.content-wrap .radio-buttons {
	grid-area: left;
}

.content-wrap .form-group {
	margin-bottom: 48px;
}

input[type="radio"] {
	opacity: 0;
	position: absolute;
}

label {
	cursor: pointer;
	position: relative;
	font-size: 18px;
	display: block;
	padding: 5px;
	color: #020202;
}

.content-wrap label::before {
    display: block;
	content: "";
	position: absolute;
	width: 100%;
	min-width: 305px;
	height: 100%;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	transition: 0.25s ease;
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
	.content-wrap label::before {
		min-width: 225px;
	}
}

.content-wrap input[type="radio"]:checked + label::before {
	z-index: -1;
}

/* Grid style start */

@media screen and (max-width: 1023px) {
	.content-wrap {
		padding-top: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.content-wrap {
		display: inherit;
	}
}

.content-wrap .grid-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

@media screen and (max-width: 1024px) {
	.content-wrap .grid-content {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 586px) {
	.content-wrap .grid-content {
		grid-template-columns: 1fr;
	}
}

.content-wrap .grid-card {
	min-height: 250px;
	padding: 36px 32px;
}

@media screen and (max-width: 1024px) {
	.content-wrap .grid-card {
		padding: 24px 18px;
	}
}

.content-wrap .grid-card:hover {
	transition: 0.25s ease;
}

.content-wrap .grid-card h2 {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	text-transform: capitalize;
	color: #000;
}

.content-wrap .grid-card p {
	line-height: 25px;
	color: #40434e;
	margin: 2rem 0;
	font-family: Montserrat;
	font-size: 16px;
}

.content-wrap .grid-card:hover p {
	color: #000000;
}

.content-wrap .grid-card a {
	color: #000;
	background-color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 18px;
	font-family: Montserrat;
	font-weight: 500;
	padding: 10px;
	display: flex;
	justify-content: center;
	text-align: center;
	z-index: -1;
	border: 2px solid;
	opacity: 0;
	visibility: hidden;
}

.content-wrap .grid-card a:hover {
	color: #fff;
	background-color: #000;
	border: 2px solid;
}

@media screen and (max-width: 1024px){
	.content-wrap .grid-card a {
		border: 2px solid #fbb132;
	}
}
z
@media screen and (min-width: 1025px){
	.content-wrap .grid-card a {
		opacity: 0;
		visibility: hidden;
		border: 2px solid;
	}
}

.content-wrap .grid-card:hover a {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	border: 2px solid #000;
}
.content-wrap .loader-icon{
	padding: 10px 0 40px 0;
	text-align: center;
}

.content-wrap .loader-icon img{
	height: 80px;
	width: 80px;
}


.rights_section .has-primary-color:hover h5,
.rights_section .has-primary-color:hover p{
	color: #ffffff !important;
}
.rights_section .has-primary-color{
	transition: 0.25s ease;
}

.rights_section .left-col figure{
	margin: 0;
}

.rights_section .left-col figure img{
	width: 100%;
	min-height: 700px;
	object-fit: cover;
}

.rights_section .right-col .row-one,
.rights_section .right-col .row-two{
	padding-bottom: 4em !important;
	padding-top: 0px;
}

.rights_section .right-col .wp-block-columns .wp-block-column .wp-block-button__link{
	opacity: 0;
	visibility: hidden;
	text-transform: capitalize;
	font-weight: 500;
}

.rights_section .right-col .wp-block-columns .wp-block-column:hover .wp-block-button__link{
	opacity: 1;
	visibility: visible;
	text-transform: capitalize;
	font-weight: 500;
}

.rights_section .wp-block-column h5{
	text-transform: capitalize;
	line-height: 35px;
}
.rights_section .wp-block-column p{
	font-family: Montserrat;
	line-height: 30px;
}


/* Color for cards */

.group-bg-pink{
	border-top: 10px solid #C04777;
}

.group-bg-pink:hover{
	background-color: #C04777;
}

.group-bg-orange{
	border-top: 10px solid #F37E32;
}

.group-bg-orange:hover{
	background-color: #F37E32;
}

.group-bg-yellow{
	border-top: 10px solid #FBB132;
}

.group-bg-yellow:hover{
	background-color: #FBB132;
}

.group-bg-blue{
	border-top: 10px solid #0f56ab;
}

.group-bg-blue:hover{
	background-color: #0f56ab;
}

.group-bg-red{
	border-top: 10px solid #C4442E;
}

.group-bg-red:hover{
	background-color: #C4442E;
}

.group-bg-green{
	border-top: 10px solid #3C914A;
}

.group-bg-green:hover{
	background-color: #3C914A;
}

/* Button outline colors for rights page */


.btn-13:before{
	border: 2px solid #C04777 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-13:before{
	background-color: #C04777 !important;
}
.content-wrap .single-card-13{
	border-top: 10px solid #C04777;
}
.content-wrap .single-card-13:hover{
	background-color: #C04777;
}


.btn-14:before{
	border: 2px solid #F37E32 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-14:before{
	background-color: #F37E32 !important;
}
.content-wrap .single-card-14{
	border-top: 10px solid #F37E32;
}
.content-wrap .single-card-14:hover{
	background-color: #F37E32;
}


.btn-15:before{
	border: 2px solid #FBB132 !important;
}

:lang(es-ES) .btn-50:before {
    border: 2px solid #3C914A !important;
}

:lang(es-ES) .btn-50:before {
    border: 2px solid #3C914A !important;
}

.content-wrap input[type="radio"]:checked + label.btn-15:before{
	background-color: #FBB132 !important;
}
.content-wrap .single-card-15{
	border-top: 10px solid #FBB132;
}
.content-wrap .single-card-15:hover{
	background-color: #FBB132;
}

.btn-16:before{
	border: 2px solid #737582 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-16:before{
	background-color: #737582 !important;
}
.content-wrap .single-card-16{
	border-top: 10px solid #737582;
}
.content-wrap .single-card-16:hover{
	background-color: #737582;
}

.btn-17:before{
	border: 2px solid #C4442E !important;
}
.content-wrap input[type="radio"]:checked + label.btn-17:before{
	background-color: #C4442E !important;
}
.content-wrap .single-card-17{
	border-top: 10px solid #C4442E;
}
.content-wrap .single-card-17:hover{
	background-color: #C4442E;
}


.btn-18:before{
	border: 2px solid #3C914A !important;
}
.content-wrap input[type="radio"]:checked + label.btn-18:before{
	background-color: #3C914A !important;
}
.content-wrap .single-card-18{
	border-top: 10px solid #3C914A;
}
.content-wrap .single-card-18:hover{
	background-color: #3C914A;
}

.btn-19:before{
	border: 2px solid #000000 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-19:before{
	background-color: #000000 !important;
}
.content-wrap .single-card-19{
	border-top: 10px solid #000000;
}
.content-wrap .single-card-19:hover{
	background-color: #000000;
}


.btn-20:before{
	border: 2px solid #1C1C1C !important;
}
.content-wrap input[type="radio"]:checked + label.btn-20:before{
	background-color: #1C1C1C !important;
}
.content-wrap .single-card-20{
	border-top: 10px solid #1C1C1C;
}
.content-wrap .single-card-20:hover{
	background-color: #1C1C1C;
}


.btn-21:before{
	border: 2px solid #40434E !important;
}
.content-wrap input[type="radio"]:checked + label.btn-21:before{
	background-color: #40434E !important;
}
.content-wrap .single-card-21{
	border-top: 10px solid #40434E;
}
.content-wrap .single-card-21:hover{
	background-color: #40434E;
}


.btn-22:before{
	border: 2px solid #020202 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-22:before{
	background-color: #020202 !important;
}
.content-wrap .single-card-22{
	border-top: 10px solid #020202;
}
.content-wrap .single-card-22:hover{
	background-color: #020202;
}


.btn-23:before{
	border: 2px solid #707070 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-23:before{
	background-color: #707070 !important;
}
.content-wrap .single-card-23{
	border-top: 10px solid #707070;
}
.content-wrap .single-card-23:hover{
	background-color: #707070;
}


.btn-24:before{
	border: 2px solid #333333 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-24:before{
	background-color: #333333 !important;
}
.content-wrap .single-card-24{
	border-top: 10px solid #333333;
}
.content-wrap .single-card-24:hover{
	background-color: #333333;
}


.btn-25:before{
	border: 2px solid #A3A3A3 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-25:before{
	background-color: #A3A3A3 !important;
}
.content-wrap .single-card-25{
	border-top: 10px solid #A3A3A3;
}
.content-wrap .single-card-25:hover{
	background-color: #A3A3A3;
}


.btn-26:before{
	border: 2px solid #00000029 !important;
}
.content-wrap input[type="radio"]:checked + label.btn-26:before{
	background-color: #00000029 !important;
}
.content-wrap .single-card-26{
	border-top: 10px solid #00000029;
}
.content-wrap .single-card-26:hover{
	background-color: #00000029;
}

.single.single-rights .navigation.post-navigation .nav-links a{
	background-color: #fff;
	border: 1px solid #c24476;
	color: #c24476;
	font-weight: 500;
	border-radius: 4px;
}


.single.single-rights .navigation.post-navigation .nav-links a:hover{
	background-color: #c24476;
	color: #fff;
	border: 1px solid #fff;
}

@media screen and (max-width: 544px){
	.single.single-rights nav.navigation.post-navigation{
		padding: 15px;
	}
}

.view-all:before{
	border: 2px solid #A3A3A3 !important;
}

.content-wrap .single-card-all:nth-child(10n+1){
	border-top: 10px solid #3C914A;
}

.content-wrap .single-card-all:nth-child(10n+2){
	border-top: 10px solid #C04777;
}
.content-wrap .single-card-all:nth-child(10n+3){
	border-top: 10px solid #737582;
}
.content-wrap .single-card-all:nth-child(10n+4){
	border-top: 10px solid #FBB132;
}
.content-wrap .single-card-all:nth-child(10n+5){
	border-top: 10px solid #C4442E;
}
.content-wrap .single-card-all:nth-child(10n+6){
	border-top: 10px solid #F37E32;
}
.content-wrap .single-card-all:nth-child(10n+7){
	border-top: 10px solid #3C914A;
}
.content-wrap .single-card-all:nth-child(10n+8){
	border-top: 10px solid #C04777;
}
.content-wrap .single-card-all:nth-child(10n+9){
	border-top: 10px solid #737582;
}
.content-wrap .single-card-all:nth-child(10n+10){
	border-top: 10px solid #FBB132;
}




.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+1){
	background-color: #3C914A;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+2) {
  background-color: #C04777;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+3) {
  background-color: #737582;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+4) {
  background-color: #FBB132;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+5) {
  background-color: #C4442E;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+6) {
  background-color: #F37E32;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+7) {
  background-color: #3C914A;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+8) {
  background-color: #C04777;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+9) {
  background-color: #737582;
}
.content-wrap .grid-content .grid-card:hover.single-card-all:nth-child(10n+10) {
  background-color: #FBB132;
}


.view-all{
	text-align: center;
}
.content-wrap input[type="radio"]:checked + label.view-all:before{
	background-color: #A3A3A3 !important;
}

.content-wrap{
	padding: 0;
}

/* Button styles */

.is-style-fill a.wp-block-button__link,
.wp-block-button__link{
	color: #000000 !important;
}

.is-style-fill a.wp-block-button__link:hover,
.wp-block-button__link:hover{
	color: #ffffff !important;
}

.content-wrap h6{
	line-height: 30px;
}

.content-wrap .content-body #listing-rights{
	padding-top: 100px;
	margin-top: -100px;
}

.content-wrap .col-left .form-group:hover input:focus + label,
.content-wrap .col-left .form-group:hover label{
	font-weight: 600;
}

.content-wrap .col-left .form-group label{
	padding: 5px 20px;
	font-family: 'GT America';
}

.content-wrap .col-left .form-group:hover label{
	transition: .3s ease;
}

/* Label color for rights page section */

.content-wrap .col-left .form-group input:focus + label.btn-13,
.content-wrap .col-left .form-group input:focus + label.btn-16,
.content-wrap .col-left .form-group input:focus + label.btn-17{
	color: #ffffff;
}


.rights_banner_fullwidth.alignfull{
	margin-left: calc( -50vw + 50%);
	margin-right: calc( -50vw + 50%);
	max-width: 100vw;
	width: 100vw;

	height: 300px;
	min-height: 300px !important;

}

.content-head-wrapper{
	margin: 2rem 0;
}

.post-type-archive-rights.ast-separate-container #primary{
	margin: 0;
}


.get-involved-section .left-col{
	padding-bottom: 0px !important;
}

.get-involved-section .social-details .wp-block-column h5{
	line-height: 35px;
}

.get-involved-section form{
	padding-top: 20px;
}

@media screen and (max-width: 992px){
	.get-involved-section .social-details .wp-block-columns{
		display: block;
	}
	.get-involved-section .social-details .wp-block-columns .wp-block-column{
		margin: 1rem 0;
	}
	.single.single-rights .content-area{
	padding-top: 87px !important;
}
}

@media screen and (max-width: 1100px){
	.get-involved-section .left-col{
		padding: 2rem;
	}
	.get-involved-section{
		padding: 0px;
	}
}

@media screen and (min-width: 992px){
	.get-involved-section{
		margin-top: 87px;
		min-height: 300px;
	}
	.ast-single-post .youth-voice-inner-page{
		min-height: 300px;
    margin-top: 87px;
	}
}

@media screen and (min-width:688px) and (max-width: 992px){
	.get-involved-section .social-details{
		display: flex;
	}
}

.home-stop-sec{
	min-height: 100%;
}

@media screen and (max-width: 1100px){
	.get-involved-section {
		display: block;
	}
	.get-involved-section .social-details{
		margin-left: 0px !important;
	}
	.get-involved-section .social-details .wp-block-column .wp-block-group{
		padding: 1em 2em;
	}
}

.post-type-archive-rights header .main-navigation ul li a{
	color: #727583;
}


.post-type-archive-rights header .main-navigation ul > li:hover > a.menu-link{
	color: #c64327 !important;
}


/* Ipad menu header style */
@media screen and (max-width: 921px){
	.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu.main-header-menu .sub-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu.main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu, .ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation, .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav, .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap, .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap, .ast-theme-transparent-header .main-header-menu .menu-link{
		background-color: #eaeaea !important;
	}
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
	header .main-navigation .menu-link,
	header .main-navigation
	{
		color: #000000 !important;
	}
	.ast-header-break-point .ast-icon.icon-arrow svg{
		fill: #000;
	}
}

.category-youth-voices .ast-title-bar-wrap{
	height: 300px;
}

/* Youth voice section style */

.youth__voices__custom__sec .uagb-post__image picture img,
.category-youth-voices .content-area article .post-thumb-img-content picture img{
	height: 275px;
	object-fit: cover;
}

.ast-single-post .youth-voice-custom-sec .uagb-post__image picture img{
	height: 350px;
	object-fit: cover;
}

/* Youth voice page style */

.category-youth-voices .ast-container article .blog-layout-1,
.blog-layout-1{
	background-color: #fff !important;
}


@media screen and (max-width: 544px){
	.youth__voices__custom__sec{
		padding-top: 0px;
	}
}