/*
 Theme Name:   It's Gotta Change
 Theme URI:    http://itsgottachange.com.au/
 Description:  It's Gotta Change
 Author:       It's Gotta Change
 Author URI:   http://itsgottachange.com.au/
 Template:     canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, network
 Text Domain:  canvas-child
*/
@import url("../canvas/style.css");
@media only screen and (min-width: 768px) {
#nav-container{
display: none;
}
}


@media screen and (max-width: 768px) {
#top-nav, .menus h3{
display: none !important;
}
}
.entry table td, .entry table th {
    padding: .857em 1.387em;

    border-right: 0px dotted #fff;

}

.entry table td, .entry table th {
    padding: 0px;
 }

 
.termsofuse OL { counter-reset: item;
list-style-position: outside;
 }
 
.termsofuse LI { display: block;
margin-bottom: 0.5em;
 }
 
.termsofuse LI:before { content: counters(item, ".") " "; counter-increment: item }

/* Changes the default background color of the nav menus */
#navigation ul.nav > li a:hover {
background: #316594;
color: #FFFFFF;
}

/* Changes the default background color of the drop down menus */
#navigation ul.nav ul {
background: #D0D9E0;
}

/* Changes the default background color of a drop down menu with a child */
ul.nav li ul li a:hover {
text-decoration: none;
background: #316594 !important;
color: #FFFFFF !important;
}


/*----------------------------*/
/*Generic Classes */
.colorgrey1{
	color: #EEEEEE;
}
.bordergrey1{
	border-color: #E6E6E6 !important; /*#EEEEEE;*/
} 
.borderbottom{
	border-bottom:1px solid;
}
.bordertop{
	border-top:1px solid;
}
.borderright{
	border-right:1px solid;
}
.borderleft{
	border-left:1px solid;
}
/*grey outside border: bordergrey1 borderbottom bordertop borderright borderleft */
/*grey border at bottom: bordergrey1 borderbottom */
 
 
/*----------------------------*/
/* Resources Page */
.res{
	
}

.res .resheading{
	text-align: left;
}

.res img{
	border:0;
	width:15px;
	height:15px;
}

.res .smallcols3{
	float:left;
	display:block;
	width:23%;
	padding-right:1%;
	min-height:50px;
	/*border:1px red solid;*/
}
.res .smallcols5{
	float:left;
	display:block;
	width:17%;
	padding-right:1%;
	/*min-height:50px;*/
	/*border:1px red solid;*/
}
.res .colsLast
{
	clear:right;
}
.res p{
	display:none; visibility:hidden;
}
/*5-col layout*/
.res .rows{
	display:block;
	clear:right;
	min-height:100%;
}
.res .cols{
	/*border:1px blue solid;*/
	float:left;
	width:23%;
	padding-right:1%;
	display:block;
	min-height:25px;
}


.res .cols1line{
	min-height:25px;
}
.res .cols2line{
	min-height:50px;
}
.res .cols3line{
	min-height:75px;
}
.res .cols4line{
	min-height:100px;
}


/*column deviations*/
.res .cols1{
	width:33%;
}
.res .cols2{
	width:13%;
}


.res .restablediv{
	clear:both;
	margin-bottom:20px;
	padding:0;
}


.res h3{
	clear:both;
	display:block;
	width:100%;
	
}


@media only screen
	and (max-width : 1000px)
{

/*Bump these higher as the device gets smaller*/
	.res .cols1line1000{
		min-height:75px;
	}
	.res .cols2line1000{
		min-height:100px;
	}
	.res .cols3line1000{
		min-height:150px;
	}
	.res .cols4line1000{
		min-height:205px;
	}	
/*alter the column deviations*/
	.res .cols1{
		width:23%;
	}
	.res .cols2{
		width:23%;
	}	
	
}

@media only screen
	and (max-width : 700px)
{

/*Bump these higher as the device gets smaller*/
	.res .cols1line700{
		min-height:75px;
	}
	.res .cols2line700{
		min-height:100px;
	}
	.res .cols3line700{
		min-height:150px;
	}
	.res .cols4line700{
		min-height:205px;
	}	
/*alter the column deviations*/
	.res .cols1{
		width:26%;
		/*border: 1px green solid;*/
	}
	.res .cols2{
		width:20%;
		/*border: 1px green solid;*/
	}		
}


.rowCategoriiMobile {
	display:none; visibility:hidden;
	/*border:1px red solid;*/
	min-height:0;
}
.rowCategoriiMobile .rows {
	height:25px;
}
.rowCategoriiMobile a, .rowCategoriiMobile div{
	height:0;
}
.rowCategoriiMobile .cols {
	height:0;
}

@media only screen
	and (max-width : 510px)
{

	/* on the mobile view the web address sometimes has has no text webaddress hidewebaddressonmobile */
	.hidewebaddressonmobile{
		display:none;
		visibility:hidden;
	}
	
	.res .cols1line510smaller1{
		min-height:45px;
	}	

/*Bump these higher as the device gets smaller*/
	.res .cols1line510{
		min-height:75px;
	}
	.res .cols2line510{
		min-height:100px;
	}
	.res .cols3line510{
		min-height:150px;
	}
	.res .cols4line510{
		min-height:205px;
	}	
/*alter the column deviations*/
/*perform mobile dissection and incision*/
	.res .cols1{
		/*2 col way*/
		width:48%;
		/*border: 1px orange solid;*/
		/*3 col way*/
		/*width:31%;
		border: 1px orange solid;*/
	}
	.res .cols2{
		/*2 col way*/
		width:48%;
		/*border: 1px orange solid;	*/
		/*3 col way*/
		/*width:31%;
		border: 1px orange solid;*/
	}	
	.res .cols3{
		/*2 col way*/
		/*border: 1px red solid;*/
		width:100%;
		display:block;
		clear:both;
		min-height:25px; /* mobile height for col 3 and 4 */
		/*3 col way*/
		/*border: 1px orange solid;
		width:32%;
		clear:right;*/
	}
	.res .cols4{
		/*border: 1px red solid;*/
		width:100%;
		display:block;
		clear:both;
		min-height:25px;  /* mobile height for col 3 and 4 */
		margin-bottom:70px; /* this separates each service on the mobile devices*/
	}	
	
	.rowCategorii{
		display:none; visibility:hidden;
	}
	.rowCategoriiMobile{
		display:block; visibility:visible;
		min-height:100%;
		float:none;
	}
	.rowCategoriiMobile .cols{
		min-height:25px;
	}
	.rowCategoriiMobile .rows {
		height:25px;
	}
	.rowCategoriiMobile .cols, .rowCategoriiMobile a, .rowCategoriiMobile div{
		height:25px;
	}	
	
	
	.res .rows1, .res .rows2, .res .rows1 *, .res .rows2 *{
		/*warning this destroys ability to show things again easily after this point...*/
		display:none; visibility:hidden;
	}
	
	.res .rows3 .cols1, .res .rows3 .cols2{
		min-height:25px;
	}
	
}



 
/*----------------------------*/
/* Resources Details Page */
.resdetail{

}

.resdetail img{
	border:0;
	width:15px;
	height:15px;
}

.resdetail .maincols
{
	float:left;
	display:block;
	width:48%;
	padding-right:1%;
	min-height:20%;
	/*border:1px red solid;*/
}
.resdetail .maincolsLast
{
	clear:right;
}
/*5-col layout*/
.resdetail .rows{
	display:block;
	clear:right;
	min-height:20%;		
}
.resdetail .cols{
	/*border:1px blue solid;*/
	float:left;
	width:18%;
	padding-right:1%;
	display:block;
}