/*
Theme Name: Supporting Our Community (based on wp-bootstrap)
Theme URI: http://supportingourcommunity.com.au/
Description: A theme for Bendigo Bank's Supporting Our Community, based on wp-bootstrap, a simple responsive theme which is itself based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 4.0.0 (Chromatix 3.0 full responsive + Sponsor, FAQ & Events changes)
Author: Edmond Halley and Tim Malone, Chromatix (based on work by Chris Barnes)
Author URI: http://chromatix.com.au/
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


.megamenumodal li.heading.long{
	max-width: 250px !important;
}

/* modifications to sponsor & events pages - added by CHROMATIX TM 19/05/2015 */

	.page-id-120 #maincontent #content table { width: 100%; }
		.page-id-120 #maincontent #content table tbody tr { }
			.page-id-120 #maincontent #content table tbody tr:first-of-type { background-color: #98113a; color: #fff; }
			.page-id-120 #maincontent #content table tbody tr td { padding: 10px; }
	
		@media only screen and (max-width: 1120px) { .page-id-120 #maincontent #content table { font-size: .9em; } }
		
		@media only screen and (max-width: 1010px) {
		
			.page-id-120 #maincontent #content table tbody tr {
				display: block;
				border-bottom: 1px solid #98113A;
				padding-bottom: 25px;
				margin-bottom: 25px;
			}
			
				.page-id-120 #maincontent #content table tbody tr:first-of-type { display: none; }
				.page-id-120 #maincontent #content table tbody tr td { display: block; padding: 5px 0; }
					.page-id-120 #maincontent #content table tbody tr td:empty { display: none; }
					.page-id-120 #maincontent #content table tbody tr td br { display: none; }
					.page-id-120 #maincontent #content table tbody tr td strong { font-weight: normal; }
					.page-id-120 #maincontent #content table tbody tr td:before { font-weight: bold; padding-right: 5px; }
						.page-id-120 #maincontent #content table tbody tr td:nth-child(1):before { content: "Date:"; }
						.page-id-120 #maincontent #content table tbody tr td:nth-child(2):before { content: "Event:"; }
						.page-id-120 #maincontent #content table tbody tr td:nth-child(3):before { content: "Time:"; }
						.page-id-120 #maincontent #content table tbody tr td:nth-child(4):before { content: "Place:"; }
						.page-id-120 #maincontent #content table tbody tr td:nth-child(5):before { content: "For more information:"; display: block; }
					
		}

	#maincontent #content .sponsor_container { margin-top: -2em; }
		#maincontent #content .sponsor_container .term_title { color: #333; margin-top: 2em; line-height: 1.4em; padding-left: 5px; }
		#maincontent #content .sponsor_container .sponsor_row { float: none; }
		
			#maincontent #content .sponsor_container .sponsor_row .sponsor_column.column_title {
				width: 50%;
				padding: 0 20px !important;
			}
			
			#maincontent #content .sponsor_container .sponsor_row .sponsor_column.column_url {
				width: 50%;
				font-size: .85em;
				line-height: 1.63em;
				display: block !important;
			}
			
			@media only screen and (max-width: 800px) {
			
				#maincontent #content .sponsor_container .sponsor_row .sponsor_column.column_title {
					width: 100%;
					font-weight: normal !important;
				}
				
				#maincontent #content .sponsor_container .sponsor_row .sponsor_column.column_title a[href] {
					font-weight: 800 !important;
				}
				
				#maincontent #content .sponsor_container .sponsor_row .sponsor_column.column_url {
					display: none !important;
				}
				
			}

/* dropdown content - frontend styles - added by CHROMATIX TM 18/05/2015 */

	/* to start with, disable all transitions */	
	
		.dropdown_content,
		.dropdown_content_heading,
		.dropdown_content_heading *:first-child,
		.dropdown_content_heading *:first-child:after {
			-webkit-transition: none !important;
			-moz-transition: none !important;
			transition: none !important;
		}

	.dropdown_content { display: none; margin: 0 0 15px 0; }

	.dropdown_content_heading {
		cursor: pointer;
		margin: 15px 0;
		max-width: 94%; /* stop dropdown arrow from being off content canvas */
	}
		
		.dropdown_content_heading *:first-child {
			display: inline-block; /* make the :after arrow display at the end of the text, not the end of the line */
			position: relative;
			color: $98113A;
			max-width: 100%; /* IE8 needs this for long headings */
		}
			
			.dropdown_content_heading *:first-child:after {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				display: inline-block;
				border-top: 8px solid #000;
				border-top-color: inherit;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				right: -25px;
				top: 26%;
				-webkit-transition: -webkit-transform 0.3s ease-in !important;
				-moz-transition: -moz-transform 0.3s ease-in !important;
				transition: transform 0.3s ease-in !important;
			}
		
		.dropdown_content_heading.active *:first-child:after {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		
		.dropdown_content_heading:hover *:first-child { color: #69132D; }
		
		.dropdown_content:not(.active) + .chr-tm-empty-para { display: none; }
	
/* ************************ The end, thanks for visiting! *********************** */