
/* 	--------------------------------------------------
    uSkinned.net

	/* 3/25/2016 - tweaked styles for .slideshow.awards

	LAYOUT
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 
	0.0 FONT DECLARATIONS
	1.0 GENERAL
	2.0 HEADER
	3.0 CONTENT
	4.0 FOOTER
		4.1 FOOTER NAV
	5.0 NAVIGATION
		5.1 MAIN NAV
		5.3 TOP NAV
		5.3 SUB
		5.4 BREADCRUMB
		5.5 PAGINATION
		5.6 SITEMAP
		5.7 SOCIAL
		5.8 QUICK LINKS
		5.10 SLICK CAROUSEL NAVIGATION
	6.0 PROMO PODS
		6.1 WIDE COLUMN PODS
	7.0 LISTING
		7.1 BLOG LISTING
		7.2 SEARCH LISTING
		7.3 SECTION LISTING
		7.4 GRID LISTING
		7.5 PROMO POD LISTING
	8.0 PANELS
	9.0 PAGE COMPONENT
		9.1 TABBED
		9.2 ACCORDION
		9.3 QUOTES
		9.4 IMAGES
		9.5 GALLERY
		9.6 RESOURCES
		9.7 TABLES
		9.8 COMMENTS
		9.9 AUTHOR BIO
		9.10 IMAGE SLIDESHOW
	10.0 ADVANCED PAGE COMPONENT
		10.1 BANNER
		10.2 CTA STRIP  
    	10.3 PROMO PODS  
	    10.4 VIDEO 
	    10.5 TEXT WITH IMAGE / VIDEO  
	    10.6 TEXT WITH FORM  
	    10.7 BLOG WITH FORM  
	    10.8 TABBED LISTING  
	    10.9 STANDARD COMPONENTS
	    10.10 GRID
	11.0 FORMS
		11.1 SITE SEARCH
		11.2 AJAX LOADING
		11.3 COOKIES

    12.0 MHS: Methodist Jobs Extra Layout CSS
	
*/

/*
	
	BOOTSTRAP BREAKPOINTS
	
	.col-xs-	< 768px		(container width 100%)
	.col-sm-	> 768px		(container width 750px)
	.col-md-	> 992px		(container width 970px)
	.col-lg-	> 1200px	(container width 1170px)
	
*/

/*	----------------------------------------------------------------------------------------------------
	0.0 FONT DECLARATIONS
	---------------------------------------------------------------------------------------------------- */

	@font-face {
		font-family: 'Helvetica Neue LT Std';
		src: url('/fonts/HelveticaNeueLTStd-UltLt.woff') format('woff');
		font-weight: 200;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helvetica Neue LT Std';
		src: url('/fonts/HelveticaNeueLTStd-Lt.woff') format('woff');
		font-weight: 300;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helvetica Neue LT Std';
		src: url('/fonts/HelveticaNeueLTStd-Roman.woff') format('woff');
		font-weight: 400;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helvetica Neue LT Std';
		src: url('/fonts/HelveticaNeueLTStd-Bd.woff') format('woff');
		font-weight: 700;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helvetica Neue LT Std';
		src: url('/fonts/HelveticaNeueLTStd-It.woff') format('woff');
		font-weight: 400;
		font-style: italic;
	}

	@font-face {
		font-family: 'Helvetica Neue LT Std';
		src: url('/fonts/HelveticaNeueLTStd-BdIt.woff') format('woff');
		font-weight: 700;
		font-style: italic;
	}

/*	----------------------------------------------------------------------------------------------------
	1.0 GENERAL
	---------------------------------------------------------------------------------------------------- */
	
	body { 
		}		
	#site {
		margin:0 auto;
		}



/*	----------------------------------------------------------------------------------------------------
	2.0 HEADER
	---------------------------------------------------------------------------------------------------- */

	header {
        height: auto;
		}
	header .container {
		position:relative;
		}
	header #logo { 
		position:absolute; top:20px; left:15px; z-index:501;
		}

	header #logo.charlton, header #logo.dallas, header #logo.mmg, 
		header #logo.celina, header #logo.richardson {
			top: 10px;
		}
		 
	header #logo a {
			display: block;
			background-repeat: no-repeat;
			background-position: left bottom;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}
	
	@media (max-width:767px) {
	
	header {
		height:80px;
		}

	header #logo, header #logo.charlton, header #logo.dallas {
			top: 0;
			left: 0;
			margin: 10px 0;
			position: relative;
			float: left;			
		}
		
	}
			
	@media (min-width:768px) {
	
	header {
		/*height:160px;*/
        height: 220px;
		z-index:500;
		}
		
	}
			
	@media (min-width:992px) {
	}
			
	@media (min-width:1200px) {
	}
	



/*	----------------------------------------------------------------------------------------------------
	3.0 CONTENT
	---------------------------------------------------------------------------------------------------- */
	
	.content { 
		padding:16px 0;
		}
	.content.short { 
		padding:8px 0;
		}
		
	@media (max-width:767px) {
	
	.content #left_col,
	.content #mid_col {
		padding-bottom:24px;
		}
		
	}
		
	@media (min-width:768px) {
		
	.content { 
		}
	}
		
	@media (min-width:992px) {	
		
	.content { 
		}
	}	
		
	@media (min-width:1200px) {	
	}



/*	----------------------------------------------------------------------------------------------------
	4.0 FOOTER
	---------------------------------------------------------------------------------------------------- */
	
	footer { 
		padding:16px 0;
		background-color:#eeeeee;
		}	
		
	@media (max-width:767px) {
		
	footer .company_details,
	footer .quick_links {
		margin-bottom:32px;
		}
		
	}
		
	@media (min-width:768px) and (max-width:991px) {
		
	footer { 
		padding:24px 0;
		}
	footer .social {
		margin:16px 0;
		}
		
	}
		
	@media (min-width:992px) {	
		
	footer { 
		padding:32px 0 80px;
		}
		
	}	
		
	@media (min-width:1200px) {	
	}
	


