html {
    -webkit-text-size-adjust: none;
}

#toggle-bar { 
	display: none;
}

#accordion .panel {
	border-bottom: solid 1px var(--color-white);
}

#accordion .panel .text {  
	display: none;
	text-align: left;  
	outline: none;
	opacity: 1;
	overflow: hidden;
	border: solid 1px var(--color-primary);
}
	
#accordion .panel .text .inner-text {
	margin: 15px;
}

#accordion .panel .header-title {	
	background: var(--color-primary);
	color: var(--color-white);
	cursor: pointer;
	padding: 5px 10px;
	font-size: 20px;
}

#accordion-lv2 {
	width: 100%;
	margin: 10px 0;
}

#accordion-lv2 .sub-panel {
	margin: 0 0 1px;
}

#accordion-lv2 .sub-header {
	font-weight: bold;
	background: var(--color-mercury);
	padding: 5px 10px;
	cursor: pointer;
}

#accordion-lv2 .sub-header::after {
	content: '+';
	float: right;
	color: var(--color-red);
	font-size: 20px;
}

#accordion-lv2 .sub-header.active::after {
	content: '-';
	float: right;
}

#accordion-lv2 .sub-text {
	padding: 10px;
	display: none;
	border: 1px solid var(--color-mercury);
}

/********* 
  Responsive 
**********/

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

	#block-ehra-resourcelibrary, 
	#block-ehra-tools, 
	#block-block-36, 
	#block-block-41 {
		width: 325px;
	}

	#block-ehra-sliders {
	    max-width: 550px;
	}

	#block-ehra-learnmore .content ul {
		width: 90%;
	}
}

@media screen and (max-width: 900px) {
	#block-ehra-sliders{
		max-width: 500px;
	}

	#block-ehra-himssehrassociation{
		height: 185px;
	}

	#block-ehra-resourcelibrary, 
	#block-ehra-tools, 
	#block-block-36, 
	#block-block-41 {
		width: 290px;
	}
}

