@import url("../css/_no-banner.css?v=2233");
@import url("../css/_feature-panel-section.css");

@import url("../css/_subscribe-module.css");

@import url("../css/_programs-grid.css");



#mainContent {padding: 120px 0 0 0;}
.no-banner-section {padding: 0;}
.no-banner-section .no-banner-main { padding: 50px 0;}
.programs-container {clear: both; background: var(--light-grey); width: 100%; padding:86px 0 50px;}

.heading {padding: 0 0 40px;}

.heading-lt {width: 30%;}

.heading-lt h3, .heading-lt .h3 {color: var(--black);}

.heading-rt {width:calc(100% - 30%);}

.heading-rt .form-field {}



.btn {text-align: center;}

.search-icon {position: absolute; right: 22px; top: 0; bottom: 0; padding: 0 !important; width: 18px; height: 18px; margin: auto;

  font-size: 1.15rem; font-weight: 300; line-height: 18px; color: var(--text-violetblue);}



.program-banner-section{ z-index: 1; float:left; width: 100%; padding:50px 0 0 0;}

.program-banner-text{padding-top: 49px; color: var(--white);}

.program-banner-text h1 {font-size: 2.25rem; line-height: 1.17; margin-bottom: 25px; font-weight: 700;}

.program-banner-text h1 a {font-weight: 700;}

.program-banner-text h2 {font-size: 1.313rem; line-height: 1.19; margin-bottom: 20px; font-weight: 600;}

.program-banner-text h2 a {font-weight: 600;}

.program-banner-text h1, .program-banner-text h2{color: var(--white);}

.program-banner-text h1 a, .program-banner-text h2 a{color: var(--white); text-decoration: none;}

.program-banner-text h1 a:hover, .program-banner-text h2 a:hover{opacity: 0.8;}

.program-banner-text .readmore {color: var(--white);}





.program-banner-left {display: flex; align-items: stretch;}

.program-banner-left .grids-post {justify-content: space-between;}

.post-big .program-banner-text {padding:30px 20px 90px 93px; display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-start; height: 100%; width: 50%; position: relative; z-index: 5; flex-grow: 1;}

.post-big .program-banner-text .banner-category {margin: 0 0 17px 0;}

.post-big .program-banner-image {height: 100%; width:48.34%; position: relative;}

.post-big .program-banner-thumb {clip-path:ellipse(100% 85.7% at 100% 50%); width: 100%; height: 100%;}

.post-big .grid-icon {width: 682px; height: 538px; top: -24px; left:-245px;}







.program-banner-right .program-banner-text {padding:35px 31px 26px 31px; width: 100%; z-index: 1;}

.program-banner-right .program-banner-text .banner-category {margin: 0 0 15px 0;}

.program-banner-main {justify-content: space-between;}





.grid-ftr {justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 13px 0 0; margin-top: auto;}

.grid-ftr .readmore {font-size:0.938rem; line-height: 1.79;}

.tags {width: 50%;}

.tags ul {margin: 0;}

.tags ul li:before {display: none;}

.tags ul li {display: inline-block; margin: 0;}

.tags ul li a {text-decoration: none; color: rgba(255, 255, 255, 0.6); font-weight: normal; font-size: 0.875rem; line-height: 1.4;

  display: inline-block;}

.tags ul li a:hover {color: rgba(255, 255, 255, 1)}









/* Responsive */

@media only screen and (max-width: 1299px) and (min-width: 1024px){

	.post-big .program-banner-text {padding-left: 20px;}

}





@media only screen and (min-width: 1024px){

    .program-banner-left{width:65.44655929721816%;}

	.program-banner-right{width:30.89311859443631%;}

	.program-banner-right .grids-post {margin: 0 0 50px 0;}

.program-banner-right .grids-post:last-child {margin: 0;}

body.page-template-programs .heading-rt .search-form{max-width: 100%;}
body.page-template-programs .heading-rt .form-field { max-width: 422px; width: 29.71%}

}



@media only screen and (max-width: 1023px) and (min-width: 200px){

	.heading-lt { margin: 0 0 20px 0;}

	#mainContent {padding: 80px 0 0 0;}

	

	.program-banner-section {padding: 20px 0 0 0;}

	.program-banner-left, .program-banner-right .grids-post {margin: 0 0 22px 0;}

	.program-banner-left, .program-banner-right {width: 100%;}	

}





@media only screen and (max-width: 1023px) and (min-width: 768px){

	.heading-rt .form-field {width: 47%; margin: 0 0 0 10px;}

	.heading {padding: 0 0 50px;}

	

	.post-big .program-banner-text {padding: 70px 20px 60px 20px;}

	.program-banner-right {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}

	.program-banner-right .grids-post {width: 48.48%; margin: 0 0 22px 22px;}

	.program-banner-right .grids-post:first-child {margin-left: 0;}

	.program-banner-right .program-banner-text {display: flex; flex-direction: column; height: 100%; align-items: flex-start;}

	.post-big .grid-icon {width: 482px; height: 338px; top: 24px; left: -185px;}

	body.page-template-programs .heading-rt .search-form{max-width: 100%;}

}





@media only screen and (max-width: 767px) and (min-width: 200px){	

	.heading {padding: 0 0 28px;}

	.heading-lt{width: 100%; margin-bottom: 29px;}	

	.heading-rt{width: 100%;}

	.heading-rt .search-form {max-width: 100%;}

	

	.programs-container {padding: 59px 0 30px;}

	.btn {margin: 8px 0 0 0;}

	.filter-dropdown {border-color: var(--white);}

	

	.program-banner-right .grids-post:last-child {margin-bottom: 0;}

	.program-banner-right .program-banner-text {padding: 36px 30px 26px 30px;}

	.program-banner-text h2 {margin-bottom: 31px;}

	.program-banner-text h1 {font-size: 1.875rem; line-height: 1.13;}

	

	.program-banner-left .grids-post {flex-direction: column-reverse;}

	.post-big .program-banner-text {width: 100%; padding:44px 34px 55px 34px; height: auto;}

	

	.post-big .program-banner-image {width: 100%; height: 269px;}

	.post-big .program-banner-thumb {clip-path:ellipse(96% 113% at 44.5% -13%);}

	.post-big .grid-icon {width: 494px; height: 394px; top: 3px; left: inherit; transform: rotate(-95deg) scale(1, -1); right: -100px;}

}