/* ESyntaxis (Pvt) Ltd :  http: //www.esyntaxis.com Compiled by Srinath */

/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%; 
}
body {
	font-family: "open-sans", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #404041;	
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	line-height: 1.571; /* 1.6 is also an option */

}
pre,
code {
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.crm-container input.crm-form-submit,
.crm-container .crm-button,
.crm-container a.button {
	font-family: josefin-sans, Arial, Helvetica, sans-serif;	
	font-size: 1.0em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #fff;
}
.button.button-primary:hover,
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: #fff;
}
label,
legend {
	font-size: 1.6rem;
}
.price-set label {
	text-transform: normal;
	letter-spacing: normal;
}
/* Headings
----------------------------------------------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
    color: #222;
}
h1,
h2,
h5,
h6 {
	font-family: "open-sans", Arial, Helvetica, sans-serif;
	line-height: 1.2;	
}
h1 {
	font-size: 6.5rem;  letter-spacing: normal; color: #004659;
}
h2 {
	font-size: 4.8rem; letter-spacing: normal; color: #181f8e;
}
h3 {
	font-size: 3.6rem; line-height: 1.2; color: #2d82db; letter-spacing: normal;
}
h4 {
	font-size: 2.0rem; line-height: 1; letter-spacing: normal;
}
h5 {
	font-size: 2.3rem;  letter-spacing: normal; color: #004659;
}
h6 {
	font-size: 2.75rem; letter-spacing: normal; color: #004659;
}
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 {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	padding-right: 0.5em;
}
#crm-container tr.columnheader th a,
.crm-container th {
	font-size: 1.6rem;
	color: #fff;
}
td {
	text-align: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: #1841ab;
	text-decoration: none;
}
a:hover {
	color: #2d82db;
	text-decoration: none;
}
.c9 p a {
	font-weight: bold;
	display: inline-block;
	transition: all 0.1s ease-in-out;
	border-bottom: 1px dashed #fff;	
}
.c9 p a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #069;
}
.c9 p a.special-link,
#clarifier-top a.special-link {
	font-size: 1.6rem;
	font-weight: bold;
	color: #004659;
	transition: all 0.1s ease-in-out;	
	border-bottom: 1px dashed #004659;
}
.c9 p a.special-link:hover,
#clarifier-top a.special-link:hover {
	color: #181f8e;
	border-bottom: 1px dashed #181f8e;	
}
#inner-page .photo-tile a {
	border-bottom: none;
}
#inner-page .photo-tile a:hover {
	border-bottom: none;
}
#inner-page .common-button a:hover {
	color: #000;
	border-bottom: none;	
}
#breadcrumb ul li a {
	color: #2d82db;
}
#breadcrumb ul li.active {
	color: #181f8e;
	font-weight: bold;
}
/* template styling */
#home-page #search p {
	font-size: 2.4rem;
	font-weight: bold;
}
#search-box input {
	font-size: 1.4rem;
}
.search {
	font-size: 1.4rem;
	text-align: left;
}
.search-results {
	font-size: 1.2em;
}
.result-title a {
	font-weight: bold;
	color: #004659;
}
#content {
	text-align: left;
}
#top-menu .common-button a:hover {
	color: #000;
}
#main-navigation ul li {
	font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;		
	font-size: 2.0rem;
	font-weight: bold;
	color: #2d82db;
	text-decoration: none;
	text-transform: uppercase;	
}
#main-navigation .nav-header {
	font-size: 1.0em;
	color: #1841ab;
	line-height: 1;
	cursor: pointer;
}
#main-navigation ul li.active a {
	color: #1841ab;
}
#main-navigation ul li a:hover {
	color: #2d82db;
}
#main-navigation ul li.active a:hover {
	color: #000;
}
#main-navigation > ul > li {
	line-height: 32px;
}
#main-navigation ul.nav-child > li a {
	font-family: aller, Arial, Helvetica, sans-serif;	
	font-size: 1.4rem;
	line-height: 1.8;
	color: #2d82db;
	text-transform: none;
}
#main-navigation ul.nav-child > li:hover a,
#main-navigation ul.nav-child > li.active a {
	color: #1841ab;
	text-decoration: underline;	
}
#main-navigation ul.nav-child > li.active a {
	font-weight: bold;
}
#mobile-menu {
	font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;			
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #181f8e;
	line-height: 2;
}
#sub-nav h3 {
	color: #404041;
}
#sub-nav > ul > li {
	line-height: 1.4;
}
#sub-nav > ul > li a {
	display: block;
	font-size: 1.4rem;
	color: #404041;
}
#sub-nav li.current a {
	color: #FFF;
}
#footer-navigation li {
	line-height: 1.2em;
}
h3 a,
#dashboard h3 a {
	color: #0F4160;
}
#gallery-main h3 {
	color: #000;
}
h3 a:hover,
#dashboard h3 a:hover,
#photo-gallery h3 a:hover {
	color: #000;
}
#gallery-main h3 a:hover {
	color: #FFF;
}
#dashboard h3,
#photo-gallery h3,
#gallery-main h3 {
	width: 100%;
}
#dashboard h3 a,
#photo-gallery h3 a,
#gallery-main h3 a {
	display: inline-block;
	color: inherit;
	width: 100%;
}
#dashboard .logout h3 a {
	color: #262744;
}
.orbit-caption #banner-text {
	text-align: left;
}
#banner-text h1 {
	font-size: 7.6rem;	
	color: #fff;	
	letter-spacing: normal;
	text-transform: inherit;
	line-height: 0.95;
}
#mask-left.conference #banner-text h1 {
	font-size: 18rem;
	line-height: 0.85;
}
#mask-left.conference #banner-text sup {
	color: #2d82db;		
	font-size: 2.4rem;
}
#mask-left.conference #banner-text h2 {
	font-size: 5.4rem;
	color: #fff;
	line-height: 1;
}
#mask-left.conference #banner-text h3 {
	font-size: 3.6rem;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.2;
}
#mask-left.conference #banner-text h4 {
	font-size: 2.6rem;
	color: #fff;
	line-height: 1;
}
#mask-left.conference h1,
#mask-left.conference h2,
#mask-left.conference h3,
#mask-left.conference h4 {
	text-shadow: 0 6px 12px rgba(0,25,20,.25);
}
#banner-text p {
	font-size: 1.8rem;
}
.top-buttons {
    display:inline-block;	
	font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;	
	font-size: 1.7rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 36px;
}
.top-buttons a {
    display:inline-block;	
	font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;
	color: #2d82db;	
}
.top-buttons.common-button a {
	font-size: 1.7rem;	
	color: #fff;
}
.top-buttons a:hover {
	font-weight: bold;
}
.top-buttons a:before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
#home-page h2 {
	font-size: 4.8rem;
	color: #181f8e;
}
#home-page h3 {
	font-size: 3.6rem;
	color: #2d82db;
}
#home-page .feed-link {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
}
#home-page p {
	font-size: 1.4rem;
}
#home-page p strong {
	font-size: 2.0rem;
	line-height: 1.2;
}
#home-page .feed-item-description p {
	line-height: 1.4;
}
#home-page .feed-item-description p strong {
	font-size: 1.4rem;
}
#home-conference-text {
	text-align: center;
}
#home-conference-text h1 {
	font-size: 16.4rem;
	color: #FFF;
	line-height: 0.8;
}
#home-conference-text sup {
	color: #96c1ed;		
	font-size: 2.3rem;
}
#home-conference-text h2 {
	font-size: 5.7rem;
	color: #FFF;
	line-height: 1.2;
}
#home-conference-text p {
	font-size: 2.8rem;
	color: #FFF;	
}
#home-member h2 {
	color: #FFF;	
}
#page-title {
	color: #FFF;
}
#home-page .row.last h3 {
	text-align: center;
}
#home-page .row.last h3 a {
	color: #FFF;
}
#home-page .row.last p a {
	color: #FFF;
	text-decoration: underline;
}
#breadcrumb {
	font-size: 1.4rem;
	font-style: italic;
}
#right-member-strip,
#right-member-strip h3 {
	color: #FFF;
}
#right-member-strip strong {
	font-size: 2.0rem;
	line-height: 1.2;
}
#news-strip h2 {
	font-size: 3.2rem;
	color: #fff;
	text-transform: none;
	text-align: center;
}
#home-tips-ideas ul li a {
	color: #FFF;
	text-decoration: underline;
}
#home-tips-ideas ul li a:hover {
	text-decoration: none;
}
#footer-navigation {
	color: #fff;
}
#footer-navigation .white-bg a {
	color: #2d82db;
}
#footer-navigation a:hover {
	color: #000;
}
#footer-navigation li,
#footer-navigation p {
	font-size: 1.4rem;
	line-height: 1.5em;
}
#footer-navigation a {
	color: #fff;
}
#footer-navigation a:hover {
	text-decoration: none;
}
#footer-note {
	font-size: 1.2rem;
	color: #fff;
	line-height: 36px;
}
#footer-note a {
	color: #fff;
	text-decoration: underline;	
}
#footer-note a:hover {
	color: #2d82db;	
	text-decoration: none;
}
/* end of template styling */
/* Accordian Styles */

