/*
Theme Name: Ontario Association on Developmental Disabilities
Theme URI: http://2gen.net
Description: Custom Ontario Association on Developmental Disabilities Wordpress theme by 2gen.net.
Author: 2gen.net
Author URI: http://2gen.net
Version: 1.0 <strong>(Wordpress 4.1+ only)</strong>
*/

/*
*
* GLOBAL
*
*/
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; color: #4a4a4a; background-color: #faf9f4; line-height: 24px; }

a { color: #128944; }
a:hover,
a:focus { color: #128944; }

.btn { font-size: 16px; font-weight: 600; border-radius: 4px; padding-left: 30px; padding-right: 30px; }
.btn-oadd { background-color: #128944; color: #FFF; }
.btn-oadd:hover,
.btn-oadd:active,
.btn-oadd:focus { color: #128944; border: 1px solid #128944; background-color: #FFF;  }
.btn-oadd-inverse { background-color: #FFF; color: #128944; border: 1px solid #128944; }
.btn-oadd-inverse:hover,
.btn-oadd-inverse:active,
.btn-oadd-inverse:focus { background-color: #128944; color: #FFF; border: 1px solid #128944; }
.btn-oadd-gray { background-color: #EFEFEF; color: #4a4a4a; }
.btn-oadd-gray:hover,
.btn-oadd-gray:active,
.btn-oadd-gray:focus { background-color: #FFF; border: 1px solid #EFEFEF; }
label.btn-oadd.active,
label.btn-oadd:focus { background-color: #0c6933; color: #FFF; }
.btn-oadd .glyphicon { margin-right: 12px; }

.strikethrough label,
span.strikethrough { text-decoration: line-through; }
.sold-out { text-transform: uppercase; font-weight: 600; color: red; }

.checkbox input[type="checkbox"]:indeterminate + label:after,
.checkbox input[type="radio"]:indeterminate + label:after { display: none; }

.help-block { font-size: 80%; line-height: normal; }

.font-bold { font-weight: 600; }

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/*
*
* HEADER
*
*/
.header-container { padding-top: 20px; background-color: #FFF; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.25); z-index: 10; position: relative; }
  .top-head .controls-container { margin-top: 40px; }

.hero-container { position: relative; z-index: 1; }
  .hero-container .hero-image { height: 44vw; background-position: center center; background-color: transparent; background-repeat: no-repeat; background-size: cover; }
  .hero-container .hero-text { position: absolute; top: 6vw; left: 0; right: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 40px; font-weight: 700; color: #FFF; line-height: normal; }
 
  
/*
*
* FOOTER
*
*/
.footer-container { text-align: center; font-size: 14px; margin-bottom: 40px; }
  .footer-container .menu-footer-container { }
    .footer-container .menu-footer-container ul { list-style: none; padding: 0; margin: 0; }
      .footer-container .menu-footer-container ul li { display: inline-block; }
        .footer-container .menu-footer-container ul li a { padding: 0 10px; }
        .footer-container .menu-footer-container ul li:first-child a { padding-left: 0; }
        .footer-container .menu-footer-container ul li:last-child a { padding-right: 0; }


/*
*
* MENUs
*
*/
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.top-head { font-size: 16px; font-weight: 600; color: #128944; }
	.top-head nav { display: inline-block; border: none; margin-bottom: 0; min-height: 0; margin-top: 2px; }
		.top-head nav .container-fluid { padding-left: 0; padding-right: 0; }
		.top-head nav a { color: #128944; padding-top: 8px; padding-bottom: 8px; padding-left: 30px; padding-right: 30px; }
			.top-head nav a > i { margin-right: 10px; }
		.top-head nav li > a:hover,
		.top-head nav li > a:focus,
		.top-head nav li > a:hover,
		.top-head nav li.current-menu-item > a { background-color: #128944; color: #FFF; border-radius: 4px; }
	.top-head #searchform { display: inline-block; vertical-align: top; height: 40px; }
		.top-head #searchform input#s { height: 100%; border: none; color: #128944; font-size: 16px; padding: 6px 38px 6px 10px; font-weight: 600; background: url('images/icons/magnifyingglass.png') no-repeat 94% center #e5f4ea; max-width: 210px; }
    .top-head #searchform input#searchsubmit { display: none; }
.bottom-head { font-size: 16px; font-weight: 600; color: #FFF; background-color: #128944; height: 50px; margin-top: 15px; }
	.bottom-head nav { display: inline-block; border: none; margin-bottom: 1px; margin-top: 1px; min-height: 0; }
		.bottom-head nav .container-fluid { padding-left: 0; padding-right: 0; }
		.bottom-head nav a { color: #FFF; padding-top: 14px; padding-bottom: 14px; padding-left: 26px; padding-right: 26px; }
			.bottom-head nav a > i { margin-right: 10px; }
		.bottom-head nav li > a:hover,
		.bottom-head nav li > a:focus,
		.bottom-head nav li > a:hover,
		.bottom-head nav li.current-menu-item > a { background-color: #FFF; color: #128944; border-radius: 0; }
    .bottom-head nav li.open > a,
    .bottom-head nav li.open > a:hover,
    .bottom-head nav li.open > a:active,
    .bottom-head nav li.open > a:focus,
    .bottom-head nav li.current-menu-parent > a { background-color: #0c6933; color: #FFF; }
    .bottom-head nav .dropdown-menu a { color: #128944; font-size: 16px; font-weight: 600; padding: 8px 20px; }
    .bottom-head nav .dropdown-menu a:hover,
    .bottom-head nav .dropdown-menu li.current-menu-item a { color: #FFF; background-color: #0c6933; }
    .navi-icon {padding-right: 10px;}
.navbar-toggle .icon-bar { background-color: #FFF; }
.drawer { z-index: 5; }
.drawer.drawer-right { border-left: none; }

#mobileDrawer { }
  #mobileDrawer .drawer-fullnav { }
    #mobileDrawer .drawer-fullnav { font-size: 16px; font-weight: 600; }
      #mobileDrawer .drawer-fullnav a i { margin-right: 14px; }
  #mobileDrawer .menu-masthead-container { padding-top: 60px; }
    #mobileDrawer .menu-masthead-container .current-menu-item a { background-color: #128944; color: #FFF; }
     #mobileDrawer .menu-masthead-container a:hover,
     #mobileDrawer .menu-masthead-container a:active { background-color: #ebebeb; }
     #mobileDrawer .menu-masthead-container .menu-item-search {  }
       #mobileDrawer .menu-masthead-container .menu-item-search form { padding: 10px 15px; }
         #mobileDrawer .menu-masthead-container .menu-item-search form input#s { height: 100%; border: none; color: #128944; font-size: 16px; padding: 9px 38px 9px 10px; font-weight: 600; background: url('images/icons/magnifyingglass.png') no-repeat 94% center #e5f4ea; width: 100%; }
         #mobileDrawer .menu-masthead-container .menu-item-search form input#searchsubmit { display: none; }
    .top-head #searchform input#searchsubmit { display: none; }
  #mobileDrawer .menu-main-container { padding-top: 10px; }
    #mobileDrawer .menu-main-container a { background-color: #128944; color: #FFF; }
    #mobileDrawer .menu-main-container .current-menu-item a { background-color: #045526; }
    #mobileDrawer .menu-main-container a:hover,
    #mobileDrawer .menu-main-container a:active,
    #mobileDrawer .menu-main-container .current-page-parent a { background-color: #0c6933; }
    #mobileDrawer .menu-main-container a .caret { position: absolute; right: 0; border: none !important; background-color: #0c6933; top: 0; bottom: 0; width: 44px; height: 100%; }
    #mobileDrawer .menu-main-container a .caret:before {   content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  overflow: hidden;
  top: calc(50% - 5px);
  left: calc(50% - 8px);
  z-index: 2;
  border-top: 10px #FFF solid;
  border-left: 10px transparent solid;
  border-right: 10px transparent solid; }
  #mobileDrawer .menu-main-container .current-page-parent a .caret { background-color: #045526; }
  #mobileDrawer .menu-main-container .dropdown-menu { position: relative; float: none; box-shadow: none; border: none; background-color: #FFF; }
    #mobileDrawer .menu-main-container .dropdown-menu a { color: #4a4a4a; font-weight: 600; background-color: transparent; padding-left: 60px; position: relative; }
    #mobileDrawer .menu-main-container .dropdown-menu a:before { position: absolute; content: '\2014'; left: 40px; font-weight: 600; line-height: 17px; }
    #mobileDrawer .menu-main-container .dropdown-menu .current-menu-item a { color: #128944; }
  #mobileDrawer .menu-main-container .current-page-parent.dropdown > .dropdown-menu,
  #mobileDrawer .menu-main-container .current-menu-item.dropdown > .dropdown-menu { display: block; }

/*
*
* MAIN
*
*/
.page-overlay { z-index: 3; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; display: none; }
.drawer-expanded .page-overlay { display: block; }
.drawer-expanded { overflow: hidden; }
.body-container { padding-bottom: 40px; }
.main-container { margin-bottom: 25px; }
  .page-template-page-nohero .main-container > div > div > div[class^="col-"] { margin-top: 40px; z-index: 1; }
  .main-container > div > div > div[class^="col-"] { position: relative; z-index: 2; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); background-color: #FFF; margin-top: -24vw; }
  
  .main-container hr { border-color: #e5f4ea; border-width: 6px; clear: both; }
  
  .main-container h1 { font-weight: 300; color: #128944; font-size: 42px; }
  .main-container h2 { font-weight: 400; color: #128944; font-size: 24px; }
  .main-container h3 { font-weight: 400; color: #128944; font-size: 22px; }
  .main-container h4 { font-weight: 400; color: #128944; font-size: 20px; }
  .main-container h5 { font-weight: 400; color: #128944; font-size: 18px; }
  .main-container h6 { font-weight: 400; color: #128944; font-size: 16px; }
  .home .main-container h1 { font-size: 36px; }
  
  .main-container ul,
  .main-container ol { list-style: none; padding: 0; margin: 0 0 10px 10px; }
  .main-container ul li,
  .main-container ol li { padding-left: 1em; text-indent: -0.7em; }
  .main-container ol li { counter-increment: count-me; }
  .main-container ul li:before { content: "\002022"; color: #128944; padding-right: 7px; }
  .main-container ol li:before { content: counter(count-me) ". "; color: #128944; padding-right: 7px; }
  .main-container blockquote { border-left-color: #128944; }
  
  .home .main-container h1 + p { font-size: 18px; line-height: 30px; }
  
.cta-container { margin-top: 15px; }
  .cta-container .ctabox { color: #4e4e4e; font-size: 16px; font-weight: 400; line-height: 24px; }
   .cta-container .ctabox h3 { color: #128944; font-size: 18px; font-weight: 700; margin-top: 20px; }
   .cta-container .ctabox a { text-decoration: none; }

.widget_oadd_cta_box { margin-top: 62px; margin-bottom: 20px; }
  .widget_oadd_cta_box .cta-content { padding: 20px 20px 60px; position: relative; text-align: center; color: #FFF; }
  .widget_oadd_cta_box .cta-content.cta-background-efefef { color: #4a4a4a; }
    .widget_oadd_cta_box .cta-content h3 { margin-top: 35px; font-size: 24px; font-weight: 300; color: #FFF; }
      .widget_oadd_cta_box .cta-content h3 a { color: inherit; text-decoration: none; }
    .widget_oadd_cta_box .cta-content.cta-background-efefef h3 { color: #128944; }
    .widget_oadd_cta_box .cta-content a.btn { background-color: #FFF; color: #4a4a4a; font-size: 16px; font-weight: 600; border-radius: 4px; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 20px; padding-left: 30px; padding-right: 30px; }
    .widget_oadd_cta_box .cta-content a.btn:hover { border: 1px solid transparent; }
    .widget_oadd_cta_box .cta-content.cta-background-efefef a.btn,
    .widget_oadd_cta_box .cta-content.cta-background-efefef button.btn { background-color: #128944; color: #FFF; }
  .widget_oadd_cta_box .cta-icon { position: absolute; left: 0; right: 0; top: -42px; background-color: #4a4a4a; height: 84px; width: 84px; border-radius: 50%; text-align: center; color: #FFF; padding: 20px; font-size: 40px; margin: 0 auto; line-height: 42px; }
  .widget_oadd_cta_box form { }
    .widget_oadd_cta_box form input { background-color: #FFF; font-style: italic; border-radius: 0; border: none; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-align: center; margin-bottom: 15px; }
    .widget_oadd_cta_box form button { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 20px; }

.pagination-container { margin-top: 30px; font-weight: 300; }
	.pagination-container > * { padding: 6px 10px; border: 1px solid transparent; border-radius: 4px; }
	.pagination-container > a { background-color: #128944; color: #FFF; text-decoration: none; }
  .pagination-container > a:hover { color: #128944; border: 1px solid #128944; background-color: #FFF; }
	.pagination-container > span { border: 1px solid #128944; }


.blog article,
.archive article { border-bottom: 6px solid #e5f4ea; clear: both; padding-bottom: 15px; }
.blog article:last-of-type,
.archive article:last-of-type { border-bottom: none; }


.journal-index { }
  .journal-index h3 { font-size: 18px; color: #128944; border-bottom: 2px solid #c6c6c6; padding-bottom: 3px; }
  .journal-index .journal-listing { }
    .journal-index .journal-listing td { border: none; padding-top: 0; padding-bottom: 0; }
    
.single-journal { }
  .single-journal h2 { margin-bottom: 30px; }
  .single-journal .attachment-journal-cover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
  .single-journal .btn { font-size: 13px; font-weight: 600; }
  .single-journal .journal-preface { margin-top: 30px; }
  .single-journal .journal-sections { }
    .single-journal .journal-sections h3 { font-size: 18px; color: #128944; border-bottom: 2px solid #c6c6c6; padding-bottom: 3px; }
    .single-journal .journal-sections .journal-article { position: relative; padding: 10px 0; border-bottom: 1px solid #c6c6c6; }
    .single-journal .journal-sections .journal-article:last-child { border-bottom: none; }
      .single-journal .journal-sections .journal-article > .article-toggle { position: absolute; top: 15px; left: 0; font-size: 26px; }
      .single-journal .journal-sections .journal-article > .article-toggle:hover { color: #0c6933; }
      .single-journal .journal-sections .journal-article .article-download { position: absolute; top: 15px; right: 0; }
      .single-journal .journal-sections .journal-article article { padding-left: 40px; padding-right: 210px; }
        .single-journal .journal-sections .journal-article article strong a { color: #4a4a4a; text-decoration: none; }
        .single-journal .journal-sections .journal-article article p { display: none; margin-top: 20px; font-style: italic; line-height: 24px; font-size: 14px; }
				
.form-group-compact { margin-bottom: 0px; }
	.form-group-compact .control-label { padding-top: 4px; }
	
.form-group.soldout label { text-decoration: line-through; }

.form-group fieldset { clear:both; }
.form-group fieldset legend.visuallyhidden { visibility: hidden; display: none; }

form #apply_discount { margin-top: 15px; }

.page-template-page-form-conference .checkbox input[type="checkbox"],
.page-template-page-form-conference .checkbox input[type="radio"] { position: absolute; top: 0; left: 0; }
.page-template-page-form-conference .checkbox label,
.page-template-page-form-conference .radio label { display: block; }
.page-template-page-form-conference .radio label:before,
.page-template-page-form-conference .checkbox label:before { top: 4px; }
.page-template-page-form-conference input[type="checkbox"].styled:checked + label:after,
.page-template-page-form-conference input[type="radio"].styled:checked + label::after { top: 7px; }
    
        
/*
*
* HOMEPAGE
*
*/
.whats-new-container { margin-top: 20px; }
.whats-new { }
  .whats-new h2 { margin-top: 0; font-size: 36px; font-weight: 300; color: #128944; margin-bottom: 30px; }
  .whats-new article { position: relative; margin-bottom: 40px; }
    .whats-new article > div { padding-left: 42px; }
    .whats-new article i { position: absolute; top: 50%; transform: translate(0, -50%); font-size: 32px; color: #128944; }
    .whats-new article h3 { font-size: 18px; font-weight: 700; color: #128944; margin-top: 0; }
    .whats-new article p { margin-bottom: 0; }

.whats-new-cta { }
  .whats-new-cta .cta-content { background-color: #e5f4ea; }
    .whats-new-cta .cta-content > div { padding: 22px; font-size: 16px; line-height: 28px; color: #4a4a4a; }
          .whats-new-cta .cta-content > div h3 { font-size: 18px; font-weight: 700; color: #128944; margin-top: 0; }


/*
*
* FORMS
*
*/
form#confirmation-form,
div#confirmation-form,
div.moneris-payment-container { display: none; }
.form-horizontal .form-heading > *:first-child { border-bottom: 1px solid #128944; text-transform: uppercase; }
.form-horizontal .form-heading > h3:first-child,
.form-horizontal .form-heading > h4:first-child,
.form-horizontal .form-heading > h5:first-child,
.form-horizontal .form-heading > h6:first-child { border-bottom: none; }
.form-horizontal .control-label { text-align: left; }
.form-control { border-radius: 0; box-shadow: none; border-color: #EFEFEF; }
.form-control:focus { border-color: #0c6933; box-shadow: none; }
.input-group-addon { border-color: #EFEFEF; color: #888; }
.control-label { font-weight: 400; }
.btn-group .btn { font-weight: 400; padding: 5px 12px; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after,
.checkbox input[type=checkbox]:checked + label:after,
.checkbox input[type=radio]:checked + label:after {
  font-family: 'Glyphicons Halflings';
  content: "\e013";
}

input[type="checkbox"].styled:checked label:after,
input[type="radio"].styled:checked label:after,
.checkbox label:after {
  padding-left: 4px;
  padding-top: 2px;
  font-size: 9px;
  line-height: normal;
}

input[type="radio"].styled:checked + label:after {
  content: '';
}

.fix-checkbox-alignment .checkbox label:before,
.fix-checkbox-alignment .checkbox label::after { margin-left: 0; }
.fix-checkbox-alignment .checkbox label { padding-left: 25px; }

.session-group { margin-bottom: 10px; }
#single-day-tickets-container .form-group.has-error .well .error:last-child { display: block !important; }


.active_codes { margin-top: 15px; }
	.active_codes .code { padding: 7.5px; }
		.active_codes .code i { color: #128944; }
			.active_codes .code a { color: #a94442; }
				.active_codes .code a i { color: inherit; }

.moneris-payment-container { height: 925px; }

/*
*
* WordPress Core
*
*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}