/* HMG - Compiled by Sri */

/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
	font-family: "open-sans", Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	line-height: 1.78; /* 1.6 is also an option */
}
pre,
code {
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.crm-button-type-upload {
  font-size: 1.3rem;
  color: #111;
  text-decoration: none;
  white-space: nowrap;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #FFF;
}
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
}
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #882534;
}
button.small {
	font-size: 1.3rem;
}
label,
legend {
	font-size: 1.0em;
}
/* Headings
----------------------------------------------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
    color: #222;
}
h1 {
	font-size: 1.0rem; line-height: 1.2;
}
h2 {
	font-size: 3.2rem; line-height: 1.25; letter-spacing: -0.03rem;
}
h3 {
	font-size: 2.2rem; line-height: 1.3; letter-spacing: normal;
}
h4 {
	font-size: 2.0rem; line-height: 1.3; letter-spacing: normal;
}
h5 {
	font-size: 1.8rem; line-height: 1.2; letter-spacing: normal;
}
h6 {
	font-size: 1.6rem; line-height: 1.6;  letter-spacing: normal;	
}
input,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

p {
	font-size: 1em;
}
li {
	font-size: 1em;
}
li > p {
	margin-top: 0.2em;
}
ul {
  list-style: disc outside;
}
ol {
  list-style: decimal outside;
}
th {
	font-weight: bold;
	text-align: center;
}
#crm-container tr.columnheader th a {
	font-size: 1.6rem;
	color: #fff;
}
td {
	text-align: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: #882534;
	text-decoration: none;
}
p a {
	font-weight: bold;
}
a:hover {
	color: #000;
	text-decoration: none;
}
sup {
	font-size: 0.7em;
}
.latest-news {
	line-height: 1.3em;
	overflow: hidden; 
}
#banner-text h2 {
	font-size: 3.8rem;
	line-height: 1;
}
#banner-text p {
	font-size: 1.4rem;
	line-height: 1.42em;
}
#conf-home h2.header {
	font-size: 4.0rem;
	color: #882534;	
}
#conf-home h3 {
	color: #882534;	
}
#conference-banner h1 {
	font-size: 7.9rem;
	line-height: 108px;
}
#conference-banner h2 {
	font-size: 4.3rem;
	line-height: 62px;
}
#donate-box p {
	font-size: 2.0rem;
	line-height:1.3;
}
#inner-page a {
	font-weight: bold;
}
#inner-page a:hover {
	color: #272425;
	border-bottom: 1px solid #882534;
}
#inner-page h2,
#inner-page h3,
#inner-page h4,
#inner-page h4 a {
	color: #882534;
}
#side-banner h2 {
	font-size: 3.0rem;
}
/* template styling */
.top-buttons a:hover {
	color: #882534;
	text-decoration: none;
}
#content {
	text-align: left;
}
#main-navigation > ul > li {
	color: #882534;
	text-align: center;
	text-decoration: none;
}
#main-navigation > ul > li.active.parent,
#main-navigation > ul > li.active > a {
	color: #FFF;
}
#main-navigation>ul>li:hover,
#main-navigation>ul>li:hover>a {
	cursor: pointer;
	color: #FFF;
}
#main-navigation > ul > li > ul > li:hover a ,
#main-navigation > ul > li > ul.nav-child > li:hover .nav-header{
	color: #fff;
}
#main-navigation > ul > li > ul > li > ul > li:hover a,
#main-navigation.conference > ul > li > ul > li:hover a {
	color: #FFF;
}
#main-navigation ul li ul li a,
#main-navigation ul li ul.nav-child li .nav-header {
	display: block;
	color: #882534;
}
#main-navigation.conference>ul>li>ul>li>a:hover {
	text-decoration: none;
}
#main-navigation > ul > li > ul > li.active > a,
#main-navigation > ul > li > ul > li > ul > li.active > a,
#main-navigation > ul > li > ul > li.active.parent span {
	display: block;
	font-style: italic;
}
#main-navigation > ul > li > ul > li > ul > li:hover {
	color: #FFF;
}
#main-navigation > ul > li {
	line-height: 32px;
}
#main-navigation > ul > li > ul > li {
	line-height: 30px;
}
#main-navigation > ul > li > ul > li > ul > li > a {
	line-height: 1.5;
}
#mobile-menu {
	font-size: 2.4rem;
	color: #882534;
	line-height: 2;
}
#stats,
.address {
	line-height: 1.5;
}
#banner-text .more {
	font-size: 1.6rem;
}
#banner-text a:hover {
	color: #272425;
}
#home-conf-res {
	line-height: 1.4em;
}
#home-conf-res h3 {
	line-height: 40px;
}
#news,
#dashboard {
	line-height: 1.375em;
}
#news h3,
#dashboard h3 {
	line-height: inherit;
}
#dashboard:hover h3 a {
	color: #FFF;
}
#news .rss-title {
	font-size: 2.0rem;
	line-height: 1.5;
}
#news .date {
	font-size: 1.2rem;
}
#boxes .row .c4:nth-child(3) div {
	color: #272425;
	text-align: center;
}
#boxes .row .c4:nth-child(3) div a {
	text-decoration: underline;
}
#boxes .arrow {
	line-height: 1.2em;
}
#page-header h2 {
	line-height: 50px;
}
#breadcrumb {
	color: #000;	
	text-transform: capitalize;
	line-height: 35px;
}
#breadcrumb li a {
	color: #000;
}
#breadcrumb li.active {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
#boxes .row:nth-child(2) .c4:nth-child(3) a {
	color: #882534;
}
#boxes .row:nth-child(2) .c4:nth-child(3) a:hover {
	color: #272425;
}
#inner-page h5.panel-title a {
	text-decoration: none;
}
h3.header {
	color: #fff;
}
#footer-navigation ul {
	padding: 0;
}
#footer-navigation li {
	font-size: 1rem;
	line-height: 1.6em;
}
.social-footer {
	line-height: 21px;
}
#footer-navigation a:hover {
	color: #272425;
}
#footer-navigation .common-button:hover a {
	color: #882534;
	border-bottom: none;	
}
#footer-note {
	font-size: 1.1rem;
}
/* Pagination Styles */

