.col {
	float: left;
}
	
.col-3 {
	width: 25%;
}

.col-4 {
	width: 33%;
}

.col-6 {
	width: 50%;
}
	
.col-12 {
	width: 100%;
}

/*
.col{
	width:30%;
}
.col-6{
	width:43%;
	padding:20px;
}
*/

.mobile-feeling-distressed {
	display: none !important;
}

/*********************/
@media (min-width: 480px) {
	.accordion-content:after {
		right: 30px;
	}
	.chart-pie img {
		 width: 75px;
		padding: 7px;
	}
	.chart-pie h3{
		left: 80px;
		top: 25px;
	}
	.page-template-page-prog-svc .chart-pie h3{
			left: 0px;	
	}
}
@media screen and (max-width: 800px) {
	.columns-2 {
		column-count: 1;
	}
	.columns-3 {
		column-count: 1;
	}
	.columns-4 {
		column-count: 2;
	}
	#block-3 > div > div {
		max-height: inherit;
		row-gap: 0.5rem;
	}
	#block-3 > div > div > div:nth-of-type(3) {
		max-width: inherit;
		width: 100%;
	}
	#block-3 > div > div > div:nth-of-type(3) > div {
		padding: 8px 24px;
		width: fit-content;
		margin: 0 auto;
	}
	#block-3 > div > div > div:nth-of-type(4) .widget_nav_menu {
		display: none;
	}
	#block-3 > div > div > div:nth-of-type(2),
	#block-3 > div > div > div:nth-of-type(5) {
		display: none;
	}
	#block-3 > div > div > div:nth-of-type(3) .wp-block-image img {
		height: 50px !important;
	}
	#menu-main-menu {
		margin-bottom: 0;
	}
	#menu-icon-menu,
	#menu-icon-menu-1 {
		width: auto !important;
		margin: 0 auto;
		padding: 0;
	}
	#menu-icon-menu-1 {
		border-top: solid 1px #fff;
		padding-top: 5px !important;
	}
	#menu-icon-menu-1 li {
		border: none !important;
	}
	.mobile-feeling-distressed {
		display: block !important;
		background-color: #fff;
		text-align: center;
	}
	.mobile-feeling-distressed figure {
		text-align: center;
		margin-bottom: 0;
	}
	.mobile-feeling-distressed figure img {
		border: solid 2px #a9a9a9;
		border-radius: 10px;
		padding: 8px;
		width: 140px !important;
		margin-left: -25px;
	}
	#wrapper-footer-full {
		padding-bottom: 60px;
	}
	.search-icon {
		position: absolute;
		width: 85%;
		height: 40px;
		border-radius: 20px;
		font-size: 22px;
		margin: -220px 7% 0;
		top: inherit;
	}
	#main-content #content-area {
		padding: 0%;
	}
	#main-content #content-area #sidebar {
		width: 100%;
	}
	#search-filter-form-2037 .sf-field-taxonomy-identity {
		width: inherit;
	}
	.content-task-summary .sidebar {
		width: 100% !important;
	}
	.content-task-summary .left {
		width: 100%;
	}
	.accordion-content:before {
		 display: none;
	}
	 .accordion-content:after {
		 top: 0;
	}
	ul.accordion-controls .accordion-control h3 {
		width: calc( 95% - 55px );
		margin-left: 55px;
	}
	ul.accordion-controls .accordion-control .disclosure {
		right: -10px;
	}
	.accordion-content > div {
		 display: block;
		 width: 100%;
	}
	 .accordion-stat {
    	width: 70px;
		 margin-top: 10px;
		 text-align: left;
	}
	.directory .et_pb_text_inner {
		flex: 0 0 100%;
	}
	 .sentiment-wrapper > div {
		 display: block;
		 width: 100%;
		 max-width: 100%;
	}
	 .sentiment-wrapper > div:not(:first-child) {
		 margin-top: 10px;
	}
	
	.et-db #et-boc .et-l .advanced-search-modal {
		padding-bottom: 0;
	}	

	.et-db #et-boc .et-l .advanced-search-modal .et_pb_column, 
	.et-db #et-boc .et-l .advanced-search-modal .et_pb_column.et-last-child, 
	.et-db #et-boc .et-l .advanced-search-modal .et_pb_column:last-child {
		height: inherit;
	}	
}
@media screen and (max-width: 767px) {
	body.home #main-content .et-menu-nav .grand-parent {
		width: 100%;
	}
	.advanced-search-modal .sf-field-taxonomy-audience {
		padding: inherit !important;
	}
}

