/****
	Theme Name: AC Theme
	Theme URI: http://aircondition.webtestbed.co.nz/
	Author: Glen Paul L. Tibay
	Author URI: http://thepxproject.com
	Description: Custom Made Theme Specifically for "Auckland Aircondition"
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: Ac Theme
****/



body{
	
}
a,h1,h2,h3,h4,h5,h6,p,strong,bold{
	font-family: 'Open Sans', sans-serif !important;
}
p{
	font-size: 16px;
}
a{
	font-size: 16px;
}
a:hover{
	color: #333 !important;
	text-decoration: none !important;
}

/****
*
*  **    Header Styles
*   *
****/

.navigation-layer-1{
	background-color: #eaeaea;
}
.site-contact{
	background-image: url('/wp-content/uploads/2018/08/Phone_Update.jpg');
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 80px;
	font-weight: 600;
	float: right;
    font-size: 35px;
    margin-top: 20px;
	color: #2163ae;
}
.navigation-layer-2{
	padding-top: 20px;
}
.facebook-icon{
	margin-top: 10px;
}
.header-facebook-wrapper a{
	float: right;
}
#ac-top-nav{
	background-color: transparent;
	border: none;
	margin-top: 20px;
}
ul#menu-top-menu li a{
	color: #333;
	font-weight: 600;
}
ul#menu-top-menu li{
	position: relative;
}
ul#menu-top-menu li.current_page_item a{
	color: #d2232a;
}
.header-facebook-wrapper a img{
	height: 30px;
    margin: 5px 0px;
}
ul.sub-menu{
	position: absolute;
	width: 300px;
	padding-left: 0px;
	list-style: none;
	top: 70px;
	left: 10px;
	display: none;
	z-index: 99999;
	background: #fff;
}
.layer-2{
	padding: 0px;
}
ul.sub-menu li{
	padding: 10px 20px;
	transition: background-color 0.5s ease;
	border-bottom:1px solid #c2c2c2;
}
ul.sub-menu li:hover{
	background-color: #e5e5e5;
}
#navbar{
	padding: 0px !important;
}
.navbar .container{
	padding: 0px !important;
}


/****
*
*  **    Footer Styles
*   *
****/

.get-in-touch-main-wrapper{
	background: #cd4f14;
}
.get-in-touch-wrapper{
	padding: 50px 0px;
}
.get-in-touch-para{
	line-height: 30px;
    color: #fff;
    font-weight: 400;
}
.get-in-touch-button a{
	padding: 25px 50px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 10px;
    background: #fff;
    color: #cd4f14;
    font-weight: 600;
}
.get-in-touch-button{
	text-align: right;
	padding: 40px 0px;
}
.footer-layer-two{
	text-align: center;
}
.footer-logo .site_logo{
	width: auto;
	margin: 0 auto;
	margin-bottom: 50px;
}
.footer-layer-two-main-wrapper{
	padding: 50px 0px 20px 0px;
	position: relative;
}
.footer-fb img{
	margin: 0 auto;
}
.footer-copyright{
	text-align: center;
	background: #eeeeee;
	padding: 20px;
	position: absoluter;
	bottom: 0px;
}
.web{
	color: #cb5a81;
}
.digital{
	color: #7162a8;
}
.copyright span{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.get-in-touch-main-wrapper .get-in-touch-wrapper .get-in-touch-para h3{
	font-size: 24px !important;
}
/****
*
*  **    Page Banners
*   *
****/


.page-banners{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 350px;	
	margin-bottom: 10px;
}
.banner-heading-wrapper{
	position: relative;
	height: 100%;
	padding: 0px !important;
}
h1.banner-heading{
    position: absolute;
    color: #fff;
    top: 30%;
    font-size: 72px;
    font-weight: 600;
}


/****
*
*  **    Media Queries
*   *
****/


@media only screen and (min-width: 992px) and (max-width: 1024px){
	.block-image{
		height: 320px !important;
	}
	#myCarousel2 .carousel-inner .item h1{
		width:80%;
		margin: 0 auto;
	}
}


@media only screen and (min-width: 768px) and (max-width: 992px){
	
	.slider-text-main-wrap{
		top: 10% !important;
	}
	.block .block-image-wrap .block-image{
		height: 375px !important;
		margin: 0 auto;
		width: 50%
	}
	.get-in-touch-button{
		text-align: center;
	}
	#myCarousel2 .carousel-inner .item h1{
		width:80%;
		margin: 0 auto;
	}
	.site-contact{
		float: none !important;
	}
	.block{
		height: 650px;
		margin-bottom: 60px;
	}
	
}
	



@media (max-width: 767.98px) {
	.homepage-blocks-main-wrapper .row{
		margin: 0px !important;
	}
	ul.sub-menu{
		width: 100% !important;
		position: relative !important;
		display: block !important;
		padding-left: 20px;
		top: 0px !important;
	}
	.navbar-inverse .navbar-toggle{
		background: #2163ae !important;	
	}
	.header-facebook-wrapper a img{
		margin: 0 auto;
	}
	#ac-top-nav{
		padding: 0px 20px;
	}
	.get-in-touch-button{
		text-align: center;
	}
	.get-in-touch-para h3{
		text-align: center;
	}
	.site-contact{
		float: none !important;
	}
	#myCarousel2 .carousel-inner .item h1{
		width:90%;
		margin: 0 auto;
	}
	.homepage-company-wrap{
		padding: 50px 20px;
	}
	.slider-text-main-wrap{
		top: 5% !important;
	}
	.slider-text-main-wrap h1{
		color: #fff;
		font-weight: 600;
		font-size: 20px !important;
		text-shadow: 2px 2px 2px black;
		line-height: 32px !important;
	}
.slider-text-main-wrap h2{
		color: #fff;
		font-weight: 600;
		font-size: 20px !important;
		text-shadow: 2px 2px 2px black;
		line-height: 32px !important;
	}
}


@media (max-width: 767.98px) and (orientation : landscape){
	.block-image{
		width: 50% !important;
		margin: 0 auto !important;
		height: 325px !important;
	}
	.block{
		height: 600px !important;
		margin-bottom: 50px;
	}
	.slider-text-main-wrap{
		top: 5% !important;
	}
	.slider-text-main-wrap h1{
		color: #fff;
		font-weight: 600;
		font-size: 20px !important;
		text-shadow: 2px 2px 2px black;
		line-height: 32px !important;
	}
.slider-text-main-wrap h2{
		color: #fff;
		font-weight: 600;
		font-size: 20px !important;
		text-shadow: 2px 2px 2px black;
		line-height: 32px !important;
	}
}