/* End of Pagination Styles */
.pagination a {
  color: #000;
}
.pagination a.active,
.pagination li:not([class]) span {
	color: #FFF;
	text-decoration: none;	
}
/* Board of Trustees Page */
#board-trustees h5,
#board-trustees a {
	color: #882534;
	font-weight: bold;
}
#board-trustees h4 {
	color: #FFF;
}
#board-trustees .title {
	font-size: 0.9em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#board-trustees p {
	font-size: 0.9em;
}
/* End Board of Trustees Page */
.dash-title,
.user-name {
	font-size: 2.0rem;
	line-height: 1.2;
}
#inner-page .dash-title:hover a {
	color: #000000;
}
#inner-page a.accordion-toggle {
	color: #FFF;
	font-weight: normal;
}
#inner-page .dash-title a {
	color: #FFF;
	text-decoration: none;
	line-height: 52px;	
}
#inner-page .logout a {
	color: #FFF;
	font-size: 2.6rem;	
	line-height: 215px;
	text-decoration: none;
}
/* end of template styling */
/* Accordian Styles */
#accordian .accordian-tab a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.accordian-tab {
	font-size: 1.8rem;
	line-height: 44px;
	color: #FFF;
}
.accordian-tab.double {
	line-height: 22px;
}
/* End of Accordian Styles */
/* Event Calendar Styles */
.text-danger {
	font-size: 0.9em;
	color: #FFF;
}
#inner-page a.fc-day-grid-event {
	color: #FFF;
	text-decoration: none;
	
}
/* Civicrm Styles */
.crm-form-text,
.crm-form-textarea {
	color: #882534;
}
.crm-register-button a,
.crm-form-submit:hover,
.crm-container a.button:link,
.crm-container a.common-button:link {
	color: #FFF !important;
	text-decoration: none !important;
}
#system-message a.close {
	display: none;
	font-size: 2em;
	text-decoration: none;
}
#system-message .alert-error,
#system-message .alert-warning,
#system-message .alert-message,
.jd-simple-contact-form .alert,
.jd-simple-contact-form .success {
	color: #FFF;
}
/* End Civicrm Styles */
/* JD Simple Contact Form Styles */
.jd-simple-contact-form.volunteer .jdscf-col-md-10 textarea {
	color: #272425;
}
.jd-simple-contact-form.volunteer .jdscf-col-md-12 label.d-block {
	font-weight: bold;
}
.jd-simple-contact-form .form-check-label {
}
#crm-main-content-wrapper div.label {
	font-weight: bold;
}
#crm-main-content-wrapper a.crm-register-button {
	color: #FFF;
}
/* END JD Simple Contact Form Styles */
/* Conference Styles */
td h6 {
	margin: 0;
}
.hikabtn {
	color: #FFF;
}
a.hikacart:hover,
.hikabtn:hover {
	color: #882534;
}
.hikashop_checkout_login h2 {
	font-size: 2.6rem;
}
.popover h3 {
	display: none;
}
/* CSHEMA Store Styles */

.hikashop_product_list_item a {
	color: #FFF;
}
#hikashop_checkout legend {
	font-weight: bold;
	color: #882534;
}
#inner-page .hikashop_product_name a:hover {
	border-bottom: none;
}