@media screen and (max-width: 480px) {
	.accordion-stat > div {
		 display: block;
		 width: 100%;
	}
	.all-opinions {
		 margin-bottom: 10px;
	}
	.all-opinions + div > span:first-child {
		 margin: 0;
	}
    .et-db #et-boc .et-l .et_pb_image_0_tb_header {
		padding: 0;
		margin-bottom: 10px;
    }	
    .et-db #et-boc .et-l .et_pb_image_0_tb_header .et_pb_image_wrap img {
		max-height: 80px !important;
		margin: 0 auto;
    }
    .et-db #et-boc .et-l .et_pb_column_0_tb_header {
		margin-bottom: 10px;
    }
    .et-db #et-boc header.et-l .et_pb_image_1_tb_header {
		width: 120px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		margin-bottom: 20px !important;
    }
	.et-db #et-boc .et-l .et_pb_image_1_tb_header .et_pb_image_wrap img {
		max-height: 80px !important;
	}
	#search-filter-form-homepage ul li.sf-field-search,
	#search-filter-form-homepage ul li.sf-field-submit,
	#search-filter-form-2037 ul li.sf-field-search,
	#search-filter-form-2037 ul li.sf-field-submit {
		width: 100%;
	}
	
	#search-filter-form-homepage ul li.sf-field-submit,
	#search-filter-form-2037 ul li.sf-field-submit {
		position: relative;
		margin-left: 0;
	}	
	#search-filter-form-homepage ul li.sf-field-submit {
		margin-top: 10px;
	}
	.et-db #et-boc .et-l .advanced-search-modal {
		padding-top: 0;
	}
	.et-db #et-boc .et-l .advanced-search-modal h2 {
		margin-top: 40px;
	}
	.et-db #et-boc .et-l .advanced-search-modal .sf-field-taxonomy-audience,
	.et-db #et-boc .et-l .advanced-search-modal .sf-field-post_type {
		width: 100%;
		padding: 10px !important;
	}
	.et-db #et-boc .et-l .advanced-search-modal .et_pb_column, .et-db #et-boc .et-l .advanced-search-modal .et_pb_column.et-last-child, .et-db #et-boc .et-l .advanced-search-modal .et_pb_column:last-child {
		height: inherit;
		margin-top: 0;
	}
	.accordion .accordion-content {
		height: inherit;
	}
	header .distressed .header-cta {
		margin-left: 0 !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 979px) {
    .et-db #et-boc .et_pb_section_0_tb_header .et_pb_column.et_pb_column_1_5,
    .et-db #et-boc .et_pb_section_0_tb_header .et_pb_column_2_tb_header {
		margin-right: 0 !important;
    }
    
     .et_pb_row_5col > .et_pb_column.et_pb_column_1_5 {
		margin-right: 0;
     }
    
	.et-db #et-boc .et-l .et_pb_image_1_tb_header .et_pb_image_wrap img {
		max-height: 80px !important;
	}

	/*
	.et-db #et-boc .et-l .et_pb_row .et_pb_column .et_pb_module:last-child {
		margin-top: 10px !important;
	} 
	*/ 
	
	nav#mobile-menu-nav ul {
		display: flex;
		width: 100%;
		align-content: space-between;
	}
	
	nav#mobile-menu-nav li {
		display: inline-flex;
		flex-grow: 1;
	}
	
	nav#mobile-menu-nav ul li a {
		margin: 0 auto;
	}

	nav#mobile-menu-nav ul li.active > a {
		border-bottom: solid 2px #fff;
	}

	nav#mobile-menu-nav ul li ul {
		width: 100%;
		height: calc(100% - 270px);
		position: fixed;
		overflow-y: scroll;
		left: 0;
		bottom: 0;
		z-index: 1002;
		background-color: #00204e;
	}

	nav#mobile-menu-nav ul li ul li {
		width: 100%;
	}
	
	header .distressed .et_pb_image_2_tb_header {
		background-image: none !important;
		background-color: transparent !important;
		padding-top: 0 !important;
	}
	
	header .distressed {
		width: 100% !important;
	}
	
	header .distressed .et_pb_image_wrap {
		background-color: #fff;
	}
}

