/*
Theme Name: SLP Version 2
Theme URI: http://www.act.utoronto.ca
Author: the Projects & Development Team
Author URI: http://act.utoronto.ca/
Description: The v2 theme for Physical Therapy with some SLP based tweaks
Version: 2.0
License: GNU General Public License
Tags: dark, light, white, black, gray, one-column, two-columns, right-sidebar, fixed-width, custom-header, custom-menu, featured-image-header, featured-images, post-formats, theme-options
*/
@import url('_includes/_styles/bootstrap.min.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600italic,300italic,400italic);
/* -----------------------------------------
   MailChimp
----------------------------------------- */
@import url('http://cdn-images.mailchimp.com/embedcode/classic-081711.css');
#mc_embed_signup{clear:left; font:14px "Open Sans", "Helvetica Neue", Helvetica, Arial; }

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/* Firfox Hack for Responsive tables with v4.0.0-alpha */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/*.site-logo {
    height: 87.5px;
    max-width: 350px !important;
    width: 100%;
}*/

@media (max-width: 641px) { 
	.dropdown-menu {
		background-color: #00aeef;
	}

	.dropdown-menu a {
		color: #fff;
	}

	.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
		background-color: #00aeef;
		font-weight: bold;
	}
}

.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00aeef;
    outline: 0;
}

nav#main_nav li.dropdown a.dropdown-toggle::after {
    content: "+";
    top: 4px;
    font-size: 20px;
    position: absolute;
    color: #FFF;
    /*top: -2px;*/
    right: 10px;
}

nav#main_nav li.open a.dropdown-toggle::after {
    position: absolute;
    color: #FFF;
    content: "-";
    top: -2px;
    font-size: 25px;
    right: 10px;
}

@media (min-width: 641px) {
	nav#main_nav li a::after{
		content: none !important;
	}

}

/* FIX FOR IE 11 BUG OF FLEXBOX */
@media (min-width: 992px) {

	.col-md-1 {
		max-width: 0 0 8.3333333333%;flex: 0 0 8.3333333333%;
		
	}

	.col-md-2 {
		max-width: 0 0 16.6666666667%;flex: 0 0 16.6666666667%;
		
	}

	.col-md-3 {
		max-width: 25%;flex: 0 0 25%;
		
	}

	.col-md-4 {
		max-width: 33.3333333333%;flex: 0 0 33.3333333333%;
		
	}

	.col-md-5 {
		max-width: 0 0 41.6666666667%;flex: 0 0 41.6666666667%;
		
	}

 	.col-md-6 {
  		max-width: 50%;flex: 0 0 50%;
  		
	}

	.col-md-7 {
		max-width: 0 0 58.3333333333%;flex: 0 0 58.3333333333%;
		
	}

	.col-md-8 {
		max-width: 0 0 66.6666666667%;flex: 0 0 66.6666666667%;
		
	}

	.col-md-9 {
		max-width: 75%;flex: 0 0 75%;
		
	}

	

}

img {
	display: block;
	height: auto; 
	max-width: 100%; 
}

#mc_embed_signup .mc-field-group .asterisk {
	top: 45px;
}

/*FAQs Styles*/

.page-id-125 #faq-faq-page {
	display: none;
}

.arconix-faq-term-title code {
	color: #000;
	background-color: #ffffff;
}

.arconix-faq-accordion-wrap code {
	color: #000;
	background-color: #fbfbfb;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.alignright, .alignleft {
	float: right;
	margin: 0 0 1rem 1rem;
	box-sizing: border-box;
	max-width: 50%;
	height: auto;
	padding: 3px; 
	/*background: #f1f1f1;
	border: 1px solid #eee;*/
}

.tab-pane {
	position: relative; padding: 2rem;
	display: none;
}
.tab-pane.active {
	display: block;
}
.tabs-content {
	position: relative;
	min-height: 10rem;
}