/* END CSHEMA Store Styles */
/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/
.black {
	color: #272425;
}
.white {
	color: #FFF;
}
.white a {
	color: #FFF;
}
.white p a {
	border-bottom: 1px solid #FFF;
}
.red {
	color: #F00;
}
.dark-red {
	color: #882534;
}
.common-button {
	font-size: 1.6rem;
	color: #FFF;
	line-height: 32px;		
}
.common-button button {
	color: #FFF;
}
.common-button:hover {
	color: #882534;
}
#inner-page .common-button {
	text-decoration: none;
	cursor: pointer;
}
#inner-page a.common-button,
.white p a.common-button {
	font-weight: normal;
	border-bottom: none;	
}
#inner-page a.common-button:hover {
	color: #882534;
	border-bottom: none;
}
.btn-primary:hover {
	color: #FFF;
}
.toupper {
	text-transform: uppercase;
}
.small-text {
	font-size: 1.1rem;
	line-height: 1.2em;
}
small {
	letter-spacing: -0.05em;
}
.lib {
	white-space: nowrap;
	overflow: hidden;
}
.upgradeie {
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}
.upgradeie a {
	color: #FFF;
	font-weight: bold;
}
.error {
	color: rgb(255,255,255);
}
/*==========  Media Query  ==========*/
/* Over rides */

#twitter-feed {
	color: inherit !important;
}
.com-dpcalendar-eventform .dp-button,
.com-dpcalendar-event .dp-button {
	font-size: inherit !important;
}
@media only screen and (max-width : 1200px) {
		#join-us,
	#register,
	#volunteer,
	#member-login,
	#main-site,
	#contact-us,
	#contact-conf {
		font-size: 1.6rem;
		text-align: center;
	}
	#member-login {
		color: #FFF;
	}
	#member-login a:hover {
		color: #000;
	}	
	#main-navigation {
		font-size: 1.8rem;
	}
	#main-navigation ul li,
	#main-navigation ul li a {
		text-align: left;
	}
	#main-navigation ul li ul li a {
		color: inherit;
	}
	#main-navigation ul li a {
		font-size: 90%;
	}
	#main-navigation ul.nav-child  {
		color: #FFF;
	}
	#main-navigation ul li ul.nav-child li .nav-header {
		color: #999;
	}
	#conference-banner h1 {
		font-size: 6.6rem;
	}
	#conference-banner h2 {
		font-size: 3.3rem;
	}
	.accordian-tab {
		font-size: 1.4rem;		
	}
	.accordian-tab span {
		font-size: 1.8rem;		
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#conference-banner h1 {
		font-size: 5.3rem;
	}
	#conference-banner h2 {
		font-size: 2.8rem;
	}
	.accordian-tab span {
		font-size: 1.8rem;
	}
}
@media only screen and (max-width : 768px) {
	#banner-text h2 {
		font-size: 2.8rem;
		line-height: 1;
	}	
	#breadcrumb li a {
		font-size: 0.9em;
	}
	h2 {
		font-size: 2.2rem;
	}
	#conference-banner h1 {
		font-size: 4.0rem;
		line-height: 72px;
	}
	#conference-banner h2 {
		font-size: 2.2rem;
		line-height: 42px;
	}
	#board-trustees .title {
		font-size: 1.2em;
	}	
}
@media only screen and (max-width : 600px) {
	#banner-text h2 {
		font-size: 2.0rem;
		line-height: 1;
	}
	#banner-text p {
		font-size: 1.2rem;
		line-height: 1.2em;
	}		
	#conference-banner h1 {
		font-size: 3.0rem;
		line-height: 54px;
	}
	#banner-text .more {
		font-size: 1.4rem;
	}
	#conference-banner h2 {
		font-size: 1.6rem;
		line-height: 31px;
	}
	.accordian-tab {
		font-size: 1.2rem;		
	}
	.accordian-tab span {
		font-size: 1.6rem;		
	}		
}
@media only screen and (max-width : 480px) {
	html {
		font-size: 60%
	}
	#join-us,
	#volunteer,
	#member-login,
	#main-site, 
	#contact-us,
	#contact-conf {
		font-size: 1.4rem;
	}
	.accordian-tab {
		font-size: 1.4rem;
		line-height: 1.25;
	}
	.accordian-tab span {
		font-size: 1.6rem;
		display: block;
	}
}
@media only screen and (max-width : 375px) {
	#conference-banner h1 {
		font-size: 2.6rem;
	}
	#conference-banner h2 {
		font-size: 1.4rem;
		line-height: 31px;
	}
	#join-us,
	#volunteer,
	#member-login,
	#main-site, 
	#contact-us,
	#contact-conf {
		font-size: 1.35rem;
	}		
}
@media only screen and (max-width : 320px) {
	#join-us,
	#volunteer,
	#member-login,
	#main-site, 
	#contact-us,
	#contact-conf {
		font-size: 1.2rem;
	}		
}
}