/*   

Theme Name: Aussie Outdoor Design Theme

Theme URI: http://www.aussieoutdoordesign.com.au

Description: Aussie Outdoor Design Theme, based on Blank Theme

Author: White River Design

Author URI: http://www.whiteriverdesign.com

Version: 0.1

*/



#SlideshowContent {

    max-height: 790px;

    overflow: hidden;

}

@media only screen and (min-width: 2200px) {

	#SlideshowContent {

	    max-height: none;

	    overflow: hidden;

	}

}





/* GALLERY BUTTON OVERWRITES: */ 

/* RED: #d12229, Blue: #00a7d4, Purple: #243f8e, Green: #b5c327. */



#huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li[rel=".Councils"] a {

	background-color: #00a7d4 !important; //BLUE

}

#huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li[rel=".Schools"] a {

	background-color: #b5c327 !important; //GREEN

}

#huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li[rel=".Outdoor_Fitness"] a {

	background-color: #d12229 !important; //RED

}

#huge_it_portfolio_content_1 #huge_it_portfolio_filters_1 ul li[rel=".Childcare"] a {

	background-color: #243f8e !important; //PURPLE

}





.cycloneslider-template-standard .cycloneslider-prev, .cycloneslider-template-standard .cycloneslider-next {

	opacity: 1 !important;

	width: 20px !important;

	height: 20px !important;

	background: rgba(255, 255, 255, 0.6) !important;

}

.cycloneslider-template-standard .cycloneslider-next .arrow {

    border-left: 6px solid #666 !important;

}

.cycloneslider-template-standard .cycloneslider-prev .arrow {

    border-right: 6px solid #666 !important;

}

.cycloneslider-template-standard .cycloneslider-prev {

    left: 25px !important;

}

.cycloneslider-template-standard .cycloneslider-next {

    right: 25px !important;

}




.cycloneslider-template-standard .cycloneslider-pager {
	bottom: 15px !important;
}



@media only screen and (min-width: 481px) {
	
	.cycloneslider-template-standard .cycloneslider-pager {
		bottom: 30px !important;
	}

}


@media only screen and (min-width: 900px) {

	.cycloneslider-template-standard .cycloneslider-prev, .cycloneslider-template-standard .cycloneslider-next {

		width: 30px !important;

		height: 30px !important;

	}
	
	
	
	.cycloneslider-template-standard .cycloneslider-pager {
		bottom: 30px !important;
	}	

}


@media only screen and (min-width: 1280px) {
	
	.cycloneslider-template-standard .cycloneslider-pager {
		bottom: 20% !important;
	}	

}


@media only screen and (min-width: 1700px) {
	
	.cycloneslider-template-standard .cycloneslider-pager {
		bottom: 10% !important;
	}	

}





.cycloneslider-template-standard .cycloneslider-pager span {
    background: #5d6367 !important;
}

.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
   background: #ccc !important;
}


body #desktop-heading {
    position:relative;
    padding-top:0;
    padding-bottom:0;
    background-color: black;	
}

#desktop-heading h1 {
    margin-top: 0;
    padding: 0;
    height: 150px;
    line-height: 150px;
    margin: 0;
    box-sizing: border-box;
}

#desktop-heading .logo {
    position: absolute;
    left: 0;
    height: 150px;
    top: 0;
}

body #NavigationWrapper {
    background-color: black;
position:relative;
}


#NavigationWrapper .logo {
    position: absolute;
    left: 0;
    height: 150px;
    top: 0;
}

@media only screen and (min-width: 900px) {
    #NavigationWrapper #DesktopNav {
         height: 150px;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
}


@media only screen and (max-width: 900px) {
    body #nav-mobile{
	background-color: #F26721;
    }
	


    #desktop-heading .logo {
         position: static;
    }
    #NavigationWrapper .logo {
        position: static;
    }

    #desktop-heading h1 {
         height:auto;
         line-height: inherit;
padding-top:10px;
padding-bottom:10px;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 900px) {
	#DesktopNav #menu-main-menu {
		margin-right: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: auto;
	}

	body #NavigationWrapper {
		display: flex;
		flex-direction: row;

	}

	#DesktopNav #menu-main-menu:after {
		display: none;
	}

	#NavigationWrapper .logo {
		position: static;
	}
} 