/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

        
        .page-menu-container li a {
            color:#ee3962 !important;
        }
        
        .page-menu-container li a:hover {
            color:#000000 !important;
        }


        #page-menu.sticky-page-menu #page-menu-wrap {
            top: 0px !important;
        }
        
		#page-menu-wrap.not-dark * {
			text-shadow: none !important;
		}

		#page-menu-wrap.not-dark,
		#page-menu-wrap.not-dark .page-menu-nav,
		#page-menu-wrap.not-dark .page-menu-nav .page-menu-container,
		.page-menu-open #page-menu-wrap.not-dark #page-menu-trigger {
			background-color: #FFF;
		}

		#page-menu-wrap.not-dark .page-menu-nav,
		#page-menu-wrap.not-dark .page-menu-nav .page-menu-container {
			border-radius: 10px;
			overflow: hidden;
		}

		#page-menu-wrap.not-dark .page-menu-title,
		#page-menu-wrap.not-dark .page-menu-item > a,
		#page-menu-wrap.not-dark #page-menu-trigger {
			color: #555;
		}

		.page-menu-open #page-menu-wrap.not-dark #page-menu-trigger {
			box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
			border-radius: 10px;
		}

		#page-menu-wrap.not-dark .page-menu-item:hover > a,
		#page-menu-wrap.not-dark .page-menu-item.current > a {
			background-color: var(--bs-gray-200);
		}


		@media (min-width: 992px) {

			#page-menu-wrap.not-dark .page-menu-nav,
			#page-menu-wrap.not-dark .page-menu-nav .page-menu-container {
				border-radius: 0;
			}

			#page-menu-wrap.not-dark .page-menu-item:hover > a,
			#page-menu-wrap.not-dark .page-menu-item.current > a {
				background-color: #FFF;
				box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
			}
		}




@media (min-width: 991px) {
	
	.e-grid {
		--column: 2 !important;
	}
    .d-grid {
        --column: 3;
			}
    .d-grid .grid-w {
        grid-row: span 2 / auto;
			}
}
.menu-link {
    text-transform: none !important;
}
.slider-inner {
    max-height: 400px !important;
}
#header-wrap {
   
}
#dotted {
   top:-40px; 
}
.theme1 a {
    color:#ee3962 !important;
}
.primary-menu a {
    color:#ee3962 !important;
}
.text-black a {
    color:#ee3962 !important;
}
.text-black a:hover {
    color:#000000 !important;
}
#section-literature h4 {
    font-size:15px !important;
}
ul li {
    font-weight:600 !important;
}
ul li a {
    color:#FFFFFF !important;
}
ul li a:hover {
    color:#ee3962 !important;
}
.event-schedule a:hover {
    color:#000000 !important;
}
#section-event {
    background: linear-gradient(180deg, #e6e7e8 4rem, #633360 4rem, #633360 100%);
}
div[id=copyrights] a {
    color:#FFFFFF !important;
}
.primary-menu a:hover {
    color: #000000 !important;
}
.my-5 {
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.button {
	background-color:#ee3962 !important;
}
.button:hover {
	background-color:#057046 !important;
}
#regbtn {
    background-color:#ee3962 !important;
}

#topbar .button {
	background-color:#057046;
}
#topbar .button:hover {
	background-color:#0db4e1 !important;
}

.about-content {
    background-color:#ee3962;
}

.yaicolorblock {
	background-color:#057046 !important;
}

.productsya {
        padding-top:90px !important;
    }

.captionyas {
    text-align:center;
    margin: 0 auto;
}

.captionyas h2 {
    font-weight: 600 !important;
    color:white !important;
    font-size:50px;
    margin-top: 140px;
    background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8));
    border-radius: 4px;
}
.row > * {
   
}

.heading-block {
    
}

.checklist li {
    list-style:none !important;
    list-style-position: inside;
}

.quotebox {
    /* border: 1px solid white; */
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: center;
    color: #FFFFFF !important;
}

.sublogo {
    max-width:150px !important;
    margin-bottom:0px;
}

.yasmargin {
    margin-bottom:50px !important;
}


.min-vh-50 {
  min-height: 40vh !important;
}

.bg-color[class*=bg-opacity-] {
  background-color: #005bbb !important;
}

.orange {
    background-color: #f37021 !important;
}

.card-body {
    height: 280px !important;
    color: #000000 !important;
}

.card-text {
    margin-bottom:5px !important;
}
.fwpadding {
    padding-top:10px !important;
}

.bottomyaiblock {
    margin-top:0px !important;
}

.btn-primary {
            
        }
        .col {
            flex:none !important;
        }
        .btn {
            background-color:#f99d1c !important;
            border: 1px solid #f37021 !important;
        }
        .btn:hover {
            background-color:#f37021 !important;
        }

.social-icon img {
    width:auto !important;
}
#ahr-event-reg .button a:hover {
    background-color:#000000 !important;
}

@media (max-width: 300px) {
    
    .firstcard {
        height: 330px !important;
    }
        .secondcard {
        height:300px !important;
    }
        .gwshow {
        margin-bottom:90px !important;
            padding-bottom: 200px !important;
    }
    .gwbox {
        padding: 5px !important;
    }
    .cardbody {
        padding: 0px !important;
    }
    .downloadboxleft {
        padding-bottom:50px !important;
    }
    .downloadboxright {
        padding-bottom:50px !important;
    }
    #banner {
        max-width: 100% !important;
    }
    #dotted {
   top:20px !important;
}
}

@media (max-width: 576px) {
    .min-vh-50 {
      min-height: 60vh !important;
    }
    .gwshow {
        margin-bottom:180px !important;
    }
    .productsya {
        margin-top:20px !important;
        padding-top:0px !important;
    }
    .secondcard {
        height:350px !important;
    }
    #banner {
        max-width: 100% !important;
    }
}
    
@media (max-width: 576px) {
  #banner {
        max-width: 100% !important;
    }
    .header-row {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
#banner {
        max-width: 100% !important;
    }
    #banner .container {
    }
    .header-row {
        width: 100% !important;
    }
}
@media (min-width: 992px) {
 #banner {
        max-width: 100% !important;
     width: 100% !important;
    }
    #banner .container {
    }
    .container {
    }
}
@media (max-width: 992px) {
    #section-event {
    background: linear-gradient(180deg, #e6e7e8 2rem, #057046 2rem, #057046 100%);
}
         #dotted {
   top:20px !important;
}
}
@media (min-width: 1200px) {
  #banner {
        max-width: 100% !important;
    }
}
@media (max-width: 1200px) {
    #banner {
        max-width: 100% !important;

    }
}
@media (min-width: 1400px) {
    #banner {
        max-width: 100% !important;
    }
}