/*
 Theme Name:   Divi Agora
 Description:  Australian Greens Divi child theme with locked down brand
 Author:       Codeflow
 Author URI:   http://codeflow.com.au
 Template:     Divi
 Version:      1.2
 Tags: 		   responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child
*/


/* -------------------------------------------
 *
 * Default Styles
 *
 * --------------------------------------------
 */
body {
	font-weight: 400;
	background: #39b54a;
}

/* Common Classes */
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }


/* Headings */
h1, h2, h3, h4, h5, .heading {
	font-weight: 700;
	text-rendering: optimizelegibility;
	line-height: 1.25em;
	margin-top: 1em;
	margin-bottom: 0.375em;
	letter-spacing: -0.025em;
	padding: 0;
  font-family: "Roboto Condensed",Helvetica,Arial,Lucida,sans-serif;
}
#page-container h1 { font-size: 60px; text-transform:uppercase; }
#page-container h2 { font-size: 48px; }
#page-container h3 { font-size: 34px; }
#page-container h4 { font-size: 24px; }
#page-container h5 { font-size: 24px; }
#page-container h6 { font-size: 22px; }

/* Media queries to better support mobile devices */

@media only screen and (max-width: 479px) {
  #page-container h1 { font-size: 36px; text-transform: uppercase;}
  #page-container h2 { font-size: 24px; }
  #page-container h3 { font-size: 20px; }
  #page-container h4 { font-size: 18px; }
  #page-container h5 { font-size: 18px; }
  #page-container h6 { font-size: 16px; }
}

@media only screen and (min-width: 480px) and (max-width: 979px) {
  #page-container h1 { font-size: 48px; text-transform: uppercase;}
  #page-container h2 { font-size: 34px; }
  #page-container h3 { font-size: 24px; }
  #page-container h4 { font-size: 22px; }
  #page-container h5 { font-size: 22px; }
  #page-container h6 { font-size: 18px; }
}

/* Links */
a:hover {
	text-decoration: underline;
}

/* -------------------------------------------
 *
 * Codeflow Simply Grid System
 *
 * --------------------------------------------
 */
/* Define grid column widths. */
/* Margins at 1.3% is just in case you don't wrap columns in a gridrow */
.gridcol-half {
	font-size: 16px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	width: 49%;
	margin-left: 1.3%;
}
.gridcol-third {
	font-size: 16px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	width: 32%;
	margin-left: 1.3%;
}
.gridcol-quarter {
	font-size: 16px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	width: 23.5%;
	margin-left: 1.3%;
}
/* Define grid rows after the columns */
.gridrow {
	text-align: center;
	font-size: 0;
	width: 100%;
}
.gridrow > [class*="gridcol-"] {
	/* Set no margin on all elements */ 
	margin-left: 0;
}
.gridrow > [class*="gridcol-"] ~ [class*="gridcol-"] {
 	/* Set margin on all elements except first */
	margin-left: 2%;
}
/* Mobile One Column */
@media only screen and (max-width: 660px) {
	.gridrow > [class*="gridcol-"] {
		display: block;
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
/* Styling within the grid */
.gridrow input[type="text"],
.gridrow input[type="email"],
.gridrow input[type="url"],
.gridrow input[type="tel"],
.gridrow input[type="password"],
.gridrow input[type="number"],
.gridrow textarea,
.gridrow select {
	width: 100%;
}


/* -------------------------------------------
 *
 * Forms
 *
 * --------------------------------------------
 */
.et_pb_button,
button,
input[type=submit] {
	cursor: pointer;
	background: transparent;
	border: 4px solid currentcolor !important;
	border-radius: 2px;
	font-family: "Roboto Condensed",Helvetica,Arial,Lucida,sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.7em;
	padding: 0.3em 1em;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.et_pb_button a {
	font-weight: 700;
}
.et_pb_button:hover,
.et_pb_button a:hover,
button:hover,
input[type=submit]:hover {
	text-decoration: none;
}
.form-submit {
	margin-top: 10px;
}
label {
	cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
	padding: 8px;
	max-width: 100%;
	color: #39b54a;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	color: #39b54a;
}
.formality_sr_only {
	clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
}


/* -------------------------------------------
 *
 * Theme Settings
 *
 * --------------------------------------------
 */
/* Blog, Archive and Search */
body.blog .et_pb_post,
body.archive .et_pb_post,
body.search .et_pb_post {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #39B54A;
}
.et_pb_post.has-post-thumbnail img {
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	margin-bottom: 10px;
}

/* Site Title */
.header-site-title {
    display: inline-block;
    position: absolute;
    left: 60px;
    top: 0px;
    bottom: 0px;
    height: 24px;
    margin: auto 0;
    max-width: 75%;
}

@media only screen and (max-width: 479px) {
    .header-site-title {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 979px) {
    .header-site-title {
        left: 70px;
    }
}

.header-site-title-heading {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 1.2em;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    -webkit-transform: perspective(1px) rotate(-1.5deg);
    -moz-transform: perspective(1px) rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    transform: perspective(1px) rotate(-1.5deg);
    outline: 1px solid transparent;
}

/* Reversed Headings */
.heading-reversed {
	text-transform: uppercase;
	padding: 2px 0;
	display: inline;
    -webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: #fff;
}

.heading-reversed-white {
    color: inherit !important;
}

/* Body Content */
.entry-title {
	margin-top: 0 !important;
}
h1.entry-title {
	font-size: 48px;
}
.entry-content p {
	padding: 0;
	margin: 3px 0 1em 0;
}
.entry-content ul,
.entry-content ol {
	margin: 1em 0;
	padding: 0 !important;
}
.entry-content li {
	padding-left: 0.25em;
	margin-bottom: 0.4em;
	margin-left: 1.5em;
	-webkit-print-color-adjust:exact;
}
.entry-content ul { list-style: disc; }
.entry-content ul ul { list-style: circle; }
.entry-content ol { list-style: decimal; }
.entry-content ol ul { list-style: disc; }

/* Structure */
#left-area {
	padding-bottom: 60px;
}

/* Searchform */
input#s {
	border-color: #39B54A !important;
}
#searchsubmit {
	background: none !important;
	height: 100%;
	width: auto !important;
	color: #39B54A;
	text-align: center;
	padding: 0 10px !important;
	cursor: pointer;
}

/* Primary Navigation */
#main-header #top-menu-nav li ul {
	width: 200px;
	padding: 0;
	background: none;
}
#top-menu li li {
	padding: 0;
}
#top-menu li li a {
	background: #39b54a; /* Fallback */
	background: rgba(57,181,74,0.8);  /* Core green with 80% opacity */
}
#top-menu li li a:hover {
	background: #39b54a; /* Fallback */
	opacity: 1;
}



