@import ../construct/style.css;

@import /wp-content/themes/construct-child/styles/bootstrap.min.css;

/*
 Theme Name:   Construct Child
 Description:  Customisations to MySiteMyWay Construct Theme
 Author:       Joe Hanna @joehanna222
 Author URI:   http://vantageit.com.au
 Template:     construct
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  construct-child
*/
/*================================================================================
  CUSTOM FONT
================================================================================*/
/*
@font-face {
	font-family:'bariolweb';
	src:url(/wp-content/uploads/font/bariol_regular-webfont.eot);
	src:url(/wp-content/uploads/font/bariol_regular-webfont.eot?#iefix) format("embedded-opentype"),url(/wp-content/uploads/font/bariol_regular-webfont.woff2) format("woff2"),url(/wp-content/uploads/font/bariol_regular-webfont.woff) format("woff"),url(/wp-content/uploads/font/bariol_regular-webfont.ttf) format("truetype"),url(/wp-content/uploads/font/bariol_regular-webfont.svg#webfontregular) format("svg");
	font-weight:400;
	font-style:normal;
}
*/
/*================================================================================
  COLOUR PALLET
================================================================================*/
.mcgreen {
	color:#8cc83c!important;
}

.mcwhite {
	color:#fff!important;
}

.mcbrown {
	color:#505050;
}

/*
.ered {
	color:#d74b51;
}

.epurple {
	color:#a362a7;
}

.eblue {
	color:#0f8dc0;
}

.eyellow {
	color:#e98d23;
}

.egrey {
	color:#58595b;
}

.red_background {
	background-color:#d74b51;
	border-color:#d74b51;
}

.purple_background {
	background-color:#a362a7;
	border-color:#a362a7;
}

.blue_background {
	background-color:#0f8dc0;
	border-color:#0f8dc0;
	color:#0f8dc0!important;
}

.yellow_background {
	background-color:#e98d23;
	border-color:#e98d23;
}

.green_background {
	background-color:#3fb494;
	border-color:#3fb494;
}

.grey_background {
	background-color:#58595b;
	border-color:#58595b;
}
*/
/*================================================================================
  ENSPIRA CONCEPTS
================================================================================*/
/*
.enspira_start {
	color:#3FB494;
}

.enspira_scale {
	color:#D74B51;
}

.enspira_secure {
	color:#AE62A7;
}

.enspira_not_applicable {
 	color:#0f8dc0;
}
*/
/*================================================================================
  BODY
================================================================================*/
/* Make the width of the site 1120px wide */
/* Add more space between main and sidebar. This increases the size of #main by 3% - Di and Ant 9/6/2016 */
.right_sidebar #main {
	padding-right:3%;
}

/* Narrow the sidebar - Di and Ant 9/6/2016 */
.right_sidebar #sidebar {
	width:27.66%;
}

#sidebar a {
	font-size:13px;
}

/*================================================================================
  HTML ELEMENT STYLES
================================================================================*/
body {
  font-family: 'Shadows Into Light', 'Open Sans', sans-serif;
  font-size: 14px;
}

html {
	overflow-x:hidden;
}

body {
	font-weight:400;
	font-size:14px;
/* Doesn't work on mobile browsers like Safari */
/* 	overflow-x: hidden; */
	overflow-x:hidden;
}

p {
	padding-right:5px;
	margin-bottom:10px;
}

a {
	color: #505050;
	font-size:14px;
	font-weight:700;
	border-bottom: 2px solid #E07733;
	padding-bottom:3px;
	margin-bottom: 3px;
	line-height: 16px;
}

#content a.mclink_plain, #content a.mclink_plain_full,
#footer a.mclink_plain, #footer a.mclink_plain_full {
	border-bottom: none !important;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

#header a, #header_extras a, a.mclink_plain, a.mclink_plain_full, 
#content a i.fa, #facebook_feed a {
  border-bottom: none !important;
	padding-bottom: 0 !important;;
	margin-bottom: 0 !important;;
}