#accordian .accordian-tab a {
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1.1;
}
.accordian-tab {
	font-size: 2rem;
	line-height: 1.1;
	color: #FFF;
}
.accordian-tab.double {
	line-height: 22px;
}
.accordian-tab h3 {
	line-height: inherit;
}
.accordian-tab:hover h3 {
	color: #FFF;
}
.simple-accordian h5 {
	font-size: 1.6rem;
}
.simple-accordian h5:hover {
	color: #111;
}
/* End of Accordian Styles */
/* inner page styles */
#inner-page .archive-tiles a {
	border-bottom: none;
}
#inner-page .archive-tiles a:hover {
	color: #000;
	border-bottom: none;
}
#clarifier-issues .issues-details {
	text-align: center;
	font-weight: bold;
}
.news h2,
.careers h2 {
	font-size: 2.6rem;
}
.news h3,
.careers h3 {
	font-size: 1.8rem;
}
#photo-gallery h3 small {
	font-size: 1.8rem;
}
.pagination li {
	font-weight: bold;
}
.pagination li a:hover {
	color: #fff;
}
.parent-category-name {
	font-weight: bold;
}
.field-label {
	font-weight: bold;
}
.captionplus-align small {
	color : #FFF;
}
/* calendar styles */
h1.dp-heading {
	font-size: 4.8rem;
}
h2.dp-heading {
	font-size: 3.6rem;
}
/* end calendar styles */
.com-dpcalendar-calendar th a {
	color :#FFF;
}
.fc .fc-list-table th {
	color: #000;
}
.fc-header-toolbar h2.fc-toolbar-title {
	font-size: 3.2rem;
}

