/*
Theme Name: Kempsey Crescent Head SLSC
Theme URI: http://upplex.de/bootstrap-3-wordpress-theme-framework/
Author: J Wilson
Author URI: http://nbwebdesign.com.au
Description: Custom theme for the Kempsey Crescent Head SLSC. Based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. and Twitter Bootstrap 3. 
Version: 0.1
License: GNU General Public License
License URI: license.txt
Text Domain: upbootwp
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

upBootWP is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. and Twitter Bootstrap 3 

*/


/* import website font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);

/*---------------------------------------------------------------- global ------------------------------------------------*/

html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}


#content { /* stops large padding issue between header and page name */
    padding: 0px 0px 20px 0px;
}

a {
    color: #0a5f7f;
}

img.size-full { /* for images uploaded into pages/posts */
	width: 100%;
	height:auto;
}

/*----------------------------------------------------------------------header -----------------------------------------*/

#masthead {
	background:url('http://crescentheadslsc.com.au/wp-content/uploads/2016/03/header_bg.jpg');
	background-position:center;

}

.logo {
	margin-top: 50px;
	margin-left: 20px;
}

/* align logo to center for mobile view */
@media (max-width: 768px) {
	.col-logo {
			text-align: center;
	}
}

/*------------------------------------------------------------------------------ header navigation -------*/

#menu-header-menu {
	list-style: none;
	margin-right: 18px;
}

.top_right_nav {
	text-align:right;
}

/* style header navigation */
#menu-header-menu li a {
    background-color: rgb(39, 143, 182); /*#278fb6;*/
	background-color: rgba(39, 143, 182, 0.8);
    padding: 5px;
	color: #fff;
	font-size: 36px;
}

#menu-header-menu li  {
    margin-bottom: 25px;
}

#menu-header-menu li a:hover, #menu-header-menu li a:active, #menu-header-menu li a:focus {
	text-decoration:none;
}

#menu-header-menu li.current-menu-item a {
	background-color: #0a5f7f;
}

.fa-phone-square, .fa-facebook-square {
	color: rgb(39, 143, 182);
	color: rgba(39, 143, 182, 0.8);
	font-size: 50px !important;
	margin: 12px 0;
}

.fa-facebook-square {
    margin-right: 18px;
}

/*------------------------------------------------------------------------------------------- main navbar ----------*/

.navbar {
    border: 0px solid transparent;
}

.nav_margin.container { /* makes nav menu line up with header */
	/*padding-left: 0 !important;*/
	/*padding-right: 0 !important;*/
}

#main-menu li a {
	color: #fff;
	font-size: 30px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #0a5f7f !important;
}

/* Aligns navigation menu to the center of the screen*/
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
		background-color: #278fb6;
    }
}

/*  resize menu font size as page gets smaller */
@media (max-width: 992px) {
	#main-menu li a {
		font-size: 20px;
	}
	
	#menu-header-menu li a {
		font-size: 26px;
	}
}

/* dropdown */

.dropdown-menu>li>a {
    color: #278fb6 !important;
}

@media (max-width: 767px) {
	.navbar-collapse {
		background-color:#278fb6;
	}
    
    .dropdown-menu>li>a { /* change colour back when in mobile view */
    color: #fff !important;
}

	
}


/* mobile menu */

.navbar-default .navbar-toggle {
    border-color: #739EAF;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #bce0ed;
}

/*-------------------------------------------------------- front page ---------------------------------------------------*/


/* latest newsbox formatting */

.display-posts-listing {
	list-style: none;
	margin-left: -40px;
}

.excerpt {
	margin-top: -10px;
}

.home_page_bottom_content img {
	width: 100%;
	height:auto;
}

.display-posts-listing a {
	font-weight: bold;
}

/* Front page slider overrides */
.cycloneslider-template-standard .cycloneslider-prev, .cycloneslider-template-standard .cycloneslider-next {
    width: 50px !important;
    height: 50px !important;
}

.cycloneslider-template-standard {
    margin-bottom: 15px !important;
}

/*------------------------------------------------------------------ contact page ----------------------------------------------*/
.google_map{
	padding-bottom: 10px;
	}

.ninja_form {
	padding-top: 10px;
}
/*------------------------------------------------------------------ footer ----------------------------------------------*/

.site-footer-img {
	width: 100%;
	height:auto;
}

.site-info {
	background-color: #0a5f7f !important;
	text-align: center;
	color: #fff;
	height: 50px;
	line-height:50px;
}