ul a {
  line-height: 30px;
}

.mclink_09 {
	font-size:9px!important;
}

.mclink_11 {
	font-size:11px!important;
}

.mclink_14 {
	font-size:14px!important;
}

.mclink-white {
	color:#fff!important;
}

.mclink:hover {
	text-decoration:none;
}

.rotatingtweet a {
	color: #e07733!important;
}

.rtw_meta {
	display:none;
}

/* a { */
/* Restore this to grey. Bootstrap took over and made it blue */
/*   color: #aaa !important; */
/*
	color:#555!important;
}
*/
/*
a:hover {
  border-bottom: #8EC647 8px solid;
  padding-bottom: 8px;
}

a[class$="site_logo"]:hover{
  border-bottom: none;
  padding-bottom: 0;
}
*/
h1 {
	font-weight:700 !important;
	font-size:40px !important;;
	color:#505050 !important;;
}

h2 {
  font-size: 34px !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
}

h3 {
  font-size: 30px !important;
}

h4 {
  font-size: 24px !important;
}

/*
h2,h3,h4,h5 {
 font-weight: bold;
}
*/
/*
h2 {
	font-size:22px;
	color:#58595B;
	margin-bottom:10px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:16px;
}

h5 {
	font-size:14px;
}
*/
/*================================================================================
  BODY CONTAINERS
================================================================================*/
.right_sidebar #main {
	float:left;
	width:72%;
	margin-right:4%;
}

.right_sidebar #sidebar {
	float:left;
	width:24%;
	padding-top:32px;
}

#body_inner {
/*  position:relative; */
/*   width:1000px;  */
	margin:0 auto;
}

#content_wrap {
/*width:1000px; */
/* This is necessary to prevent it blocking out some of the brick background-strip at the top */
	background-color:transparent!important;
}

#content_inner {
	margin: 0 !important;
	padding-bottom: 0 !important;
}

#content,#header_extras,#header_inner,#footer_inner {
/*  position:relative; */
/*width:1000px;*/
	margin:0 auto;
}

#header {
/* Give clearance to header link menu */
	margin-top:20px;
}

#header_inner {
/* Remove grey stripes through the centre of Flickity */
	border-bottom:none!important;
}

.mysite_responsive #responsive_menu {
/* Give it a bit more space below the logo */
	margin-top:10px;
/*make the menu definition a bit darker */
	border:1px solid rgba(100,100,100,.4);
}

#header_inner {
	margin-left:6px;
}

#introtext {
	font-size:18px;
	line-height:28px;
	margin-bottom:35px;
}

/*================================================================================
  LOGO PLACEMENT
================================================================================*/
.logo {
  line-height: 60px;
	z-index:999999;
}

.logo a {
  font-family: 'Lato', 'Open Sans' !important;
  font-size: 36px;
  font-weight: 300;
  color: #e07733; 
  line-height: 42px;
}

/*================================================================================
  HEADER LINKS MENU
================================================================================*/
.header_links {
	float:right;
/* lift the logo and primary menu up in wide screen */
	margin-bottom:-30px;
}

.header_links li {
	padding-left:10px;
	padding-right:8px;
}

.header_links li a {
	color:#757575;
	font-weight:700;
	font-size:18px;
}

#header_extras_inner {
	margin-right:0;
}

/*================================================================================
  PRIMARY MENU 
================================================================================*/
#primary_menu {
	float:left!important;
	margin:3px 0 25px 0px !important;
}

.menu-item {
	line-height:40px!important;
	padding-top:0!important;
	padding-bottom:0!important;
}

/* Make it darker to contrast the photo background */
.is_home .jqueryslidemenu ul li a span {
  color: #fff; 
  text-shadow: 1px 1px #333;
}

.jqueryslidemenu ul ul {
	width:236px!important;
	padding:8px;
/* Allow for corner radius. Highlights square it back up */
	border-radius:8px;
}

.jqueryslidemenu ul li a {
	padding-top:0;
	padding-bottom:0;
}

