.redblkk {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
a.gnhref {
    color: #0370e9;
}
.age-qued-arrow-sec {
    max-width: 600px;
    margin: 0 auto;
    border: 3px solid #B22222;
    border-radius: 50px;
}
.age-qued-arrow-sec h2 {

	line-height: 1.2em !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
}

.age-qued-arrow-sec h2 span {
	font-size: 2rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0;
}

.age-qued-border-sec, .age-qued-arrow-sec {
    position: relative;
    z-index: 0;
}
.age-qued-border-sec:before,
.age-qued-border-sec:after {
	content: "";
	background: #B22222;
	width: 33%;
	height: 2.5px;
	position: absolute;
	box-shadow: 0px 4px 4px 0px rgba(173, 173, 173, 0.25);
}

/*.age-qued-border-sec:after{width:30% !important;}*/
.age-qued-border-sec:before {
	top: 0;
	left: 0;
}

.age-qued-border-sec:after {
	bottom: 0;
	right: 0;
}

.age-qued-arrow-sec .e-con-inner:before,
.age-qued-arrow-sec .e-con-inner:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
}

.age-qued-arrow-sec .insideelemenotor::before {
    content: "";
    position: absolute;
    background: url(https://gsmatric.goodshepherdschools.org/wp-content/themes/goodshematric-child/images/age-qued-beforearrow.webp);
    top: -70px;
    left: 14px;
    background-repeat: no-repeat;
    background-size: 73%;
    background-position: center left;
    background-color: #FFF;
    padding: 25px 44px 31px 9px;
    width: 75px;
    height: 45px;
}
.age-qued-arrow-sec .insideelemenotor::after { 
    bottom: -78px;
    right: 20px;
    content: "";
    position: absolute;
    background-repeat: no-repeat !important;
    background-size: 90% !important;
    background-position: center center;
    background-color: #FFF !important;
    padding: 75px 31px 00px 33px;
    background: url('https://gsmatric.goodshepherdschools.org/wp-content/themes/goodshematric-child/images/age-qued-afterarrow.webp');
    background-position: center right;
    z-index: 0;
}
.gscs figcaption{
    background:#164CF3;
    color: #fff !important;
    padding: 10px 10px 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -13px;
    z-index: 9999;
    position: relative;
    font-size: 19px;
    cursor:pointer;
}
.gshmss figcaption {
    background: #C40E24;
    color: #fff !important;
    padding: 10px 10px 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -13px;
    z-index: 9999;
    position: relative;
    font-size: 19px;cursor:pointer;
}
.gshmss figcaption a,.gscs figcaption a {
    color:#fff !important;
}
.gscs:hover figcaption{
    background:#000;
}
.gscs:hover figcaption a{
    color:#164CF3;
}
.gshmss:hover figcaption{
    background:#000;
}
.gshmss:hover figcaption a{
    color:#C40E24;
}
/* container trims edges during scale */
.gshmss,.gscs {
  position: relative;
  overflow: hidden;
  display: inline-block; /* or block; */
  border-radius: 14px;   /* optional */
}

/* make the image fill the figure */
.gshmss figure a img,.gscs figure a img {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center center;
  transition: transform 400ms cubic-bezier(.2,.8,.2,1),
              filter 400ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  backface-visibility: hidden;
}

/* smooth scale on hover/focus */
.gshmss:hover figure a img,
.gshmss:focus-within figure a  img,.gscs:hover figure a img,
.gscs:focus-within figure a  img {
  transform: scale(1.2);      /* adjust zoom */
  filter: saturate(1.2);      /* subtle pop (optional) */
}
.hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle{border:none !important;}
/*li.submenusec {margin-left: -25px;padding-left: 50px;}*/


.mainlogoarea img{
    width:95%;
}
.main-logo img {
    object-fit: cover;
    object-position: left;
}
.primarymenu li a{
            
    	  font-family: "Prata", serif !important;
    font-size: 13px !important;
    text-transform: math-auto;
    color: #FFF !important;
    font-weight: 300 !important;
}
.primarymenu li a:hover{
            
    	  font-family: "Prata", serif !important;

    color: #fff !important;
    font-weight: 300 !important;
}

.mainlogoarea {
   /* background: #fff !important;
    border-bottom-left-radius: 32px;
    border-top-left-radius: 32px;*/
    position:relative;
}
.mainlogoarea {
position:relative;
}
.primarymenu {
    margin-top:1rem;
    background-color: #000000000;
    padding: 0px 15px 0px 15px;
    border-radius: 0px;
}

.stafparntericon .elementor-image-box-wrapper h3.elementor-image-box-title {
    margin-top: 0px;
}
.mottugalleryig figure.swiper-slide-inner img {
    height: 360px !important;
    object-fit: cover !important;
}
.stafparntericon  .elementor-image-box-wrapper {
    box-shadow: #e7e5e5 -1px 1px 6px 1px;
    padding: 23px 26px;
    border-radius: 11px;
}
.stafparntericon h3.elementor-image-box-title {
    font-size: 17px !important;
}
.resourceblk {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease-in-out;
}
.resourceblk .resourceblk-logoarea {
    position: absolute;
    bottom: 11px;
    
    right: 0;
    width: 95%;
    left: 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 11px;
    background: #fff;
}
.newsstories_content_blk h4 {
    margin: 0 0 24px;
    text-align: center;
    font-size: 16px !important;
}
.newsstories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.newsstories_main_blk {
    flex: 0 0 32%;
    padding: 0 4px;
}
.goodcallyingtitle h2 {
    color: #fff !important;
    line-height: 40px !important;
    margin-bottom: 10px;
}
    
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    color: green !important;
}
@media(max-width:1024px){
    .primarymenu {
   
    background-color: #00000000;
    
}
.mainlogoarea:before {
   content:none !important;
}
.core-values-container {
    
     
    position: relative;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
    position: relative !important;
   /* right: -15px !important;*/
}
li.sub3menusec {/*margin-left: -25px !important;*/padding-left: 20px !important;}
}