@media only screen and (max-width: 979px) {
	nav li.icon-tiktok {
		margin-top: 0px !important;
	}
	body.page-id-2038 #content-area {
		flex-direction: column-reverse;	
	}
	#mobile-navigation {
		padding-bottom: 80px;
	}

	/* basic layout styles */
	.col-xs-4 {
		width: 33%;
	}
	
	.col-xs-6 {
		width: 50%;
	}

	.col-xs-12 {
		width: 100%;
	}

	/* page and content styles */
	h3 {
		font-size: 24px;
	}

	/* header and footer classes */
	/*
	.header-cta, .burger-wrapper {
		display: none;
	}
	*/

	#left-area {
		margin-top: 30px;
		padding-bottom: 0 !important;
		width: 100% !important;
		padding-right: inherit !important;
	}

	.heading-rectangles .heading-title {
		margin: 0 auto !important;
		width: 90%;
	}

	.heading-rectangles .heading-rectangle,
	.heading-rectangles .heading-image {
		display: none;
	}

	.heading-department .heading-image-background {
		margin-bottom: 120px;
		border-width: 10px;
	}

	.heading-department .heading-logo-blurb {
		padding: 15px;
		margin-left: 20px;
		margin-right: -20px;
	}

	.toast-alert {
		font-size: 14px;
	}

	.uoft-widget-icon {
		position: fixed !important;
		width: fit-content !important;
		right: 10px !important;
		margin-top: 30px !important;
	}

	.static-hero-widget .kb-row-layout-wrap {
		text-align: center;
	}

	.static-hero-widget .kb-row-layout-wrap .widget_maxmegamenu {
		display: none;
	}

	.static-hero-widget .kb-row-layout-wrap > div:nth-of-type(2) {
		display: none;
	}

	.static-hero-widget .kb-row-layout-wrap > div:nth-of-type(1) .wp-block-image {
		margin-bottom: 0;
	}

	.static-hero-widget .kb-row-layout-wrap > div:nth-of-type(1) img {
		max-height: 80px;
		margin: 0 auto;
	}

	.static-hero-widget .kb-row-layout-wrap > div:nth-of-type(3) img {
		max-height: 50px;
	}

	.static-hero-widget .kb-row-layout-wrap > div:nth-of-type(3) .kt-inside-inner-col {
		margin: 0 auto;
	}

	.task_wrapper .entry-logo{
		width: 80%;
		bottom: 10px;
		left: 10%;
		margin: 0 auto;
	}
	
	ul.et_pb_side_nav {
		display: none;
	}
	
	.et_pb_row_0 {
		border: none;
	}
	
	.et_pb_row_0_tb_header {
		height: auto;
	}
	
	.et_pb_section {
		padding: 0;
	}
	
	.et_pb_row_0_tb_header .et_pb_column_2_tb_header {
		margin-bottom: 0 !important;
	}

	.et_pb_row_0_tb_header .et_pb_column_4_tb_header .header-cta {
		margin: 0 !important;
	}
	
	.et_pb_row_0_tb_header .et_pb_image_wrap {
		text-align: center;
		display: block !important;
	}

	.et_pb_row_0_tb_header .et_pb_image_wrap img {
		max-height: 80px;
	}
	
	.et_pb_code_0_tb_header {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.et_pb_image_3_tb_header {
		text-align: center;
	}

	.et_pb_image_3_tb_header img {
		max-width: 180px;
	}

	#menu-top-menu {
		display: block;
	}

	#menu-top-menu li {
		width: 100%;
	}
	
	#menu-top-menu li a {
		color: #fff;
	}
	
	header .distressed {
		margin-top: 10px !important;
		max-width: inherit;
	}

	header .distressed .et_pb_image_wrap {
		width: 140px;
		height: 116px;
		overflow: hidden;
		border: solid 2px darkgray;
		border-radius: 10px;
		margin: 0 auto;
		padding: 5px;
	}
	
	/* footer menu */
	#menu-footer {
		width: fit-content;
		padding-left: 0;
		margin: 0 auto;
	}
	
	#sidebar {
		background-color: transparent !important;
	}
	


	ul#mobile_menu1 li {
		width: 100%;
		display: block;
	}
	
	#mega-menu-wrap-primary-menu, #mega-menu-primary-menu {
		display: block !important;
		overflow: auto;
	}
	
	#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
		background-color: transparent;
	}

	/*
	#mega-menu-wrap-primary-menu .mega-menu-toggle {
		display: none;
	}
	*/

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item {
		display: inline-block;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-icon-instagram {

	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-icon-instagram::after {
		content: '*';
	}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-icon-instagram::before {
		content: '<br />';
	}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
		width: 100%;
		color: #fff;
		text-align: center;
	}

	.et_pb_menu_0_tb_header {
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.et_pb_row_0_tb_header .mega-hide-text {
		display: none;
	}
	
	.et_pb_menu .et_pb_menu__menu {
		display: flex;
	}

	#page {
		position: relative;
	}
	
	.search-icon {
		position: absolute;
		width: 85%;
		height: 40px;
		border-radius: 20px;
		font-size: 22px;
		margin: -220px 7% 0;
	}
	.page-id-2038 .search-icon {
		display: none;
	}
	#search-filter-form-2037 .sf-field-search, #search-filter-form-homepage .sf-field-search {
		width: 75%;
	}
	#search-filter-form-homepage .sf-field-submit {
		position: inherit;
		margin-left: 3%;
		width: 22%;
	}
	.sf-field-taxonomy-audience, .sf-field-post_type {
		width: 100%;
	}
	
	/* content formatting */
	.accordion-content {
		padding-right: 10px;
	}
	
	.accordion-content .custom_style_interior {
		width: inherit;
		padding: 0;
	}
	
	.accordion-content .content-wrapper .content-wrapper-tools, .accordion-content .content-wrapper .custom_style {
		margin: 0;
	}
	
	.content-wrapper, .content-wrapper-student {
		display: block;
	}
	
	.content-wrapper .content-wrapper-tools, 
	.content-wrapper .custom_style,
	.news-blocks .et_pb_text_inner {
		flex: 0 0 92% !important;
		padding: 15px;
	}
	
	.news_wrapper .news_title {
		width: 100%;
		margin-left: 0%;
	}

	.news_wrapper .entry-logo {
		float: right;
		width: 280px;
	}
	
	.et-db .endorsements .et_pb_text_inner {
		padding: 10px;
		flex: 1;
		margin-bottom: 30px;
	}

	.et-db .directory, 
	.et-db .endorsements, 
	.et-db .contact-boxes, 
	.et-db .news-blocks {
		display: block;
	}

	.photo-credit {
		width: 100%;
		margin-bottom: 30px;
		margin-left: 15px;
		float: none;
		display: block;
	}
	
	.readmore {
		position: inherit;
		left: inherit;
		bottom: inherit;
		display: block;
	}
	
	.directory .et_pb_text_inner {
		margin-bottom: 30px;
	}

	.directory .et_pb_text_inner p {
		padding-bottom: 10px;
	}
	
	.directory .et_pb_text_inner > br {
		display: none;
	}
	
	.et-db .news-blocks .et_pb_text_inner {
		padding-bottom: 30px;
		margin: 0;
	}
	
	/*
	.single-department.et-db #et-boc .et-l .et_pb_row_0 {
		background-image: none;
		border: none;
	}
	*/
	
	.single-department.et-db #et-boc .et-l .et_pb_blurb_0.et_pb_blurb {
		margin: 0 0 0 0 !important;
		padding: 10px !important;
	}
	
	.single-department.et-db #et-boc .et-l .et_pb_row_0.et_pb_row {
		padding-bottom: 0;
		margin-top: 30px !important;