.jqueryslidemenu ul li a span {
	color:#757575;
/* 	font-weight:700; */
	font-size:14px;
  font-family: 'Shadows Into Light', 'Open Sans', sans-serif !important;
  font-size: 22px;
}
/*

.jqueryslidemenu>ul>li>a>span {
}
*/

.jqueryslidemenu li li a {
	width:210px;
}

.jqueryslidemenu li li a .fa {
	margin-right:4px;
}

.jqueryslidemenu .current_page_item {
	border-bottom: #e07733 2px solid;
}

.divider {
	background:none;
	border-bottom:#ccc 1px solid;
}

#loginlink {
	text-align:left;
	background-color:#fff;
	padding-right:110px;
}

/*================================================================================
  FONT AWESOME 
================================================================================*/
.fa {
	margin-right:6px;
}

.fa-file-text {
	color:#0f8dc0;
	margin-left:4px;
}

/*================================================================================
  FOOTER
================================================================================*/
#footer {
	background-color:#939598;
	color:#fff;
/* bleed to the browser edges */
	margin-left:-6000px;
	margin-right:-6000px;
  padding-top: 10px;
	padding-left:6000px;
	padding-right:6000px;
	border-bottom:#505050 10px solid;
}

/* Increase the size of the footer text */
#footer .textwidget p {
	color:#fff;
	font-size:14px;
}

/* Remove slither that appears at the bottom of the content and looks like it
  eats into the footer section */
#footer_inner {
	border-top:none;
}

/*
#footer_inner a {
  color: #d6d6d6 !important;
}
*/
#footer_contact_social a {
	color:#d6d6d6!important;
}

#footer_contact_privacy a {
	color:#d6d6d6!important;
}

#footer_contact_number a {
	color:#d6d6d6!important;
}

#footer_contact_privacy a {
	color:#d6d6d6!important;
}

/* Inner Intro Section */
/*#intro_inner {
  background: url('/wp-content/uploads/2016/05/EnspiraBackground.jpg');
  min-height: 320px;
  max-height: 320px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
}
*/
.bluecircle,.bluecircle12 {
	background-color:#0f8dc0;
	color:#fff;
	padding:6px;
	font-size:20px!important;
	border-radius:16px;
	width:22px;
	text-align:center;
	height:22px;
	margin-bottom:8px;
	vertical-align:middle;
}

.bluecircle12 {
	font-size:12px!important;
	width:12px;
	height:12px;
	border-radius:12px;
}

/*================================================================================
  BLOG
================================================================================*/

div.share_this_module {
  margin-top: 45px;
}

div.share_this_module a,
div.additional_posts_module a {
  border-bottom: none;
}

div.single_post_module h2 {
  font-size: 22px;
}
.additional_posts_module .post_grid_content { opacity: 1 !important; }

/*================================================================================
  WIDGETS
================================================================================*/
.textwidget {
	font-size:14px;
}

.textwidget a {
	font-size:14px;
	padding-bottom:15px;
}

.textwidget h2 {
	color:#0f8dc0;
/* 	margin-left:13px; */
/*   text-indent: 0; */
}

.textwidget h3 {
/*   color: #0f8dc0; */
	font-size:16px;
/* Ant 14/6/16 11:45 */
	margin-top:20px;
	margin-bottom:0;
/* 	margin-left:13px; */
	font-weight:500;
/*   text-indent: 0; */
}

.textwidget li {
/* Hanging indent to clean up lines that wrap */
/*
  padding-left: 20px;
  text-indent: -12px;
*/
	font-size:12px;
}

.textwidget li a {
	font-size:12px;
}

.getintouch {
	margin-bottom:10px;
}

.getintouch .fa {
	margin-bottom:0;
}

.getintouch span {
	font-weight:700;
}

#widgetbackground {
	background-color:#fff;
	background:#e6e7e8;
	max-width:228px;
}

#widgetcontainer {
	background-color:#fff;
	min-width:228px;
	min-height:228px;
	max-width:228px;
	border-radius:50%;
	display:flex;
	align-items:center;
}