.mainlogoarea img {
    width: 100px !important;
    max-width: 100px !important;
}
@media(min-width:992px){
    .fixed-header {
	position: fixed;
	transition: all 0.3s ease-in-out;
}

.fixed-header .headertoparea {
    display: flex;
    align-items: center;
}
  .fixed-header.animate .afterimg {
    display: block !important;
    width: 28% !important;
}
.fixed-header .primarymenu {
    width: 72% !important;
    padding: 0;

    justify-content: end;
}
.fixed-header.animate {
	background:#c62f41 !important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
	animation: slideDown 0.35s ease-out;
	/*position: fixed;*/
	width: 100%;
	z-index: 1;
}

.fixed-header.animate #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
	color: #000 !important;
}

.fixed-header.animate .main-logo img {
    max-width: 340px;
    width: 340px;
    height: 94px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
    left: 0;
    padding: 5px 0;
}
    .headertop {
    position: fixed;
    top: 10px;
    padding: 0;
} 
.headertop.animate {
    position: fixed;
    top: 0;
    padding: 0;
}

}
.submenusec  a {
    text-align: left !important;
    display: flex;
    align-items: end !important; 
    justify-content: flex-start !important;
    padding-left: 21px !important;
    position:relative;
}
li#mega-menu-2970-0 >ul {
    display: flex !important;
    flex-direction: row-reverse;
}
ul#menu-quarterly-report {
    margin-left: 10px;
}

.submenusec  a i {
    text-align: left !important;
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 9px;
}
#mega-menu-item-nav_menu-5 ul li a,#mega-menu-item-nav_menu-6 ul li a,#mega-menu-item-nav_menu-7 ul li a,#mega-menu-item-nav_menu-4 ul li a,#mega-menu-item-nav_menu-3 ul li a{
    position:relative;font-size: 12px;
}
#mega-menu-item-nav_menu-5 ul li a i,#mega-menu-item-nav_menu-4 ul li a i, #mega-menu-item-nav_menu-6 ul li a i, #mega-menu-item-nav_menu-7 ul li a i {
    text-align: left !important;
    font-size: 10px;
    position: absolute;
    top: 4px;
    left: -11px;
}

 #mega-menu-item-nav_menu-3 ul li a i {
    text-align: left !important;
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.archiveblk {
  display: flex;
  font-family: Arial, sans-serif;
}
.archiveleft {
  flex: 0 0 28%;
}
.archiveleft ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.archiveleft li {
  margin-bottom: 8px;
  position: relative;
}
.archiveleft a {
  display: block;
  padding: 10px 12px;
  background: #f0f0f0;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-weight: bold;
}
.archiveleft a.active {
  background: #2c4c7b;
  color: #fff;
}

/* plus/minus icon for Quarterly only */
.archiveleft a.quarterly:after {
  content: "+";
  position: absolute;
  right: 12px;
  font-weight: bold;
}
.archiveleft a.quarterly.active:after {
  content: "-";
}

.qsubmenu {
  display: none;
  margin: 8px 0 0 15px;
  padding: 0;
}
.qsubmenu li {
  margin-bottom: 4px;
}
.qsubmenu a {
  background: #eaeaea;
  font-size: 14px;
  font-weight: normal;
}
.qsubmenu a.active {
  background: #c62f41;
  color: #fff;
}

.archiveright {
  flex: 0 0 70%;
  padding: 15px;
  border: 1px solid #ddd;
  margin-left: 10px;
  min-height: 150px;
}

/* Hide all content by default */
.tabcontent {
  display: none;
}
.tabcontent.active {
  display: block;
}

/* Year content hidden by default */
.yearcontent { 
  display: none;
}
.yearcontent.active {
  display: block;
}
@media(max-width:992px){
    .primarymenu {
        display:block;
    }
    .age-qued-arrow-sec .insideelemenotor::before,.age-qued-arrow-sec .insideelemenotor::after{
        content:none !important;
    }
    .redblkk {
    border-radius: 25px;
}
.core-values-row.core-values2 {
    margin-bottom: -230px !important;
    
}
.fixed-header {
    background-color: #c62f41 !important;
}
ul.sub-menu li {
    padding-left: 0;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
   
    right: -15px !important;
}
.hfe-nav-menu .sub-arrow i.fa {
    right: 22px;
    left: auto !important;
   
    font-size: 17px;
    font-weight: 600;
} 

}
@media(max-width:768px){
    .newsstories_main_blk {
    flex: 0 0 48%;
}
.headertoparea {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    gap:0 !important;
}
.primarymenu {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
}
.mainlogoarea {
     flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
}
}
@media(max-width:680px){
   h2 {
    font-family: "Prata", serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    color: #000 !important;
    font-weight: 500 !important;
    line-height: 35px !important;
    margin: 0 !important;
}
h1 {
    font-size: 30px !important;
    line-height: 35px !important;
    text-transform: none !important;
}
h3 {
    font-family: "Prata", serif !important;
    font-size: 20px !important;
   text-transform: none !important;
    color: #000 !important;
    font-weight: 500 !important;
    line-height: 22px !important;
}
}
@media(max-width:580px){
    .newsstories_main_blk {
    flex: 0 0 100%;
}
a.good_btn {
    margin-bottom: 2px;
    margin-top: 10px;
}
.good_btn.blue {
    background: #164CF3 !important;
    border: 1px solid #164CF3 !important;
    margin-left: 0px !important;
}


}