/* 		min-height: 600px; */
/* 		background-position-y: 120px; */
		border-width: 10px;
	}
	
	.accordion .accordion-content .quote_box {
		width: 45px;
		height: 45px;
		padding-top: 5px;
		margin-top: -50px;
	}
	
	.accordion .accordion-content .quote_box .fa-quote-left {
		font-size: 14px;
	}
	
	.et-db .content-wrapper .content-wrapper-tools .content-wrapper-tools-resource, 
	.et-db .content-wrapper .custom_style .custom_style_interior {
		padding: 0;
	}
	
	.prog_photo_gallery .img-wrap {
		height: 240px;
	}
	
	/* home page */

	body.home .et_pb_row_1 .mobile_menu_bar {
		display: none;
	}
	
	body.home .et_pb_row_2 .et_pb_column_1_6 {
		width: auto;
		float: left;
	}
	
	body.home .et_pb_row_2 .et_pb_column_1_6.et_pb_column_3,
	body.home .et_pb_row_2 .et_pb_column_1_6.et_pb_column_6 {
		width: 100px !important;
	}
	
	body.home .et_pb_row_2 .et_pb_column_1_6.et_pb_column_4,
	body.home .et_pb_row_2 .et_pb_column_1_6.et_pb_column_7 {
		width: 60% !important;
		margin-left: 20px;
	}
	
	body.home .et_pb_row_4 {
		padding: 0;
	}
	
	body.home #main-content .et-menu-nav .grand-parent > .sub-menu {
		height: auto;
	}
	
	body.home .et_pb_menu__menu {
		padding-left: 5.5%;
		padding-right: 5.5%;
	}
	
	header .et_pb_section_0_tb_header .et_pb_column_3_tb_header {
		display: none;
	}
	
	header .et_pb_image_1_tb_header {
		margin-bottom: 20px !important;
	}
	
	#mobile-navigation {
		display: block;
		width: 100%;
	}
	
	.hamburger-container, header .et_pb_section_1_tb_header {
		display: none;
	}
	
	.alternative-image {
		display: none;
	}
	
	nav#mobile-menu-nav > ul {
		width: 100%;
		padding: 10px 20px;
		text-align: center;
		text-decoration: none;
	}

	nav#mobile-menu-nav ul {
		padding: 0;
	}
	
	nav#mobile-menu-nav .menu-main-menu-container ul li {
		list-style: none;
		border-top: solid 1px #fff;
	}

	nav#mobile-menu-nav .menu-icon-menu-container {
		border-top: solid 1px #fff;
	}

	nav#mobile-menu-nav .menu-icon-menu-container ul li {
		list-style: none;
	}

	nav#mobile-menu-nav .menu-main-menu-container ul li a {
		font-size: 20px;
		font-family: 'Bebas Neue',Helvetica,Arial,Lucida,sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 10px 20px;
		color: #fff !important;
	}

	nav#mobile-menu-nav ul li a.dashicons::before {
		font-family: dashicons;
	}
	
	nav#mobile-menu-nav .menu-main-menu-container ul li ul li a {
		font-family: inherit;
		font-size: inherit;
		text-transform: inherit;
	}

	nav#mobile-menu-nav ul li ul {
		display: none;
	}
	
	nav#mobile-menu-nav > ul li ul {
		display: none;
		padding: 0;
	}

	nav#mobile-social ul {
		display: flex;
		justify-content: space-evenly;
		margin-top: 10px;
		padding: 0;
	}
	
	nav#mobile-social ul li {
		list-style: none;
		display: inline-block;
		font-size: 24px;
		width: 24px;
		    height: 30px;
		overflow: hidden;
	}

	nav#mobile-social ul li .nav_image {
		display: none;
	}

	nav#mobile-social ul li a {
		color: #fff !important;
	}
	