#widgetfindout {
	font-family:'bariolweb',sans-serif;
	font-size:22px;
	margin-left:auto;
	margin-right:auto;
	color:#a1a1a2;
}

/* Centre the content */
div#widgetfindout p,div#widgetfindout a {
	text-align:center;
}

.widgetbutton {
	font-family:'bariolweb',sans-serif;
	font-size:12px;
	background-color:#0F8DC0;
	border:none;
	border-radius:6px;
	padding:5px 8px!important;
/* Needs important - override "textwidget" */
}

/*================================================================================
  TESTIMONIALS
================================================================================*/
span.pullquote3 {
	border-top:2px solid #888!important;
	border-bottom:none;
	font-family:bariolweb,"Open Sans",arial,sans-serif!important;
	font-style:italic!important;
	font-weight:400!important;
}

.testimonial_author_name {
	text-align:right;
	font-family:bariolweb,'Open Sans',sans-serif;
	font-size:12px;
	font-weight:700;
}

/*================================================================================
  ENSPIRA BUTTONS
================================================================================*/
.enspiraActionButtons {
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

/* Buttons at the bottom of hero section */
.enspiraActionButton,.enspiraActionButtonBlue,.enspiraActionButtonGreen,.enspiraActionButtonRed,.enspiraActionButtonPurple,.enspiraActionButtonWhite,.enspiraActionButtonGrey {
	display:inline-block;
	border:2px solid #b6b6b6;
	border-radius:4px;
	font-size:14px;
	height: 25px;
	margin-bottom:5px;
	margin-right:5px;
	min-width:140px;
	padding-top:8px;
	text-align:center;
	vertical-align:middle;
}

.enspiraActionButton + .enspiraActionButton {
	margin-left:3px;
}

/* Clear buttons with rollovers */
.enspiraActionButton:hover,.enspiraActionButton a:hover {
	color:#fff!important;
	text-decoration:none;
}

.enspiraActionButtonGreen:hover,.enspiraActionButtonGreen a:hover {
/* 	background-color:#3fb494; */
	background-color:#e07733;
	border-color:#e07733;
/* 	color:#fff!important; */
	color:#fff !important;
	text-decoration:none;
}

.enspiraActionButtonRed:hover,.enspiraActionButtonRed a:hover {
/* 	background-color:#d74B51; */
	background-color:#fff;
	border-color:#d74B51;
/* 	color:#fff!important; */
	border-color:#d74B51;
	text-decoration:none;
}

.enspiraActionButtonPurple:hover,.enspiraActionButtonPurple a:hover {
/* 	background-color:#ae62a7; */
	background-color:#fff;
	border-color:#ae62a7;
/* 	color:#fff!important; */
	border-color:#ae62a7;
	text-decoration:none;
}

.enspiraActionButtonBlue:hover,.enspiraActionButtonBlue a:hover {
/* 	background-color:#0f8dc0; */
	background-color:#fff;
	border-color:#0f8dc0;
/* 	color:#fff!important; */
	border-color:#0f8dc0;
	text-decoration:none;
}

.enspiraActionButtonWhite:hover,.enspiraActionButtonWhite a:hover {
	background-color:#0f8dc0;
	color:#fff!important;
	border-color:#0f8dc0;
	text-decoration:none;
}

/* Green buttons with rollovers */
.enspiraActionButtonGreen {
	border:2px solid #3fb494;
	background-color:#3fb494;
	color:#fff!important;
	font-weight:700;
}

.enspiraActionButtonGreen:hover,.enspiraActionButtonGreen a:hover {
	background-color:#3fb494;
	color:#fff!important;
	border-color:#3fb494;
	text-decoration:none;
}

/* Blue buttons with rollovers */
.enspiraActionButtonBlue {
	border:2px solid #0f8dc0;
	background-color:#0f8dc0;
	color:#fff!important;
	font-weight:700;
}

.enspiraActionButtonBlue:hover,.enspiraActionButtonBlue a:hover {
	color:#0f8dc0!important;
	text-decoration:none;
}

/* Grey buttons with rollovers */
.enspiraActionButtonGrey {
	border:2px solid #58595b;
	background-color:#58595b;
	color:#fff!important;
	font-weight:700;
}

.enspiraActionButtonGrey:hover,.enspiraActionButtonGrey a:hover {
	color:#58595b!important;
	text-decoration:none;
}

/* Red buttons with rollovers */
.enspiraActionButtonRed {
	border:2px solid #d74b51;
	background-color:#d74b51;
	color:#fff!important;
	font-weight:700;
}

.enspiraActionButtonRed:hover,.enspiraActionButtonRed a:hover {
	color:#d74b51!important;
	text-decoration:none;
	border:2px solid #d74b51;
}

/* Purple buttons with rollovers */
.enspiraActionButtonPurple {
	border:2px solid #a362a7;
	background-color:#a362a7;
	color:#fff!important;
	font-weight:700;
}

.enspiraActionButtonPurple:hover,.enspiraActionButtonPurple a:hover {
	color:#a362a7!important;
	text-decoration:none;
}

.red_background_hover:hover {
	background-color:#d74b51;
	border-color:#d74b51;
}

.purple_background_hover:hover {
	background-color:#a362a7;
	border-color:#a362a7;
}

.blue_background_hover:hover {
	background-color:#0f8dc0;
	border-color:#0f8dc0;
}

.yellow_background_hover:hover {
	background-color:#e98d23;
	border-color:#e98d23;
}

.green_background_hover:hover {
	background-color:#3fb494;
	border-color:#3fb494;
}

.grey_background_hover:hover {
	background-color:#58595b;
	border-color:#58595b;
}

.white_background_hover:hover {
	background-color:#fff;
	border-color:#6fb8d6;
}

.enspiraActionButtonWhiteBorder {
	border:2px solid #fff!important;
}

.enspiraActionButtonBlueBorder {
	border:2px solid #0f8dc0!important;
}

.enspiraActionButtonGreenBorder {
	border:2px solid #3fb494!important;
}

.enspiraActionButtonRedBorder {
	border:2px solid #d74b51!important;
}

.enspiraActionButtonPurpleBorder {
	border:2px solid #a362a7!important;
}

.enspiraActionButtonGreyBorder {
	border:2px solid #58595b!important;
}

.enspiraActionButtonLightGreyBorder {
	border:2px solid #b4b4b4!important;
}

.post_more_link {
	color:#fff!important;
}

/*================================================================================
  UPCOMING FEATURED WORKSHOPS
================================================================================*/
#workshop_featured_heading {
	min-height:58px;
	text-align:center;
}