/* -------------------------------------------
 *
 * News Feed
 *
 * --------------------------------------------
 */
/* News Feed */
.ag_news_feed {
	display: table;
	margin: 10px 0;
	table-layout: fixed;
	width: 100%;
}
.ag_news_feed_row {
	display: table-row;
}
.ag_news_feed_item {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	text-align: left;
}
.ag_news_feed_spacer {
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
	width: 44px;
	position: relative;
	text-align:center;
}
.ag_news_feed_spacer .ag_news_feed_spacer_border {
	display: block;
	position: absolute;
	height: 100%;
	width: 0;
	margin: 0 auto;
	border-left: 4px solid currentColor;
}
.ag_news_feed_row > .ag_news_feed_item:first-child {
	border-left: 0;
	padding-left: 0;
}
.ag_news_feed_row > .ag_news_feed_item:last-child {
	padding-right: 0;
}
.ag_news_feed_image {
	margin: 0 0 10px 0;
}
.ag_news_feed_image img {
	margin: 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	max-width: 100%;
	height: auto;
}
.ag_news_feed_title {
	margin: 0px 0 5px 0;
}
.ag_news_feed_excerpt {
	margin: 0;
}
.ag_news_feed_readmore {
	margin: 5px 0;
}
@media only screen and (max-width: 660px) {
	.ag_news_feed_item {
		display: block;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-left: none;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 4px solid currentColor;
	}
	.ag_news_feed_spacer {
		display: none;
	}
}


/* -------------------------------------------
 *
 * Widgets
 *
 * --------------------------------------------
 */
.widget_rss .title img {
	display: none;
}
.widget_rss .rss-date {
	display: block;
	font-size: 0.8em;
	color: #eee;
}


/* -------------------------------------------
 *
 * Footer
 *
 * --------------------------------------------
 */
/* Compress top padding to footers */
#footer-widgets {
	padding-top: 30px;
}

/* Footer Widget color */
.footer-widget,
.footer-widget a,
.footer-widget .et_pb_button,
.footer-widget .et_pb_widget .title,
.footer-widget .et_pb_widget .title a {
	color: #fff;
}

.footer-widget a:hover {
     color: rgba(255,255,255,0.7);
 }

/* -------------------------------------------
 *
 * Divi Layouts
 *
 * --------------------------------------------
 */

/* Compress default Divi section padding */
#main-content .et_pb_section {
	padding: 30px 0;
}
.et_pb_post .entry-content {
	padding-top: 0;
}
.et_pb_promo_description > :first-child,
.et_pb_text > :first-child {
	margin-top:0;
}

/* Buttons */
.et_pb_button:hover {
	text-decoration: none !important;
}

/* Icons */
.et-pb-icon {
	font-family: "agora-icons", "ETmodules" !important;
}
.et-social-icons .et-social-icon a.icon:before {
	font-family: "agora-icons", "ETmodules" !important;
	speak: none;
}
.et-social-facebook a.icon::before { content: '\e903' !important; }
.et-social-twitter a.icon::before { content: '\e91f' !important; }
.et-social-google-plus a.icon::before { content: '\e904' !important; }
.et-social-rss a.icon::before { content: '\e91a' !important; }

/* Fix Divi headings in 3 and 4 column layouts */
.et_pb_column_1_3 h1, .et_pb_column_1_4 h1 { font-size: auto; }
.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 { font-size: auto; }

/* Section/Body - Green Triangles */
.section-green-triangles,
.graphic-background {
	background-color: #39b54a;
	/* background-image: url('images/graphic_background.jpg') !important; */
	background-image: url('images/ag_triangles_background.jpg');
	background-attachment: scroll;
    background-position: 50% 50%;
    background-repeat: repeat;
}
.section-green-triangles,
.section-green-triangles h1,
.section-green-triangles h2,
.section-green-triangles h3,
.section-green-triangles h4,
.section-green-triangles h5,
.section-green-triangles button,
.section-green-triangles .et_pb_button,
.section-green-triangles .et-pb-icon {
	color: #fff;
}

/* Section - Heading */
.section-heading {
	text-transform: uppercase;
}