.alignleft {
	float: left;
	margin: 0 1rem 1rem 0;	
}/*
.gform_wrapper {
	display: block!important;
}*/
body {
/*	font-size: 0.875rem;*/
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif !important;
	/*background: #f2f2f2;*/
	}

	#search {
		padding: 1rem 0.8735rem;
		float: right;
	}
	@media (max-width:640px) {
		table, img {
			max-width: 100%!important;
		}
		.navbar {
			padding: 0.5rem 0;
		}
		header > div.header-utils {
			/*background: #002a5c;*/
			padding: 0;
		}
		#search {
			padding: 0;
			margin: 0;
			float: left;
			width: 60%;
			border-right: 1px solid rgba(0,0,0,0.25);
		}
		#search input {
			width: 80%; float: left;
		}
		#search button {
			float: left; width: 20%;
		}
		header > div > nav {
			width: 40%; float: left;
		}
		header > div > nav li, header > div > nav li a.btn {
			width: 100%;
		}
		#search button.btn-lg {
			padding: 0.75rem 0;
			text-align: center;
		}
		ol.carousel-indicators {
			position: relative;
			background: #000;
			top: 0;
			margin: 0;
			left: 0;
			width: 100%;
			padding: 1rem;
		}
		header ul, header ol, header form {
			margin: 0;
		}
		
		nav#main_nav li {
			width: 100%;
			float: none;
			margin: 0;
		}
		nav#main_nav a {
			display: block;
			padding: 0.25rem 0.5rem;
		}
		
		nav#main_nav li div.dropdown-menu {
			position: relative;
			float: none;
			margin: 0; padding: 0.5rem 0;
			border: none;
		}
		nav#main_nav li div.dropdown-menu a {
			padding: 0.25rem 1rem;
		}
	}
	
	.navbar-toggler {
		color: #fff;
	}

	header hgroup {
		max-width: 100%;
		box-sizing: border-box;
		overflow: hidden;
		order: 1;
		padding-bottom: 1rem;
	}
	@media (min-width: 640px) {
		header hgroup {
			order: 0;
		}
	}

	header hgroup h2 a {
		font-size: 5rem;
		line-height: 1.2em;
		padding: 1rem 0 1.5rem;
		display: block;
	}

	header hgroup h2 a svg {
		height: 87.5px; /* TODO: Change Sass file (min-height failed in Edge) */
		max-width: 350px!important;
		width: 100%;
	}


	#main_nav {
		background: #002a5c;
		margin: 0 -0.9375rem
		}
		#main_nav a {
			transition: .3s all;
			-webkit-transition: .3s all;
			-moz-transition: .3s all;
		}

	/* TODO: Start of add to Sass file */

	@media (min-width: 992px) {
		.nav {
			padding-left: 5rem;
		}

	}

	@media (min-width: 1200px) {
		.nav {
			padding-left: 7.5rem;
		}

		
		.navbar-nav .nav-item + .nav-item {
			margin-left: 2.5rem;
		}

	}
	/* End of add to Sass file */

	#menu-main-menu > li > a {
		color: #fff;
		font-size: 1.25rem;
		text-shadow: 0 1px 0 rgba(0,0,0,0.2);
		font-weight: bold;
	}

	#menu-tools-menu a {
		color: #002a5c;
	}

	

	.btn-primary a {color: #fff!important; text-decoration: none!important; line-height: 2.4;}

	.widget_recent_entries li {
		overflow: hidden;
		padding: 10px 10px 0;
		margin: 0;
		}
		.widget_recent_entries li dl {
			position: relative;
			/*padding-left: 60px;*/
			}
			.widger_recent_entries dt a {
				color: #002a5c!important;
				}
			.widget_recent_entries li dl dd p {
				margin: 0;
				}
		.widget_recent_entries li dl dd.date {
			color: #666;
			position: absolute;
			top: 0px;
			left: 0px;
			margin: 0;
			padding: 0;
			text-align: left;
			}
		.widget_recent_entries .more-link {
			display: block;
			margin: 0 0 10px 70px;
			font-weight: bold;
		}

	#breadcrumbs {
		color: #666;
		min-height: 1;
		min-width: 100%;
		}
		#breadcrumbs a {
			color: #666;
			}
		#breadcrumbs strong {
			color: #002a5c;
			}

		#main_body {
			min-width: 100%;
			flex-basis: auto;
			-webkit-box-flex: 0;
			flex-grow: 0;
		}
		#main_body article {
			background: #fff;
			padding: 1.6rem;
			font-size: .9rem;
			color: #000;
			}
			body.ie #main_body article {
				flex-basis: auto;
				width: 75%; /* TODO: Change Sass file so full width single posts  */
			}
			body.ie.archive #main_body article {
				width: 100%; /* TODO: Change Sass file so full width single posts  */
			}

			body.ie.single #main_body article {
				flex-basis: auto;
				width: 100%; /* TODO: Change Sass file so full width single posts  */
			}
			#main_body article h1, h1.page-title {
				font-weight: 200;
				color: #002a5c;
				font-size: 2.15em;
				}
				h1.page-title {
					font-size: 2.8em;
					}

			#main_body article th {
				text-shadow: 0 1px 0 #fff;
				}

			#main_body article h2,
			#main_body article h3,
			#main_body article h4,
			#main_body article h5,
			#main_body article h6 {
				font-weight: normal;
				}
			#main_body article h2 {font-size: 1.85em; margin: 1.875rem 0 1rem;}
			#main_body article h3 {font-size: 1.5em; margin: 1.5rem 0 1rem; color: #666;}
			#main_body article h4 {font-size: 1.25em; font-weight: bold;}
			#main_body article h5 {font-size: 1.0em;}
			#main_body article h6 {font-size: .85em;}
			#main_body article p {
				line-height: 1.75rem;
				}

				#main_body article h5.meta {
					margin: 1em 1em 0.5em 0;
					color: #999;
					border: solid #ddd;
					border-width: 1px 0;
					font-size: 1em;
					padding: 0.5em;
					}
			.results {
				margin: 2em 0 0;
				}
			.results > li {
				margin: 0 0 3em;
				}
			figure.full {
				background: #f4f4f4;
				border: 1px solid #e0e0e0;
				padding: 1.45em;
				margin: 0.8em 0 1.6em;
				}
				figure.full img {
					width: 100%;
					height: auto;
					}
				figure figcaption {
					font-size: 0.875em;
					font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
					color: #666;
					}

		.faclisting, .faclisting li, #main_body article ul.faclisting {
			list-style: none; margin: 0; padding: 0;
			}
			.faclisting li {
				margin-bottom: 1.25em;
				}