#workshop_featured_excerpt {
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	min-height:55px;
}

#workshop_featured_image {
	text-align:center;
	padding-bottom:15px;
}

#workshop_image {
	border-radius:6px;
}

#workshop_more_button {
	text-align:center;
	margin-bottom:20px;
}

/*================================================================================
  GRAVITY FORMS
================================================================================*/

#mc_gf_container {
	background-color:#939598;
	color:#fff;
	margin-top: 25px;
	padding-top: 25px;
	text-align: center;
/* bleed to the browser edges */
	margin-left:-6000px;
	margin-right:-6000px;
	padding-left:6000px;
	padding-right:6000px;
}

.gform_wrapper {
  margin-bottom: 0 !important;
}

/* Remove the extra spacing in between the fields to match the design */
.gform_wrapper form ul.left_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper ul.right_label li {
    /* Bring all rows close together */
    margin-bottom: 0px !important;
}

.gform_fields li, .ginput_container, .ginput_container.ginput_container_text {
  margin: 0 !important;
  padding: 0 !important;
}

/* Make "required" asterisk white for readability */
span.gfield_required {
	color: #fff;
}

/* Convert the State dropdown from a boring standard one */
select {
/*     -webkit-appearance: none; */
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    
    background-color: white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    cursor: auto;
    
    border: 2px solid #ccc;
    padding: 5px;
    color: rgb(51, 51, 51);
    border-radius: 0;
    margin-top: 12px;
    height: 33px;
}
/* Standardise all input fields */
input, button, select, textarea {
    border-radius: 4px;
/*     -webkit-appearance: none; */
    -moz-appearance: none;
    border: 2px solid #ccc;
}