/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
     
	.navigation {
		position:relative; z-index:5;
		}
	.navigation .reveal {
		display:none;
		}
	.navigation a.expand {
		position:absolute; top:0; right:0; z-index:300;
		width:80px; height:80px;
		display:block;
		text-indent:-9999px;
		}		
	.navigation a.expand span {
		display:block;
		width:40px; height:3px; 
		position:absolute; left:20px;
		opacity:1;
		transition:transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
		}
	.navigation a.expand span.top {
		top:26px;
		}
	.navigation a.expand span.mid {
		top:38px;
		}
	.navigation a.expand span.bottom {
		top:50px;
		}
	.navigation a.expand.active span.mid {
		opacity:0;
		}
	.navigation a.expand.active span.top,
	.navigation a.expand.active span.bottom {
		top:38px;
		}
	.navigation a.expand.active span.top {
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg);
		}
	.navigation a.expand.active span.bottom {		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg); 
		-moz-transform:rotate(45deg);
		}		
					
	@media (max-width:767px) {
		
	.navigation {
		margin-right:-15px; margin-left:-15px;
		}

	html.reveal_out {
		}			
	html.reveal_out header {
		z-index:301;
		width:100%; height:100%;
		}
		
	html.reveal_out .navigation .reveal {
		display:block;
		}
		
	}
			
	@media (min-width:768px) {
		
	.navigation a.expand {
		display:none;
		}
	.navigation .reveal {
		display:block;
		}
		
	}
			
	@media (min-width:768px) and (max-width:991px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
		
	.navigation nav.main {
		}	
	.navigation nav.main ul li a {
		min-height:60px;
		padding:22px 15px;	
		}
	.navigation nav.main ul li a span {
		display:block;
		}
		
	.navigation nav.main ul li,
	.navigation nav.main ul li a {
		position:relative;
		}

      .navigation nav.main ul li a:hover {
            color: #0067b1;
        }
	
	.navigation nav.main ul li i {
		cursor:pointer;
		position:absolute; top:0; right:0; 
		width:60px; height:60px; padding-top:22px;
		text-align:center;
		}

    	.navigation nav.main ul li ul li i {
		width:38px; height:38px; padding-top:12px;
		
		}
	.navigation nav.main ul li i.fa-external-link {
		position:relative; padding:0; top:auto; right:auto; bottom:auto; left:auto;
		width:auto; height:auto;
		background:transparent!important;
		}
		
	.navigation nav.main ul li.has_child a span { 
		padding-right:40px;
		}
	
	@media (max-width:767px) {
		
	.navigation nav.main {
		position:relative;
		clear:both;
		}
	.navigation nav.main ul {
		position:relative;
		clear:both;
		}
	.navigation nav.main ul li {
		display:block;
		border-width:0 0 1px; border-style:solid;
		}
	.navigation nav.main ul li a {
		display:block;
		}
	.navigation nav.main ul li.has_child a span {
		background-image:none;
		}
		
	.navigation nav.main ul ul {
		display:none;
		padding-right:60px;
		border-width:1px 0 0 0; border-style:solid;
		}
	.navigation nav.main ul ul li {
		border-width:0 1px 1px 0; border-style:solid;
		}
	.navigation nav.main ul ul li:last-child {
		border-bottom:0 none;
		}
	.navigation nav.main ul li.open > ul {
		display:block; position:relative; top:auto; left:auto;
		}

    .navigation nav.main ul li ul li a {
		min-height: initial;
        padding: 12px 10px;
		}
            
       
	}
			
	@media (min-width:768px) {

     header {
            background-color: #fff /* MHS */
        }
	    header,
	    .navigation,
	    .navigation nav.main,
	    .navigation nav.main ul,
	    .navigation nav.main ul li {
		    z-index:500;
        
		}
	.navigation nav.main {
		height:60px;
		position:relative; top:100px; right:0; left:0; z-index:300;
        background-color: #f5f5f5; /* MHS */
		}
	.navigation nav.main ul {
		overflow:visible;
		line-height:1;
		}
	.navigation nav.main ul li {
		float:left; display:inline;
		position:relative;
		}
	.navigation nav.main ul li a {
		display:block; float:left;
		height:60px;
		padding:22px 10px;
		}
		
	.navigation nav.main ul li.has_child a span { 
		padding-right:20px;
		}
	.navigation nav.main ul li i {
		top:20px;
        right:10px;
		width:20px; height:20px; padding-top:2px;
		}
	.navigation nav.main ul li i.fa-external-link {
		}
	

	/* DROP DOWN 2ND LEVEL */
	.navigation nav.main ul li ul {
		position: absolute; left: -999em; top: 60px; z-index: 2000;
		width: 200px; height:auto;
		padding:0;
		display:block;
		border-top:0;
		}
	.navigation nav.main ul li ul li {
		float: none;
		width: auto;
		display:block;
		border:0 none!important;
		}

	.navigation nav.main ul li ul li a {
		float:none; display:block; height:auto;
		line-height:1.3;
        min-height: initial;
        padding: 12px 10px;
		}
	.navigation nav.main ul li ul li a span { 
		display:block;
		background:none!important;
		}
    .navigation nav.main ul li ul li i {
		top:15px; 
        right:10px;
		width:20px; height:20px; padding-top:2px;
		}
		
	}	

	@media (min-width:768px) and (max-width:1199px) {
		
	.navigation nav.main ul li li.open > ul {
		top:0; left:200px;
		}
	.navigation nav.main ul li.open > ul {
		left:0;
		}
		
	}	
			
	@media (min-width:992px) {
		
	.navigation nav.main ul li a {
		padding:22px 15px;
		}
		
	}	
			
	@media (min-width:1200px) {	
		
	.navigation nav.main ul li li:hover > ul {
		top:0; left:200px;
		}
	.navigation nav.main ul li:hover > ul {
		left:0;
		}
			
	}
                            
                            
                            
/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */

	.navigation nav.top { 
		height:auto;
		}
	.navigation nav.top > ul { 
		color:#999;
		font-size:12px; font-size:1.2rem;
		}	
	
	@media (max-width:767px) {
		
	.navigation nav.top > ul {
		position:relative;
		clear:both;
		}
	.navigation nav.top > ul li {
		display:block;
		}
	.navigation nav.top > ul li a {
		display:block;
		padding:15px;
		}
		
	.navigation nav.top .dropdown-menu {
		position:relative; float:none; width:100%; box-shadow:none; margin:0 0 15px; padding:0;
		}
	.navigation nav.top li:last-child .dropdown-menu {
		margin-bottom:0;
		}
	.navigation nav.top .dropdown-menu a {
		padding:10px 15px;
		}
	
	}
			
	@media (min-width:768px) {
		
	.navigation nav.top { 
		position:absolute; top:15px; right:0;
		}
	.navigation nav.top > ul { 
		color:#999;
		font-size:12px; font-size:1.2rem;
		}
	.navigation nav.top > ul li {
		display:inline;
		float:left;
		margin-left:10px;
		}
	.navigation nav.top > ul li a {
		display:block;
		float:left;
		}
	.navigation nav.top > ul li a span {
		}
	.navigation nav.top > ul li div {
		display:block;
		float:left;
		}
		
	.navigation nav.top .dropdown-menu a {
		padding:5px 10px;
		}
		
	}
		
	.navigation nav.top .dropdown-menu li {
		display:block; clear:both; float:none; margin:0;
		}
	.navigation nav.top .dropdown-menu a {
		display:block; float:none;
		}
		                     
                            
                            
/*  --------------------------------------------------
    5.3 SUB NAVIGATION             
    -------------------------------------------------- */

	nav.sub {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:24px;
		}
	nav.sub p.heading {
		font-size:16px;
		}
	nav.sub p.heading a { 
		display:block;
		}
	
                            
                            
/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

	nav#breadcrumb {
		margin:8px 0 16px;
		}
	.content.short nav#breadcrumb {
		margin:12px 0;
		}
	nav#breadcrumb ol.breadcrumb { 
		padding:0; margin:0;
		background:transparent;
		}
	nav#breadcrumb ol.breadcrumb { 
		font-size:12px;
		}
	.breadcrumb > li + li::before {
		font-family:'FontAwesome';
		content:"\f105";
		}
                            
                            
                            