/* WIDGET STYLES */
	.sidebar {
		padding: 0 1rem 0 0;
		display: none;
	}
	@media (min-width:768px) {
		.sidebar {
			padding: 0 1rem 0 0;
			display: inherit;
		}
		body.ie .sidebar {
			flex-basis: auto;
			width: 25%;
		}
	}
		.sidebar form.nice {
			overflow: hidden;
			}
		.sidebar form.nice input.input-text {
			float: left;
			padding: 9px 3px 8px;
			margin: 0 10px 0 0;
			}
		.sidebar .button {
			padding: 9px 9px 11px;
			}
	.sidebar aside {
		padding-left: 20px;
		margin-bottom: 20px; /*NOTE: Added for SLP*/
		}
		.sidebar h3 {
			font-weight: 200;
			color: #666;
			padding: 0 0 0.5em;
			border-bottom: #ddd 1px solid;
			font-size: 1.3em;
			letter-spacing: normal;
			}
	.sidebar aside ul {
		margin: 0; padding: 0;
	}
	.xoxo {
		font-size: 1.3em;
		line-height: 1.25em;
		}

	#simple-section-nav-2 {
		margin: 0 0 3em;
		}
		.simple-section-nav ul {
			list-style: none; margin: 0; padding: 0;
		}

	#simple-section-nav-2 li, #simple-section-nav-2 ul, #widgets-reloaded-nav-menu-9 ul, .xoxo ul {
		margin: 0;
		padding: 0;
		}
		#simple-section-nav-2 li a, #widgets-reloaded-nav-menu-9 a {
				font-size: 1.1em;
				}
		#simple-section-nav-2 > ul > li a, #widgets-reloaded-nav-menu-9 > nav > ul > li > a, .xoxo > li > a {
			color: #666;
			line-height: 1.4em;
			display: block;
			padding: 4px 0;
			}
			#simple-section-nav-2 li.current_page_item > a, #simple-section-nav-2 li.current_page_ancestor > a {
				font-weight: bold;
				color: #002a5c;
				}
			#simple-section-nav-2 > ul > li.current_page_item > a, #simple-section-nav-2 > ul > li.current_page_ancestor > a {
				background: url(_includes/_images/sidebar_on_bg.gif) center left no-repeat;
				margin-left: -20px;
				padding-left: 20px;
				}

			#simple-section-nav-2 .children, #widgets-reloaded-nav-menu-9 .sub-menu, .xoxo .children {
				padding: 0 0 0 20px;
				}

			#simple-section-nav-2 .children ul {
				/*display: none;*/
				}

	.wp-caption {
		background: #efefef;
		padding: 5px;
		border: 1px solid #eee;
		}
		.wp-caption-text {
			margin: 0.25rem 0 0;
			}

			body.ie header.row hgroup, body.ie header.row > div {
				padding: 0;
			}

	#home_cols {
		padding: 0;
		margin: 0 0 1rem;
		justify-content: space-between;
		display: table;
		display: -webkit-flex;
		display: flex;
		min-width: 100%;
	}
	#home_cols .card-title {
		margin: 0 -0.9375rem;
		box-sizing: border-box;
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
	}
	#home_cols .card {
		background: none;
		border: 1px solid #efefef;
		background: #fff;
	}
	@media (min-width:640px) {
		#home_cols .card {
				max-width: 32%;
		}
	}
	
	#tribe-events-pg-template {
		max-width: 100%!important;
		background: #fff;
		margin: 2rem 0!important;
		padding: 2rem;
		box-sizing: border-box;
	}

	body.mobile #home_cols .card {
		max-width: 100%;
	}
	#home_cols .card-title {
		color: #002a5c;
		border-bottom: 1px solid #efefef;
		margin-bottom: 0;
		font-weight: bold;
		font-size: 1.25rem;
		}
	.card-body {
		padding: 1rem 0;
	}
	.card-body ul {
		margin: 0; padding: 0;
	}

	#slideshow {
		margin: 0 0 1.25rem;
		width: 100%;
		overflow: hidden;
	}
	.size-feat_img {
		min-width: 100%;
	}

	@media (min-width:640px) {
	#slideshow, .carousel-item {
		max-height: 400px;
		min-height: 400px;
	}
		
	}
	.carousel {
		padding: 0;
	}
	.carousel-caption {
		background: rgba(0,0,0,0.5);
		padding: 2rem;
	}
	.carousel-caption a {
		color: #fff;
		text-decoration: none;
	}

	.texture {
		background: url(_includes/_images/roughcloth.png) center center;
		}

		.footinfo {
			background: #002a5c;
			border-top: 1em #fff solid;
			margin-bottom: 2em;
			}
			.footinfo p {
				padding: 10px 0 10px 10px;
				color: #fff;
				font-size: 1.2em;
				text-transform: uppercase;
				font-weight: bold;
				text-shadow: 0 1px 0 rgba(0,0,0,0.25);
				height: 20px;
				}
			.footinfo nav {
				}
				.footinfo nav li {
					}
				.footinfo nav li a {
					display: block;
					padding: 0 10px;
					line-height: 20px;
					color: #fff;
					font-size: 1.2em;
					text-transform: uppercase;
					font-weight: bold;
					text-shadow: 0 1px 0 rgba(0,0,0,0.25);
					}

	#quicklinks h3 {
		background: #002a5c;
		color: #fff;
		font-weight: 200;
		line-height: 1.5;
		}

		#quicklinks dt {
			font-weight: bold;
			color: #002f65;
			}
		#quicklinks > .row {
			-webkit-flex-basis: 1;
			flex-basis: 1;
			min-width: 100%;
			max-width: 100%;
			-webkit-box-flex: 0;
			flex-grow: 0;
			margin: 0 0.375rem;
			padding: 0.5rem;
			}
		#quicklinks nav ul, #quicklinks nav ul li {
			padding: 0;
			list-style: none;
			margin: 0;
			}
			#quicklinks a {
				display: block;
				padding: 0.25rem 0;
				color: #002f65;
				}

	#footer {
		padding: 1rem 0;
	}

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media (min-width: 640px) {
  /* Style adjustments for viewports 640px and over go here */

  body:not(.ie) .sidebar {
	  display: block;
  }




		.footinfo {
			background: #002a5c;
			height: 40px;
			border-top: 1em #fff solid;
			margin-bottom: 2em;
			}
			.footinfo p {
				padding: 1rem 0 1rem 1rem;
				color: #fff;
				font-size: 1rem;
				text-transform: uppercase;
				font-weight: bold;
				text-shadow: 0 1px 0 rgba(0,0,0,0.25);
				height: 20px;
				}
.tabs {
	clear: both;
	}
}



/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}