.gform_body ul li {
  padding-right: 10px !important;
}

.gform_wrapper .gsection {
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}

.gform_wrapper input[type=input] {
	margin-top:0!important;
	margin-bottom:0!important;
}

@media only screen and (max-width: 761px) {
	.gform_wrapper table.gfield_list tr {
		background-color: #939598 !important;
	}
}

::-webkit-input-placeholder,
{
   color: #a9a9a9 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #a9a9a9 !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #a9a9a9 !important;  
   opacity: 1;
 }

:-ms-input-placeholder {  
   color: #a9a9a9 !important;  
}

input[class="gform_button button"] {
 		@include box-sizing(border-box);
 	background-color: #e07733;
 	color: #fff;
 	margin-bottom: 60px;
 	padding-left: 15px;
 	padding-right: 15px;
}

.membership_section_title {
  font-size: 14px;
}


.gfield_radio input[type=radio] {
   padding: 10px;
}

.gfield_radio input[type=radio]:checked {
   background-color: #8EC647;
   border-color: #777;
}

.gform_wrapper input[type=text],.gform_wrapper textarea {
	border-radius:4px;
	border:1px solid #ccc;
	margin-top: 12px;
}

.gform_wrapper textarea.large {
  	height: 190px !important;;
}

.gform_button {
  border: none;
}

.gsection {
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
}

body .gform_wrapper .gform_footer input[type=submit] {
  margin-bottom: 50px !important;
}

/* No point to this. Gravity use !important too and I lost... */
/*
.gform_wrapper h2.gsection_title {
  padding-bottom: 8px !important;
}
*/

/*================================================================================
  CONTACT US - MAPS
================================================================================*/
/* Ensure they resize when responsive */
.msmw_map {
	max-width:100%;
}

/*================================================================================
  DIV TABLES
================================================================================*/
/* DivTable.com */
.divTable {
	display:table;
	width:100%;
}

.divTableRow {
	display:table-row;
}

.divTableHeading {
	background-color:#EEE;
	display:table-header-group;
}

.divTableCell,.divTableHead {
	display:table-cell;
	padding:3px 10px;
}

.divTableHeading {
	background-color:#EEE;
	display:table-header-group;
	font-weight:700;
}

.divTableFoot {
	background-color:#EEE;
	display:table-footer-group;
	font-weight:700;
}

.divTableBody {
	display:table-row-group;
}

/*================================================================================
  RESPONSIVE HEADER
================================================================================*/

#pagebanner {
	margin-bottom: 25px; 
}

/* Phones */
@media only screen and (max-width: 768px) {
	.header_links {
		margin-top:0;
		margin-bottom:20px;
	}
	
	div#responsive_menu.responsive_menu_container {
		margin-top:20px!important;
		margin-bottom:40px!important;
	}
	
	div.logo {
		margin-top:-35px;
		line-height:60px;
		display:inline-flex;
	}
	
	div#header_extras_inner {
		margin-left:0!important;
	}
	
	#pagebanner h1 {
		font-size: 2em !important;
		margin-top:-33px;
		padding-top:17px;
	}
	
	.header_links li {
		padding-left:4px;
		padding-right:4px;
	}
}

/* Phone 4S */
@media only screen and (max-width: 320px) {
	body {
		min-width:320px;
	/* suppose you want minimun width of 1000px */
		width:auto!important;
	/* Firefox will set width as auto */
		width:320px;
	/* As IE ignores !important it will set width as 1000px; */
	}
	
	#pagebanner h1 {
		font-size:1.5em;
	}
}


/* ********************************************************** */