@media screen and (max-width: 800px) {
	#block-ehra-sliders {
		max-width: 450px;
	}

	#block-ehra-himssehrassociation {
		width: 300px;
		height: 165px;
	}

	#block-ehra-resourcelibrary,
	#block-ehra-tools, 
	#block-block-36, 
	#block-block-41 {
		width: 240px;
	}

	#block-block-36 .content .view-content a img ,
	#block-block-41 .content p a img {
	    max-width: 218px;
	}

	ul .red_button{
		width: 200px;
	}

	.red_button a{
		font-size: 13px;
	}
}

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

	#toggle-bar { 
		display: block; 
	}
	
	#block-ehra-sliders {
		max-width: 600px;
		width: 100%;
	}

	#members p a img {
		max-width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
	}

	#container { 
    	max-width: 600px; 
  	}

	#block-block-1 #logo,
	#block-block-1 #date { 
		width: 100%; 
		text-align: center;
		float: none;
	}

	#block-ehra-sliders ul {
		height: 250px;
	}

	#block-ehra-sliders .bx-wrapper .bx-viewport {
		height: 430px;
	}

	#block-block-1 #logo { 
		margin-bottom: 10px;
	}

	#block-ehra-himssehrassociation {
		width: auto;
		height: auto;
	}

	#main.main-content--has-sidebar {
		width: auto;
	}

	body.sidebar-first #container #main { 
		float: none; 
	}

	#block-ehra-resourcelibrary, 
	#block-ehra-tools, 
	#block-block-36, 
	#block-block-41 {
    	width: 100%;
    	margin: 0 0 20px;
	}

	body.sidebar-second #sidebar-second,
	#block-ehra-followusontwitter .content {
    	width: 100%;
    	margin: 0;
	}

	#sidebar-second {
		width: 100%;
	}
	
	#block-custom-blocks-new-twitter-oauth-block .twitter_content {
		width: 100%;
	}

	body.sidebar-second #sidebar-second .region {
		padding: 0px;
	}

	#block-system-main-menu { 
		display: none; 
	}

	#toggle-bar {
		padding: 5px 15px;
		overflow: hidden;	
		background: var(--color-primary);
	}

	#toggle-bar div.main_menu {
		border: 1px solid var(--color-white);
		padding: 5px;
		text-align: center;
		width: 100px;
		float: left;
		border-radius: 5px;  
	}

	#toggle-bar div.main_menu a {
		color: var(--color-white);
		text-align: center;
		font-weight: bold;
	}

	#toggle-bar div.mb-icon {
		border: 1px solid var(--color-white);
		padding: 5px 5px;
		text-align: center;
		width: 30px;
		border-radius: 5px;  
		float: right;
	}

	#toggle-bar div.mb-icon a {
		display: block;
		border-bottom: 15px double var(--color-white);
		border-top: 5px solid var(--color-white);
		height: 5px;
		text-indent: -9999px;
	}

	body.sidebar-first #main { width: auto; }
	#partners-listing header a {
		margin: 0 5px 5px;
	}
	
	body.sidebar-first #sidebar-first {    
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#block-custom-blocks-left-menu {
		float: left;
		margin: 0 20px 20px 0;
		width: 220px;
	}
	
	#block-block-51 { 
		display: none; 
	}

	#block-block-52 { 
    	display: block; 
  	}

	#block-block-52 {
		float: none;
		width: 100%;
		clear: both;
		padding: 0;
	}

	#webform-client-form-146 input.form-text,  
	#main #story-node-form input[type='text'],
	#main #partner-node-form input[type='text'] { 
		width: 95%;
	}

	.tabs-wapper .tabs-title a {
		padding: 5px 30px 5px 10px;
	}

	.agenda-row .row-conent {
    	width: auto;
  	}

	.agenda-row .track-box.first .time { 
    	width: 100px; 
  	}

	.agenda-row.track-3-col .track-conent { 
    	width: 160px; 
  	}

	#block-block-52 .content {
  		padding: 10px;
  	}

  	#sidebar-first { 
    	display: none; 
  	}

	.view-display-id-block_1 .views-row {
		overflow: hidden; 
		margin: 0 0 20px;
	}

	.view-display-id-block_1 .views-row .views-field-field-image {
		float: left; 
		margin: 0 20px 0 0;	
	}

	.view-display-id-block_1 .views-row .views-field-field-image img {
		max-width: 150px;
		height: auto
	}

	#block-ehra-footermobileblock { 
		display: block; 
	}

	#block-ehra-footercopyrignt { 
		display: none; 
	}

	#photo_gallery .photo { 
		width: 29%; 
		height: 100%; 
	}

	.video-js {
		width: 100%;
		max-width: 600px;
	}

  	.front #container #main section .content { 
    	height: 100%; 
  	}

	.view-id-story.view-display-id-page .views-row .views-field-field-thumbnail {
		float: left;
		line-height: 0;
		margin-right: 20px;
	}

	.view-id-story.view-display-id-page .views-row {
		width: auto;
		height: auto !important; 
	}

	.view-id-story.view-display-id-page .views-row img {
		height: auto;
		width: 200px;
	}
}

@media screen and (max-width: 599px) { 
  
  .file-download { 
    width: 100%; 
    margin: 10px 0 0; 
  }

  .agenda-row .track-box.first { 
    width: 100%; 
  }

  .agenda-row .row-conent { 
    width: auto; 
  }

  .agenda-row .track-box.first .time { 
    width: 110px; 
  }

  .agenda-row.track-3-col .track-conent { 
    width: 100%; 
  }

  .track-box.first .track-conent { 
    width: calc(100% - 110px); 
  }

  .track-body::before { 
    width: 0; 
  }

  #partners-listing .partner-item .header-letter div {
    width: 41%; 
    margin: 0 11px 20px;
  }

  #block-ehra-learnmore .content ul { 
    width: 100%; 
    margin: 0 0 15px; 
  }

  .video-js {
    width: 100%;
    max-width: 600px;
    height: 264px;
  }
}

@media screen and (max-width: 479px) { 
  #block-block-51 ul li { 
    width: 100%; 
  }

  body.sidebar-first #sidebar-first {
    float: none;
    margin: 0 auto;
    padding: 10px;
    width: 220px;
  }

  .node-type-story .content  .field-name-body {
    width: 100%;
    float: left;
  }

  .content .story-detail {
    overflow: hidden;
    display: block;
    float: none;
    margin: 15px auto;
  }

  .view-id-story.view-display-id-page .views-row .views-field-field-thumbnail {
    float: none;
    line-height: 0;
    margin: 0 0 10px;
    width: 100%;
  }	

  .view-id-story.view-display-id-page .views-row img {
    height: auto;
    width: 100%;
  }

  ul .red_button {
    display: block;
    float: none;
    margin: 10px auto !important;
  }
}