.btn-primary,
.btn-primary:hover {
	color: #fff;
}

/* End inner page styles */
/* Civicrm Styles */
.crm-button,
.crm-container a.button, .crm-container a.button:link {
	color: #fff;
}
#crm-content,
#crm-content table {
	font-size: 1em;
}
#crm-container h1 {
	font-size: 4.8rem;
}
#crm-container h2 {
	font-size: 3.6rem;
}
#crm-container h3 {
	font-size: 2.0rem;
}
#crm-container legend {
	font-size: 2.0rem;
}
#crm-container #pricevalue {
	font-weight: bold;
}
.crm-container .crm-button {
	color: #fff;
}
#civi-error {
	font-weight: bold;
	color: #C00;	
}
#priceset span {
	font-weight: bold;
}
#_qf_Register_reload {
	color: #fff;
}
/* End Civicrm Styles */
/* Other Styles */
#system-message-container .alert-message{
	color: #C00;
}
.popover h3 {
	display: none;
}
/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/

.black {
	color: #111;
}
.white {
	color: #fff;
}
.light-green {
	color: #b2d0c8;
}
.dark-green {
	color: #66a091;
}
.light-blue {
	color: #96c1ed;
}
.blue {
	color: #4989c8;
}
.dark-blue {
	color: #2a54cc;
}
.grey {
	color: #939598;
}
.read-more a {
	font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;		
	font-size: 1.8rem;
	color: #808285;
	text-decoration: none;
	text-transform: uppercase;
}
.read-more a.white {
	color: white;
}
.read-more a:hover {
	color: #181f8e;
}
/* blog layout styles */
.readmore a {
	color: #181f8e;
	font-weight: bold;
}
.readmore a:hover {
	color: #808285;
}
.common-button {
	font-family: "roboto-condensed", Arial, Helvetica, sans-serif;	
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 34px;
	color: #fff;	
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.common-button a:hover {
	text-decoration: none;
	border-bottom: none;
}
.white-bg {
	color: #2d82db;
}
.dark-blue-bg,
.light-blue-bg,
.gradient-bg-vert,
.gradient-bg-blue,
.gradient-bg-green {
	color: #fff;
}
.common-button.home {
	font-size: 2.2rem;
	line-height: 48px;
}
.common-button:focus,
.learn-more:hover {
	color: #2d82db;
}
.learn-more {
	font-size: 1.8rem;
	text-transform: uppercase;	
	text-align: center;
	color: #404041;
	font-weight: bold;
}
.learn-more:hover {
	color: #66a091;
}
.learn-more.white {
	color: #fff;
}
.learn-more.white:hover {
	color: #fff;
}
.member-details .learn-more {
	font-size: 1.6rem;
}
#news-strip .learn-more {
	color: #fff;
}
a.panel-link {
	font-size: 1.6em;
	border-bottom: 1px dashed transparent;
}
.toupper {
	text-transform: uppercase;
}
.small-text {
	font-size: 1.1rem;
	line-height: 1.2em;
}
.newspaper li {
	line-height: 0.8em;
}
.error {
	color: rgb(255,255,255);
}
/*==========  Media Query  ==========*/
@media only screen and (max-width : 1200px) {
	#main-navigation li:hover {
		color: #000;
	}
	#main-navigation>ul> li	{
		line-height: 50px;
	}
	#home-page #search p {
		font-size: 1.8rem;
	}
}
@media only screen and (max-width : 992px) {
	#home-page #search p {
		font-size: 1.4rem;
	}	
	h2.banner-text {
		font-size: 3.0rem;
	}
	h3.banner-text {
		font-size: 5.4rem;
	}
	h4.banner-text {
		font-size: 2.2rem;
	}
	#main-navigation ul.menu .nav-header a{ 
		color: #fff;
	}
	#page-title {
		left: 0;
	}
	#main-navigation ul.nav li.active.parent .nav-header {
		color: #fff;
		text-decoration: underline;
	}
	#right-member-strip .learn-more a {
		font-size: 1.6rem;
	}
	#clarifier-issues .issues-details {
		font-size: 0.85em;
	}
}
@media only screen and (max-width : 768px) {
	#banner-text h1	{
		font-size: 6.0rem;
	}	
	#home-page #search p {
		font-size: 1.8rem;
	}
	#mask-left.conference #banner-text {
		text-align: right;
	}
	#mask-left.conference #banner-text h1 {
		font-size: 12rem;
	}
	#mask-left.conference #banner-text sup {
		font-size: 2.0rem;
	}
	#right-member-strip .learn-more a {
		font-size: 1.4rem;
	}		
	#footer-note {
		line-height: 1.6;
	}
}
@media only screen and (max-width : 600px) {
	html {
		font-size: 50%
	}
	.top-buttons {
		font-size: 2.0rem;
	}
	#top-menu .common-button {
		font-size: 1.9rem;
	}
	#home-page p,
	#home-events > div,
	p {
		font-size: 1.2em;
	}
	li {
		font-size: 1.2em;
	}
	#mask-left.conference #banner-text h1 {
		font-size: 18rem;
	}
	#mask-left.conference #banner-text sup {
		font-size: 2.8rem;
	}	
	#main-navigation ul.nav-child > li a {
		font-size: 1.7rem;
	}
	#right-member-strip .learn-more a {
		font-size: 1.8rem;
	}
	#clarifier-issues .issues-details {
		font-size: 1em;
	}
	.row {
		margin-bottom: 0!important
	}
	.common-button {
		line-height: 36px;
	}	
	#footer-note {
		line-height: 1.8;
	}
}
@media only screen and (max-width : 480px) {
	#banner-text h1 {
		font-size: 7.0rem;
	}
	#home-what-is-wwoa h3,
	#home-e-newsletter h3,
	#home-tips-ideas h3 {
		font-size: 2.0rem;;
	}			
	h2.banner-text {
		font-size: 2.8rem;
	}
	h3.banner-text {
		font-size: 5.4rem;
	}
	h4.banner-text {
		font-size: 2.0rem;
	}
	#page-title	{
		font-size: 5.0rem;
	}
}
@media only screen and (max-width : 420px) {
	#banner-text h1 {
		font-size: 6.0rem;
	}
	#mask-container {
		top: 450px;
	}
}
@media only screen and (max-width : 360px) {
	#banner-text h1 {
		font-size: 5.5rem;
	}
	#home-what-is-wwoa h3,
	#home-e-newsletter h3,
	#home-tips-ideas h3 {
		font-size: 1.6rem;;
	}
	.top-buttons {
		font-size: 1.7rem;
	}
	#top-menu .common-button {
		font-size: 1.6rem;
	}
				
}
@media print {
html {
	font-size: 43.75%; 
  }
}