/*	.et_pb_row_1-5_1-5_3-5 > .et_pb_column.et_pb_column_1_5, .et_pb_row_5col > .et_pb_column.et_pb_column_1_5 {
		width: inherit;
	}
*/
}
@media only screen and (max-width: 1500px) {

.modal-body {
	width: 100%;
}
}

@media only screen and (max-width: 1200px) {

	#main-content .et-menu-nav .grand-parent:before {
	    width: 60px;	
	}
	#main-content .et-menu-nav .grand-parent {
    padding-right: 30px;
    padding-left: 67px;
	}
	}
@media only screen and (max-width: 1100px) {
	#main-content .et-menu-nav .grand-parent {
    width: 50%;
	}
}
@media only screen and (min-width: 980px) {
	.et_pb_row_0_tb_header {
		max-height: 128px;
	}
	
	.et_pb_image_1_tb_header {
		min-height: 128px;
	}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-icon-instagram {
		margin-left: 40px;
	}
	
	#mobile-navigation {
		display: none;
	}

	.single-program #main-content, .single-service #main-content, .single-task #main-content, .single-campaigns #main-content {
		background: linear-gradient(90deg, #ffffff 60%, #eeeeee 40%);
	}
	#main-content .container:before {
		width: 0px;
	}
	#sidebar {
		float: left;
		width: 20%;
		padding-top: 2rem !important;
		padding-left: 30px;
	}
	.search-icon:hover {
		width: 70px;
	}
	.search-icon .fas {
    font-size: 40px;
	}
	.single-program #left-area, .single-service #left-area, .single-campaigns #left-area {
		margin-top: -25%;
		padding: 5% 5% 0% !important;
		background: #fff;
		float: left;
		padding-bottom:10% !important;
		
	}
	.single-program #left-area .entry-logo, .single-service #left-area .entry-logo, .single-campaigns #left-area .entry-logo {	
		position: absolute;
		right: -15%;
		top: 20px;
	}
	.program-intro, .service-intro, .campaigns-intro {	
		 padding: 0 17% 20px 0;	
	}
	.service_wrapper {
		 padding: 0 17% 0px 0;		
	}
}
@media only screen and (min-width: 780px) and (max-width: 1710px) {
	#block-3 > div > div {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@media only screen and (max-width: 1710px) {
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-icon-instagram {
		margin-left: 0px;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    width: 350px;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    height: 37px;
	}
	#block-3 > div > div > div:nth-of-type(2) {
		display: none;
	}
	#block-3 > div > div > div:nth-of-type(4) {
		width: 360px;
		align-items: center;
	}
}
@media only screen and (max-width: 1170px) {
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
		width: 310px;
}
}