/*  --------------------------------------------------
    5.5 PAGINATION NAVIGATION             
    -------------------------------------------------- */

	nav.pagination {
		}
	nav#pager {
		margin:32px 0 32px;
		}
                            
                            
                            
/*  --------------------------------------------------
    5.6 SITEMAP NAVIGATION             
    -------------------------------------------------- */

	nav.sitemap {
		overflow:hidden;
		height:100%;
		position:relative;
		}
	nav.sitemap ul { 
		margin:0 0 8px;
		}
	nav.sitemap ul li {
		display:block;
		padding:0; margin:0;
		background:url('/images/bg/sitemap_line.png') no-repeat left -31px;
		}
	nav.sitemap ul ul {
		margin-left:16px;
		}	
                            
                            
                            
/*  --------------------------------------------------
    5.7 SOCIAL NAVIGATION        
    -------------------------------------------------- */
                    
	.social nav { 		
		}
	.social nav ul {
		line-height:0;
		}
	.social nav ul li {
		display:inline-block; position:relative;
		margin:0 2px 5px 0;
		}
	.social nav ul li a {
		display:block; float:left;
		text-indent:-9999px;
		width:32px; height:32px;
		background-image:url('/images/icons/social.png');
		background-repeat:no-repeat;
		}	
	.social nav ul li a::after {
		content:"";
		display:block; position:absolute; top:0; left:0; z-index:100;
		width:32px; height:32px;
		
		-webkit-transition:background-color 0.2s ease-in-out 0s;
		-moz-transition:background-color 0.2s ease-in-out 0s;
		-ms-transition:background-color 0.2s ease-in-out 0s;
		transition:background-color 0.2s ease-in-out 0s;
		}
	.social nav ul li.first a { 
		}
	.social nav ul li.last a { 
		}
	
	.social nav ul li.facebook a {
		background-position:left top;
		}
	.social nav ul li.twitter a {
		background-position:left -32px;
		}
	.social nav ul li.linkedin a {
		background-position:left -64px;
		}
	.social nav ul li.google_plus a {
		background-position:left -96px;
		}
	.social nav ul li.pinterest a {
		background-position:left -128px;
		}
	.social nav ul li.instagram a {
		background-position:left -160px;
		}
	.social nav ul li.flickr a {
		background-position:left -192px;
		}
	.social nav ul li.tumblr a {
		background-position:left -224px;
		}
	.social nav ul li.vimeo a {
		background-position:left -256px;
		}
	.social nav ul li.youtube a {
		background-position:left -288px;
		}
	.social nav ul li.dribble a {
		background-position:left -320px;
		}
	.social nav ul li.skype a {
		background-position:left -352px;
		}
	.social nav ul li.rss a {
		background-position:left -384px;
		} 
    /* MHS: added a couple of icons */
    .social nav ul li.blogger a {
		background-position:left -416px;
		} 
     .social nav ul li.blog a {
		background-position:left -448px;
		}
     .social nav ul li.glassdoor a {
            background-position: left -480px;
        }

                            
                            
/*  --------------------------------------------------
    5.8 QUICK LINKS           
    -------------------------------------------------- */
     
	.quick_links {
		}
	.quick_links ul {
		}
	.quick_links ul li {
		margin-bottom:10px;
		}       
                            
                            
/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
     
    /* MHS: Footer adjustments */
	nav.footer {
		padding:16px 0 0;
		/*margin-top:16px;
		border-top-width:1px;
		border-top-style:solid;*/
		}
	nav.footer ul {
		font-size:11px;
		}
	nav.footer ul li {
		margin-right:8px;
		display:inline-block;
		}
	nav.footer ul li.site_credit {
		margin:0;
		}
	nav.footer ul li a,
	nav.footer ul li div {
		display:inline;
		padding:0;
		}
		
	@media (max-width:767px) {
		
	nav.footer ul li.copyright {
		/*display:block;*/
		clear:both;
		margin-bottom:16px;
		}
	nav.footer ul li.site_credit {
		display:block;
		clear:both; float:none!important;
		margin-top:16px;
		}
		
	}	
                            
                            
                            
/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */
     
	.slick-prev, .slick-next {
		width:50px; height:50px;
		position:absolute; z-index:200; top:45%;
		background:none;
		border:0 none;
		cursor:pointer;
		}
	.slick-prev:hover, .slick-next:hover {
		}
	.slick-prev {
		left:0;
		}
	.slick-next {
		right:0;
		}
		
	.slick-prev, .slick-next {		
   		display: table;
		}
	.slick-prev i.fa, .slick-next i.fa {
		position:relative;
		margin:0!important;
		display:block;
		text-align:center;
   		display: table-cell;
   		vertical-align: middle;
		}
		   
		
	@media (max-width:767px) {
	
	.banner .slick-prev, .banner .slick-next,
    .slideshow .slick-prev, .slideshow .slick-next {
		display:none!important;
		}
		
	}	
		                       
                            
                            
/*  ----------------------------------------------------------------------------------------------------
    6.0 PROMO PODS         
    ---------------------------------------------------------------------------------------------------- */

	.promo_pods {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:24px;
		}
	.promo_pods .item {
		position:relative;
		margin-bottom:16px;
		}
		
	.promo_pods .item a {
		}
	.promo_pods .item.imagepod a,
	.promo_pods .item.videopod a {
		display:block;
		}
	.promo_pods .item a:hover .text {
		text-decoration:none;
		}
		
	.promo_pods .item .image {
		margin:0 0 8px;
		}		
	.promo_pods .item img { 
		overflow:hidden;
		}
	.promo_pods .item.imagepod img,
	.promo_pods .item.videopod img {
		width:100%;			
		margin:0;
		}
		
	.promo_pods .item p.heading { 
		display:block;
		margin:0 0 8px;
		/*font-size:16px;*/
        font-size:21px;
        font-weight: 700;
        color: #353434;
        letter-spacing: -.02em;

		}
	.promo_pods .item .text { 
		display:block;
		margin-bottom:16px;
        color:#4D4C4B 
		}
	.promo_pods .item .text p {
		margin:0;
		}
	.promo_pods .item .link { 
		}
	
	@media (max-width:767px) {
		
	.promo_pods .item .image {
		/*max-width:140px;*/  /*MHS Pod image adjustment*/
		}
	.promo_pods .item.imagepod .image,
	.promo_pods .item.videopod .image {
		max-width:100%;
		}

	}
		                          
                            
                            
