@import url("../css/_micro-cta.css");
@import url("../css/_resource-slider-module.css");

.hero-banner-main {text-align: center; padding: 20px 0 68px;}
.hero-banner-main .hero-banner-text {max-width: inherit; width: 100%;}
.hero-banner-main .hero-banner-text .categories  {margin: 0 0 27px 0;}
.hero-banner-main .hero-banner-text .categories  a {padding:5px 14px 3px; font-size: 13px;}
.hero-banner-main .hero-banner-text .categories  span {padding:5px 14px 3px; font-size: 13px;}
.hero-banner-main .hero-banner-text h1 {margin-bottom: 18px;}
.res-date {float: left; width: 100%; text-align: center; color: var(--white); font-weight: 600;}


.default-banner-section .banner-bg::before {background: rgba(0, 0, 0, 0.6);}


.general-default-article-section {float: left; width: 100%; padding:54px 0 0;}
.general-default-article-section .default_main {padding-bottom:58px; position: relative;}
.general-default-article-section .container-md {max-width: 1150px;}
.general-default-article-section ol {padding: 3px 0 0 0; max-width: 584px;}
.general-default-article-section ul {padding: 2px 0 0 0; max-width: 584px;}
.general-default-article-section ol li, .general-default-article-section ul li, .general-default-article-section p {letter-spacing: 0.1px;}

.general-default-article-section h4 {padding: 25px 0 0 0;}
.fullwidth_image .container-md {max-width: 960px;}


.bottom-nav {justify-content: space-between; position: relative; top: 28px; z-index: 2;}
.bottom-nav a {text-decoration: none; color: var(--white); font-size: 13px; font-weight: 600; display: inline-block; min-width: 192px; padding: 17px; position: relative;}
.bottom-nav a:hover {background: #000!important;}
.bottom-nav .prev-link a {padding: 17px 17px 17px 75px; background: #98cb65;}
.bottom-nav .next-link a{background: #446f3a; padding: 17px 76px 17px 17px; text-align: right;}
.bottom-nav a:after {content:"\f061"; font-family: "Font Awesome 6 Pro"; line-height: normal;
display: flex; align-items: center; font-size: 21px; font-weight: 400; right: 36px; top: 0; bottom: 0; margin: auto;
position: absolute; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; color:var(--white);}
.bottom-nav a:hover:after {right:30px; color: #fff;}
.bottom-nav .prev-link a:after {right: inherit; left: 36px; content:"\f060";}
.bottom-nav .prev-link a:hover:after {right: inherit; left: 30px;}

.common-micro-cta {margin-top: 3px; margin-bottom: 49px; width: 100vw; transform: translateX(-50vw); left: 50%; position: relative;}


.res-slider-main {padding: 81px 0 43px;}
.res-slider-module .heading-main {margin-bottom: 97px;}
.res-slider-main:before, .res-slider-main::after {display: none;}


.events-details.fullwidth {margin: -175px 0 54px 0; position: relative; z-index: 1;}
.events-inner {justify-content: space-between; align-items: center; background: var(--white); padding:28px 61px 29px 61px;}
.events-inner small { text-transform: capitalize; color: var(--small-grey); margin: 0 0 1px 0;}
.events-inner h3 {margin: 0; font-weight: 600;}
.events-inner .events-lt {width: 40%; top: 2px; position: relative;}
.events-inner .events-rt {width: calc(100% - 40%); justify-content: flex-end;}
.events-inner .events-rt .register-btn {margin: 0 0 0 6.6%;}
.events-inner .events-rt .register-btn .button {padding: 16px 39px 16px 39px;}
.event-info {width: auto;}
.event-info .event-icon {width: 16px; margin: 0 17px 0 0;}
.event-info .event-icon img {width: 16px;}
.event-info .event-txt {font-size: 18px; line-height: normal; top: 3px; position: relative; letter-spacing: -0.5px;}
.event-info-grid {background: var(--white); width: auto; margin:0 0 0 57px;}
.event-info-grid:first-child {margin-left: 0;}

.logo-img.top {left: -142px; top: 278px;}
.logo-img.bottom {right:-142px; bottom:35.9%;}
.logo-img {opacity: 0.04; z-index: -1;}
.logo-img img {width: 575px;}


.default-video .video-thumbnail {margin: 47px 0 48px 0;}

/*-- media css starts here --*/
@media only screen and (max-width: 1399px) {
	.general-default-article-section .default_main {display: flex; flex-direction: column-reverse;}
	}

@media only screen and (max-width: 1299px) and (min-width: 1024px){
	.events-inner {padding: 28px 30px 29px 30px;}
	.event-info-grid {margin: 0 0 0 20px;} 
	.events-inner .events-rt .register-btn {margin: 0 0 0 10px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	.res-slider-module .heading-main {margin-bottom: 50px;}
	.events-inner {padding: 28px 30px 29px 30px}
	.events-inner .events-lt {width: 100%; margin: 0 0 10px 0;}
	.events-inner .events-rt {width: 100%; justify-content: flex-start;}
	.events-inner .events-rt .register-btn {margin-left: auto;}
	
	.common-micro-cta {padding: 0;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
	.default-banner-section {border-bottom: 48px solid var(--bg-dark);}
	.hero-banner-main {min-height: 449px; padding: 24px 0 68px;}
	.hero-banner-main .hero-banner-text h1 {margin-bottom: 20px; font-size: 32px;}
	.bottom-nav {top: 56px;}
	.bottom-nav span {display: block; width: 100%;}
	.bottom-nav span a {display: block; width: 100%;}
	.res-date {font-size: 16px;}
	.res-slider-main {padding: 111px 0 43px;}
	.res-slider-module .heading-main {margin-bottom: 45px;}
	
	.events-inner {padding: 28px 30px 47px 30px; text-align: center}
	.events-inner .events-lt {width: 100%; margin: 0 0 26px 0;}
	.events-inner .events-rt {width: 100%; justify-content: flex-start;}
	.events-inner .events-rt .register-btn {width: 100%; margin:25px 0 0 0;}
	.events-inner .events-rt .register-btn .button {width: 100%; padding: 14px 44px 14px 38px;}
	.events-inner h3 {font-size: 28px;}
	.events-inner small {margin: 0 0 6px 0;}
	.event-info {width: 100%; justify-content:center;}
	.event-info .event-txt {display: block; font-size: 16px;}
	.event-info-grid {flex-direction: column; margin: 0 0 0 49px;}
	.event-info-grid:first-child {margin-left: 4px;}
	.event-info .event-icon {margin: 0 0 10px 0;}
	
	.events-details.fullwidth {margin:-315px 0 36px 0;}
	.logo-img {display: none;}
	.general-default-article-section ol {padding: 8px 0 0 0;}
	.general-default-article-section .default_main {padding-bottom: 20px;}
	
	.common-micro-cta {padding: 0; margin-bottom: 51px; margin-top: 15px;}
	
	
}