/*  --------------------------------------------------
    6.1 WIDE COLUMN PODS         
    -------------------------------------------------- */

	.promo_pods.wide {
		}

	
	@media (min-width:768px) and (max-width:991px) {

	.promo_pods.wide .col-sm-6:nth-child(2n+1) {
		clear:both;
		}

	}
	
	@media (min-width:992px) and (max-width:1199px) {

	.promo_pods.wide .col-md-4:nth-child(3n+1) {
		clear:both;
		}

	}
	
	@media (min-width:1200px) {

	.promo_pods.wide .col-lg-3:nth-child(4n+1) {
		clear:both;
		}

	}
                            
                            
                            
/*  ----------------------------------------------------------------------------------------------------
    7.0 LISTING   
    ---------------------------------------------------------------------------------------------------- */

	.listing { 
		overflow:hidden;
		height:100%;
		position:relative;
		padding-top:8px;
		margin-top:16px;
		}
	.advanced-component .listing {
		padding:0; margin:0;
		}	
	.listing .item { 
		padding-bottom:16px;
		margin-bottom:16px;
		}		
	.listing .item a { 
		}		
	.listing .item .image {
		margin-bottom:8px;
		}
	.listing .item p.heading { 
		display:block;
		font-size:18px;
		margin:0 0 8px;
		}
	.listing .item .text {
		display:block;
		margin:0 0 16px; 
		}
	.listing .item .meta a,
	.listing .item .text a {
		display:inline;
		}
		
	@media (max-width:767px) {
		
	.listing .item .pull-right {
		float:none; text-align:left;
		}
	
	}		      
                            
                            
/*  --------------------------------------------------
    7.1 BLOG LISTING   
    -------------------------------------------------- */
			
	.listing.blog {
		}
	.listing.blog .item .image {
		margin-bottom:16px;
		}

    .listing.blog .item {position:relative; float:left; width: 100%;}

    .listing.blog .item p.heading,
    .listing.blog .item ,text {
        line-height: 1.4;}
    
    .blog-image {
		margin:0 0 0 15px;
        width: 35%;
        height: auto; 
        float: right;
		}
    .blog-image .info {
        text-align: center;
        background-color: rgba(245, 245, 245, 1);
    }
    .listing.blog .item .blog-image {
		margin: 7px 15px 0 0;
        width: 28%;
        height: auto; 
        float: left;
		}

    

	div.meta { 
		font-size:12px;
		}

	.item div.meta {
		margin-top:16px;
        position:relative; float:left; width: 100%;
		}	
	div.meta div {
		padding-top:8px;
		overflow:hidden;
		height:100%;
		} 
	.advanced-component div.meta .categories,
	div.meta .categories {
		padding-top:8px;
		}
		
	@media (min-width:768px) {
		
	div.meta .categories {
		padding-top:0;
		}
		
	}	

    /* MHS:  for imported Word Press blogs */

    img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 12px;
    margin-top: 4px;
    display: inline;
    }
    .alignright, img.alignright {
    float: right;
    margin-left: 24px;
    width: auto;
    max-width: 640px;
    }
    .alignleft, img.alignleft {       
        float: left;
        margin-right: 24px;    
        width: auto;    
        max-width: 640px;
    }
    img.size-small, img.size-full, img.size-medium {
        height: auto;
        max-width: 640px;
        width: auto;
    }

    .wp-caption {
    background: #f1f1f1 none repeat scroll 0 0;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}
    .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
                            
                            
                            
/*  --------------------------------------------------
    7.2 SEARCH LISTING   
    -------------------------------------------------- */
			
	.listing.search {
		}

                            
                            
                            
/*  --------------------------------------------------
    7.3 SECTION LISTING   
    -------------------------------------------------- */
			
	.listing.section {
		}
		
	@media (max-width:767px) {
		
	.listing.section .item .image {
		max-width:320px;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    7.4 GRID LISTING   
    -------------------------------------------------- */
			
	.listing.grid {
		}
	.listing.grid .item {
		margin-bottom:24px; padding-bottom:0;
		} 
		
	@media (max-width:767px) {
		
	.listing.grid .item .image img {
		max-width:100%;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    7.5 PROMO POD LISTING   
    -------------------------------------------------- */

	.promo_pods .item .listing {
		padding:0; margin:0 0 8px;
		border-width:0 0 1px; border-style:solid;
		}	
	.promo_pods .item .listing .item {
		margin:8px 0; margin:0; padding:0;
		border-width:1px 0 0; border-style:solid;
		}
	.promo_pods .item .listing .item p.heading {
		font-size:14px;
		margin:8px 0;
		}
	.promo_pods .item .listing.blog .item p.heading {
		margin:8px 0 0;
		}
	.promo_pods .item .listing .item div.meta	{
		margin:0 0 8px;
		}
	.promo_pods .item a.see_all {
		top:20px; right:16px;
		}
	



/*  ----------------------------------------------------------------------------------------------------
    8.0 PANELS
    ---------------------------------------------------------------------------------------------------- */

	.panel {
		}
	.panel .panel-body {
		}	



/*  ----------------------------------------------------------------------------------------------------
    9.0 PAGE COMPONENT
    ---------------------------------------------------------------------------------------------------- */

	.page_component {
		position:relative;
		margin-bottom:24px;
		}
	.page_component.textblock,
	.page_component.listing {
		margin:0;
		}



/*  --------------------------------------------------
    9.1 TABBED
    -------------------------------------------------- */

	.tabbed {
		}
	.tabbed .nav {
		font-size:14px;
		}
	.tabbed .nav * {
		border-radius:0;
		box-shadow:0 none;
		}
	.tabbed .nav li a {
		padding:16px;
		}
	.tabbed .nav-tabs li.active a {
		background:transparent;
		}
	
	@media (min-width:992px) {
	
	.tabbed .nav i {
		display:none;
		}
	.tabbed .tab-content {
		padding:16px;
		border-width:0 1px 1px; border-style:solid;
		}	
	
	}	



/*  --------------------------------------------------
    9.2 ACCORDION
    -------------------------------------------------- */

	.accordion {
		}
	.tabbed .panel,
	.accordion .panel {
		border-radius:0;
		box-shadow:0 none;
		}
	.tabbed .panel-heading,
	.accordion .panel-heading {
		padding:0;
		font-size:14px;
		}
	.tabbed .panel-heading .panel-title,
	.accordion .panel-heading .panel-title {
		padding:0;
		font-size:14px;
		}	
	.tabbed .panel-heading .panel-title a,
	.accordion .panel-heading .panel-title a {
		display:block;
		padding:12px;
		text-decoration:none;
		}	 



/*  --------------------------------------------------
    9.3 QUOTES
    -------------------------------------------------- */

	.quotes {
		}  
	blockquote {
		margin:16px 0;
		padding:0;
		border:0 none;
		text-align:center;
		}  
	blockquote i {
		display:block; margin:0 auto 16px;
		}
	blockquote p {
		font-size:22px;
		}
	.promo_pods blockquote p {
		font-size:16px;
		}
	blockquote cite {
		font-size:11px;
		}
	blockquote::before, blockquote::after {
		content:""; display:block; margin:0 auto;
		width:70%; height:3px;
		}
	blockquote::before {
		margin-bottom:24px;
		}
	blockquote::after {
		margin-top:24px;
		}	
		
	@media (min-width:992px) {
		
	blockquote {
		margin:24px 0;
		padding:0 10%;
		} 
	blockquote p {
		font-size:28px;
		}
	.promo_pods blockquote p {
		font-size:20px;
		}
		
	}	
                            
                            
                            
/*  --------------------------------------------------
    9.4 IMAGES             
    -------------------------------------------------- */
                            
	.page_component.image {
		margin-bottom:16px;
		}                
	.page_component.image img { 
		display:block;
		overflow:hidden;
		max-width:100%;
		height:auto; 
		}           
	.page_component.image .info {
		position:absolute; top:auto; right:0; bottom:0; left:0;
		background-color:rgba(0,0,0,0.7);
		}
	.page_component.image .info .text {
		padding:10px;
		font-size:11px;
		color:rgba(255,255,255,0.8);
		}
	

                            
/*  --------------------------------------------------
    9.5 GALLERY        
    -------------------------------------------------- */
	
    /* MHS Gallery adjustments */
	.gallery { 
		}
	.gallery .item {
		margin-bottom:24px;
		}
	.gallery .item a {
		}
	.gallery .item .image {
		position:relative;
		}
	/*.promo_pods .item a .overlayicon,
	.gallery .item a .overlayicon {
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
		}*/
	/* MHS: added to make text opaque for gallery menu items*/
	.gallery .item a .overlayicon,
    .gallery .item a .overlaytext {
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		}

	.image.video a .overlayicon,	
	.promo_pods .item.videopod a .overlayicon,
	.gallery .item.video a .overlayicon,
	.promo_pods .item a:hover .overlayicon,
	.gallery .item a:hover .overlayicon
    {
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		}
	.image.video a .overlayicon,
	.promo_pods .item a .overlayicon,
	.gallery .item a .overlayicon,
    .gallery .item a .overlaytext {
		display:table; width:100%; height:100%;
		position:absolute;
		top:0; right:0; bottom:0; left:0;	
		text-align:center; padding:0; margin:0;
		
		-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		
		}
	/*.gallery .item a .overlayicon,*/
    .gallery .item a .overlaytext  {
		left:0;
		/* MHS: Added for overlay text on Why Methodist landing page gallery blocks*/
			color:#fff;
			font-weight:700;
			font-size:22px;
			padding-top:33%;	
			padding-left: 5px;
			padding-right: 5px;
		}


	.image.video a .overlayicon i,
	.promo_pods .item a .overlayicon i,
	.gallery .item a .overlayicon i {
		display:table-cell; width:100%; height:100%;
		vertical-align:middle; padding:0; margin:0;
		
		-webkit-transition:color 0.2s ease-in-out 0s;
		-moz-transition:color 0.2s ease-in-out 0s;
		-ms-transition:color 0.2s ease-in-out 0s;
		transition:color 0.2s ease-in-out 0s;
		}

    /* MHS: add option for gallery with title and text on hover */
    .gallery .item .galhover.overlaytext {display:none;
                              position:absolute; top:0; right:0; bottom:0; left:0;	
		                      text-align:center; padding:0; margin:0; color: #fff;
                              padding: 30% 10%; 
    }

    .gallery .item .galhover .hovertitle { font-weight:700;
			font-size:24px; margin-bottom: 7px;
        }

    .gallery .item .galhover .hovertext { font-weight:500;
			font-size:18px;
        }

    .gallery .item .galhover .hovermore { font-weight:500; color: #9cd5ff;
			font-size:18px;
        }
    .gallery .item a:hover .galhover.overlayicon {display:block;}
    .gallery .item a:hover .galfirst.overlayicon {
            display: none;
        }

    .gallery .item a:hover .galhover.overlaytext {display:block;}
    .gallery .item a:hover .galfirst.overlaytext {
            display: none;
        }
        

	@media (max-width:767px) {

    /* MHS: removed becasue this causes gallery row to wrap and leave orphan  */
	/*.gallery .item:nth-child(2n+1) {
		clear:both;
		}*/

	}

	@media (min-width:768px) {

    /* MHS: removed becasue this causes gallery row to wrap and leave orphan  */
	/*.gallery .item:nth-child(3n+1) {
		clear:both;
		}*/

	}


                            
                            
/*  --------------------------------------------------
    9.6 RESOURCES         
    -------------------------------------------------- */

	.resources { 
		}
	.resources .item {
		padding:16px;
		}
	.resources .item .heading {
		display:block;
		}
	.resources .item .size {
		font-size:12px; 
		}



/*  --------------------------------------------------
    9.7 TABLES
    -------------------------------------------------- */

	table { 
		width:100%; margin-bottom:16px;
		}
	.page_component.tables table {
		}	
	
	table thead { 
		}
	table tr th,
	table tr td { 
		padding:8px;
		}
	table tr th { 
		padding:12px 8px;
		}
	table thead tr th.first, 
	table tfoot tr td.first { 
		}
	table thead tr th.last, 
	table tfoot tr td.last { 
		}

	table tbody tr.even td { 
		}
	table tbody tr td { 
		}


                            
/*  --------------------------------------------------
    9.9 AUTHOR BIO
    -------------------------------------------------- */
	
	.author_bio {
		}
	.author_bio p.heading {
		margin-bottom:0;
		}
	.author_bio .image {
		margin-top:16px;
		}
	.author_bio .info {
		padding:16px 16px 0;
		}
	.author_bio .info p.heading {
		font-size:16px;
		}
	.author_bio .info .text p {
		}
		
	@media (min-width:768px) {
		
	.author_bio .info {
		padding:16px 16px 16px 0;
		}
		
	}	
	
	
	
/*  --------------------------------------------------
	9.10 IMAGE SLIDESHOW
    -------------------------------------------------- */
	
	.slideshow {
		}
	.slideshow .item {
		display:block;
		}
	.slideshow .item .image {
		}
	.slideshow .item .image img {
		display:block;
		overflow:hidden;
		}        
	.slideshow .item .info {
		/*position:absolute;*/ top:auto; right:0; bottom:0; left:0;
		position:relative; /* MHS: added to stack slideshow */
		/*background-color:rgba(0,0,0,0.7);*/
        background-color: #fff;
		}
	.slideshow .item .info .text {
		padding:10px;
		font-size:14px;
		color: #0067b1;
		}
        .slideshow.awards .item .info.wide {min-height: 300px;
        }

         .slideshow.awards .item .info.wide .text {                      
            padding: 30% 15%;
            text-align: center;    
        }

    /* MHS: Quality Carousel (slideshow) */
	@media (min-width:768px) {
    .slideshow.awards {}

    .slideshow.awards .item {
		display:block;
		height: 100%;
		position: relative;
		}
	.slideshow.awards .item .image {
        position:relative; float: left;
        width: 50%; padding-left: 50px;
		height:275px; vertical-align:middle;
		}
	.slideshow.awards .item .image img {
		display:block;
		overflow:hidden;
		}        
	.slideshow.awards .item .info {
		/*position: absolute; left: 50%; */
		position:relative;
		background-color:rgba(255,255,255,1);
        display: table-cell;
        width: 50%;
		/*height: 100%;*/
		height: 275px;
        vertical-align: middle;
		padding-right: 8%;
		}
     
    .slideshow.awards .text {background-color: #fff;}

	.slideshow.awards .item .info .text {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        padding: 0 15px 0 0;
        margin: 0;
		font-size:21px;
		color:#0067B1;
		}
       .slideshow.awards .item .info.wide .text {                      
            padding: 10% 15% 10% 22%;
	    text-align: center;
        }
	}
	@media (max-width:1199px) {
		.slideshow.awards .item .image img {
			padding-top:5%;
		}
	}
	@media (max-width:991px) {
		.slideshow.awards .item .image img {
			/*padding-top:15%;*/
		}
		.slideshow .item .info .text {
			text-align:center;
		}

	}
                            
/*  ----------------------------------------------------------------------------------------------------
    10.0 ADVANCED PAGE COMPONENT
    ---------------------------------------------------------------------------------------------------- */

	.advanced-component {
		padding:24px 0;
		overflow:hidden; height:100%;
		}
	.advanced-component .overview {
		margin-bottom:24px;
		}
	.advanced-component .image.video {
		position:relative;
		}
		
	.advanced-component.banner {
		padding:0!important;
		}
	.advanced-component.banner,
	.advanced-component.promo_pods {
		margin:0;
		}
		
	.advanced-component	.heading.main {
		font-size:22px;
		}

	.advanced-component .heading-short.main {
			font-size: 30px;
		}
		
	@media (min-width:768px) {
		
	.advanced-component {
		padding:32px 0;
		}
		
	.advanced-component	.heading.main {
		font-size:26px;
		}

	.advanced-component .heading-short.main {
			font-size: 40px;
		}
		
	}	
		
	@media (min-width:992px) {
		
	.advanced-component {
		padding:48px 0;
		}
		
	.advanced-component	.heading.main {
		font-size:30px;
		}
	
	.advanced-component .heading-short.main {
			font-size: 45px;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.advanced-component {
		padding:64px 0;
		}
		
	.advanced-component	.heading.main {
		font-size:32px;
		}

	.advanced-component .heading-short.main {
			font-size: 50px;
		}
	}	

                            
/*  --------------------------------------------------
    10.1 BANNER  
    -------------------------------------------------- */                   
	
	.advanced-component.banner {
		overflow:hidden;
		height:100%;
		position:relative; z-index:0;
		}
	.advanced-component.banner .container,
	.advanced-component.banner .row {
		}
	.advanced-component.banner .slides {
		overflow:hidden;
		height:100%;
		position:relative; z-index:0;
		}
	.advanced-component.banner .slides .item {
		position:relative; z-index:0;
		}
	.advanced-component.banner .slides a .heading,
	.advanced-component.banner .slides a {
		color:#ffffff;
		}
	.advanced-component.banner .slides .image {
		position:relative; z-index:5;
		}
	.advanced-component.banner .slides img {
		display:block;
		overflow:hidden;
		}	
	.advanced-component.banner .slides .info {
		width:100%; z-index:100;
		}
	.advanced-component.banner .slides .info .heading {
		margin:8px 0 12px;
		line-height:1.2;
		}
	.advanced-component.banner .slides .info p {
		padding:0; margin:0;
		}
	.advanced-component.banner .slides .info p.link {
		margin:32px 0 16px;
		}
	
	.advanced-component.banner blockquote::before, .banner blockquote::after {
		display:none;
		}

 		
	@media (max-width:767px) {
	}
		
	@media (min-width:768px) {
		
	.advanced-component.banner {
		padding:16px 0 0;
		}

    /* MHS: adjust home banner text margins */
    .advanced-component.banner .slides .info .heading {
		margin: 8px 50px 12px 0;
		line-height:1.2;
		}    
		
	}
		
	@media (min-width:992px) {	
			
	.advanced-component.banner .slides .info {
		position:absolute; top:0; bottom:0; left:0;
		}

     .banner .item .valign {
            margin-top: 70px;
            padding-left: 50px;
        } 

     .banner .item:nth-child(1) .valign {
            margin-top: 70px;
        }   
        
	}	
		
	@media (min-width:1200px) {	

           .banner .item .valign {
            margin-top: 120px;
            padding-left: 50px;
        } 

     .banner .item:nth-child(1) .valign {
            margin-top: 120px;
        }   

	}

                            
/*  --------------------------------------------------
    10.2 CTA STRIP  
    -------------------------------------------------- */                   

	.advanced-component.cta-strip { 
        color: #fff;        		
	}

	.advanced-component.cta-strip.outro-strip { 
        padding:0px;   		
	}

    .advanced-component.cta-strip .intro {
        font-size: 3rem;
	    font-weight: 300; /* MHS: kw add*/
    }

    .advanced-component.cta-strip .btn { 
        border: solid 2px #fff;
	}

	.advanced-component.cta-strip .outro-strip .btn { 
        border: solid 2px  #0067B1;
		padding: 10px 56px;
		font-size: 14px;
		font-family:'Helvetica Neue LT Std' !important;
		line-height: 0;
	}

	.advanced-component.cta-strip .outro-strip {
		display: flex;
		padding:0;
	}

	.advanced-component.cta-strip .outro-strip p {
		color: #4D4C4B;
		font-family:'Helvetica Neue LT Std' !important;
	}

	.advanced-component.cta-strip .outro-strip p .intro {
		font-weight: bold;
		font-family:'Helvetica Neue LT Std' !important;
		color: #0067B1;
	}

	.advanced-component.cta-strip .outro-strip .img-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgb(2,0,36);
		background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,103,177,1) 100%);
		z-index: 1;
	}

	.advanced-component.cta-strip .outro-strip img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.advanced-component.cta-strip .outro-strip .left {
		padding: 0;
		overflow: hidden;
	}

	.advanced-component.cta-strip .outro-strip .right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 70px 0;
	}

	.advanced-component.cta-strip .outro-strip .right .content {
		background: white;
		color: #0067B1;
		padding: 35px;
	}



                            
/*  --------------------------------------------------
    10.3 PROMO PODS  
    -------------------------------------------------- */                
	
	.advanced-component.promo_pods {		
		} 
		
	@media (max-width:991px) {
	
	.advanced-component.promo_pods .item:nth-child(2n+1) {
		clear:both!important;
		}
	}
		
	@media (min-width:992px) {	
	
	.advanced-component.promo_pods .item:nth-child(4n+1) {
		clear:both!important;
		}		
	}	            
	

                            
/*  --------------------------------------------------
    10.4 VIDEO  
    -------------------------------------------------- */               
	
	.advanced-component.video-component {
		
		}                 
	

                            
/*  --------------------------------------------------
    10.5 TEXT WITH IMAGE / VIDEO  
    -------------------------------------------------- */                
	
	.advanced-component.text-with-image_video {
		
		}                
	

                            
/*  --------------------------------------------------
    10.6 TEXT WITH FORM  
    -------------------------------------------------- */                
	
	.advanced-component.text-with-form {
		
		}                
	

                            
/*  --------------------------------------------------
    10.7 BLOG WITH FORM  
    -------------------------------------------------- */              
	
	.advanced-component.blog-with-form {
		
		}

                            
/*  --------------------------------------------------
    10.8 TABBED LISTING  
    -------------------------------------------------- */                
	
	.advanced-component.tabbed-listing {
		
		}
	.advanced-component.tabbed-listing .tabbed .nav,
	.advanced-component.tabbed-listing .tabbed .nav * {
		border:0 none;
		}
	.advanced-component.tabbed-listing .tabbed .nav li {
		display:inline-block; float:none;
		}
	.advanced-component.tabbed-listing .tabbed .tab-content {
		padding:32px 0 0;
		border:0 none;
		}	
		
                            
/*  --------------------------------------------------
    10.9 STANDARD COMPONENTS
    -------------------------------------------------- */              
	
	.advanced-component.standard-components {
		padding:8px 0;
		}
	.advanced-component.standard-components .page_component {
		}
		
	@media (min-width:768px) {
		
	.advanced-component.standard-components {
		padding:12px 0;
		}
		
	}	
		
	@media (min-width:992px) {
		
	.advanced-component.standard-components {
		padding:16px 0;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.advanced-component.standard-components {
		padding:24px 0;
		}
		
	}
		
                            
/*  --------------------------------------------------
    10.10 GRID
    -------------------------------------------------- */  


                            
/*  ----------------------------------------------------------------------------------------------------
    11.0 FORMS
    ---------------------------------------------------------------------------------------------------- */
	
	textarea { resize:none; }
	
	fieldset {
		margin:0 0 16px;
		}
	legend {
		padding:0 0 8px;
		margin:8px 0 16px;
		}
	label {
		font-weight:normal;
		}	
	.form-control {
		border-radius:0; min-height:40px;
		}

	/* VALIDATION */
	.input-validation-error {
	
		}
	.field-validation-error {
		display:block; padding:5px; font-size:12px;
		}

    .field-validation-valid
    {
        display: none;
    }
    .validation-summary-valid
    {
        display: none;
    }

/*	----------------------------------------------------------------------------------------------------
	11.1 SITE SEARCH
	---------------------------------------------------------------------------------------------------- */
	
	.site_search {
		padding:0;
		position:relative;
		}
	.site_search form {
		padding:0; margin:0;
		}	
	.site_search .form-group {
		width:100%;
		}
	.site_search .form-control {
		width:100%; height:40px; padding-right:45px;
		}	
	.site_search .btn {
		height:40px;
		position:absolute; top:1px; right:0;
		}
		
	@media (max-width:767px) {
		
	.site_search {
		margin:15px;
		}
		
	}	
		
	@media (min-width:768px) {
	
	header .site_search { 
		position:absolute; top:40px; right:0;
		}
	.site_search .btn {
		top:0;
		}	
		
	}
		
	@media (min-width:992px) {	
	}	
		
	@media (min-width:1200px) {	
	}

		
                            
/*  --------------------------------------------------
    11.2 AJAX LOADING         
    -------------------------------------------------- */

	.ajax_wrap {
		position:relative;
		width:100%;
		height:100%;
		}
	.ajax_wrap .ajax_loading {
	  	position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:10;
		} 
	.ajax_wrap .ajax_loading .loading {
		margin:0;
		position:relative;
		text-align:center;
		display:table;
		width:100%;
		height:100%;
		}
	.ajax_wrap .ajax_loading .loading span.message {
		display:table-cell;
		width:100%;
		height:100%;
		text-indent:-9999px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:center;
		}



/*  --------------------------------------------------
    11.3 COOKIES
    -------------------------------------------------- */

	.cookies {
		padding:1em;
		position:fixed; right:0; bottom:0; left:0;
		z-index:100;
		box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
		}
	.cookies p.link {
		padding:0;
		}
	.cookies a.close {
		position:absolute; top:0; right:0;
    	font-size: 18px;
		text-decoration:none!important;
		font-weight:bold;
		}
	.cookies a.close:hover {

		-webkit-opacity: 0.7;
		-moz-opacity: 0.7;
		-ms-opacity: 0.7;
    	opacity: 0.7;
		}

/*  --------------------------------------------------
    11.3 MHS Umbraco Forms 
    -------------------------------------------------- */

	.contour.jobopportunity {
		color: #fff;
	}

	.contour.jobopportunity input,
	.contour.jobopportunity select {
		color: #000;
	}

	.contour select {
		max-width: 400px !important;
    	padding: 5px;
    	display: block;
    	width: 95%;	
	}

	.contour.jobopportunity .contourPageName,
	.contour.jobopportunity .contourNavigation {
		color: #fff;
		text-align: center;
	}

	.contour.jobopportunity .contourNavigation input.btn {
		background-color: transparent;
		color: #fff;
		border-color: #fff;
		border-width: 2px;
		font-size: 24px;
		text-transform: none;
		padding: 10px 70px;
	}

	.contour.jobopportunity .contourNavigation input.btn:hover,
	.contour.jobopportunity .contourNavigation input.btn:focus {
		color: #77B4F1;
		border-color: #77B4F1;
	}

.contour.jobopportunity .contourField .help-block {
    color: #ffffff
}
/*.contourField.preferredphone {margin-top:40px;}*/
.contourField a, .contourField i.fa.fa-info-circle {
    color: #ffffff;
}
    
    .contourField.checkifyouarecurrentlyamethodistemployee .fieldLabel,
    .contourField.optintoreceivetextingaboutpositionseventsorcareerfairsforanyofthemethodisthealthsystemcampuses .fieldLabel {
    font-weight:normal;
}
     @media (min-width:768px) {
     
        #contour fieldset, .contour fieldset, .contourNavigation {
            padding: 1em 10%;
        }
    }

    .jobopportunityoct2016 .contourField.preferredphone {padding-top: 30px;}
    
   /*  --------------------------------------------------
    12.0  MHS: Methodist Jobs Extra Layout CSS
    -------------------------------------------------- */

   /* MHS: hide the new page icon */
   i.fa-external-link {display:none;}

   /* MHS: css for jobs search box */
    .mhs-searchrow {
        position:relative; z-index:5;
        }

    .mhs-searchrow .mhs-searchbar {
		position:relative; top:100px;
        /*right:0; left:0;*/ 
        z-index:300;
        background-color: #0067B1; 
		}
	
	.mhs_search {
		padding:0;
		position:relative;
		}

    .mhs_search .searchtxt {color: #fff; text-transform: uppercase; font-weight: bold;}

    .mhs_search .searchlink {color: #77B4F1; font-weight: normal; font-size: 12px; float:left; position:relative; top: -6px; }

	.mhs_search form {
		padding:0; margin:0;
       
		}	
	.mhs_search .form-group {
		width:100%;
		}

	.mhs_search .form-control {
		width: 90%; display:inline;
        font-size: 12px;
        margin-right: 20px;
        min-height: 30px;
        padding: 5px 10px;
	margin-bottom: 10px;
		}

    .mhs_search .form-control:focus {  /*bootstrap override*/
        border-color: #808080;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(128, 128, 128, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(128, 128, 128, 0.6);
    }

	.mhs_search .btn {
		height:30px; display:inline;
        border: solid 1px #fff;
        padding: 6px 20px;
		}
    .mhs_search select.form-control:invalid { color: #ccc; }

    .mhsaddr {cursor: pointer;}

    .mhsaddr h3 {margin-bottom: 0;}
    .mhsaddr p {padding: 0; margin: 0;}

	@media (max-width:767px) {
		
	.mhs_search { margin:15px; }

    header {height: auto;}

    .mhs-searchrow .mhs-searchbar { top:0px; }
		
	}	
		
	@media (min-width:768px) {
	
	header .mhs_search { /*position:absolute; top:40px; right:0;*/}

	.mhs_search .btn { top:0; }	
    	
	.mhs_search {padding-top: 10px; padding-bottom: 10px;}	

    .mhs_search .searchtxt { padding-top: 10px; }

    .mhs_search.searchcol { padding-top: 15px;}
    /*.mhs_search .searchlink {  margin: 7px 0px; white-space:nowrap; }*/

	}
		
	@media (min-width:992px) {	
     .mhs_search .form-control { width: 45%; }         
	}	
		
	@media (min-width:1200px) {	
     .mhs_search .searchtxt { padding-left: 30px;  padding-top: 10px; }
	 .mhs_search .searchlink {  margin: 0px 15px;  }
	}

    /* MHS: styles for map locations */
    .campus-locs h5, .care-locs h5 {margin: 10px 0 30px 0; font-size:14px;}

    .mhsmap .campus-locs h2:after,
    .campus-locs h5:before {
        content: url(/images/map/icn_campus.png);
        position: relative;
    }

    .mhsmap .care-locs h2:after,
    .care-locs h5:before {
        content: url(/images/map/icn_m.gif);
        position: relative;
    }
    .mhsmap .campus-locs h2:after {left: 10px; top: 1px;}
    .campus-locs h5:before        {left: -5px; top: 5px; margin-left: 7px;}

    .mhsmap .care-locs h2:after   {left: 10px; top: 1px; }
    .care-locs h5:before          {left: -5px; top: 5px;margin-left: 7px;}



    @media (min-width:768px) {
        .mhsmap .campus-locs, .mhsmap .care-locs {
            margin-top: 20px;
        }      
    }

    /* Media Page */

    section.media {padding-bottom: 100px; border-bottom: 1px solid #ccc;}
    .media-image {max-height: 274px; overflow:hidden;}
    .media-heading {font-size: 18px; color: #0067b1; line-height: 1.2; margin-top: 15px;}
    section.media .gallery,
    section.media h2 {padding-left: 15px;}

    section.media .btn {margin-left: 15px;}
    
      /* What People Say pages */
    section.content.bandv {background-color: #eeeeee;}

    /* Who Recruits Page*/

    section.staff {padding-bottom: 70px; border-top: 1px solid #ccc;}
    .staff-group { padding: 30px 0 25px 0; font-size: 28px; }
    .staff-name { font-size:22px; font-weight: 600; color: #0067b1; margin-top: 20px;}
    .staff-title {font-size:17px; font-weight: normal; margin-bottom: 20px; min-height: 41px; }

	/* Location Pages */
	.care-commitments li {float:left; margin-right: 25px;}

	/* Campus Search Form */

	.campus-search {
		clear:both;
		padding-top: 20px;
		margin: 20px 0;
		display:inline-block;
		width: 100%;
		border: solid 1px #ccc;
	}

	.campus-search .search-lbl {font-size: 18px; margin-bottom: 10px;}

	.campus-search .search-btn {margin-bottom: 10px;}

		.campus-search .search-btn a.btn {
			font-size: 18px;
			padding: 8px 12px;
		}

@media (min-width:992px) {

	.campus-search .search-btn {font-size: 18px; 								
								margin-top: 32px;
								margin-bottom: 10px;}
}

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
	
