/*
Theme Name: Counted
Theme URI: http://counted.co.nz/
Author: Band
Author URI: http://band.net.nz
Description: Wordpress theme for Counted
Version: 1.0.0
Text Domain: counted
*/

/* GLOBAL STYLES */

@font-face {
    font-family: 'miller_textbold';
    src: url('fonts/miller-text-bold-webfont.woff2') format('woff2'),
         url('fonts/miller-text-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 1em;
    line-height: 1.4em;
    color: #555;
	-webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

/* GLOBAL STYLES END */

/* NAV STYLES */

#masthead {
	 background-color: rgba(255,255,255,0);
}

.custom-logo {
    height: 70px;
    display: block;
    margin: 20px auto;
}

.error404 .custom-logo {
    z-index: 9999;
    position: absolute;
}

.head-contact {
	padding: 1% 0 0 5%;
}

.head-contact span {
	padding: 0 1%;
}

.head-contact a {
	color: #004863;
	font-size: 1em;
}

/* NAV STYLES END */

/* HEADING STYLES */

h1 {
    font-family: 'miller_textbold';
    color: #004863;
    font-size: 3.5em;
    line-height: 1em;
    font-weight: 100;
    padding-bottom: 1%;
}

.left-block h1 {
	color: #74cbd3;
}

/* HEADING STYLES END */

/* BODY STYLES */

/* PAGE SECTIONS STYLES */

main#main.site-main {
	background-size: cover;
}

#content {
    margin-top: -110px;
    width: 100%;
}

#welcome {
	padding: 15% 5% 8%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

@media screen and (max-width: 1090px) {
	
	#welcome {
    	padding: 18% 5% 8%;
	}
	
}

#halves {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* PAGE SECTION STYLES END */

.welcome-content {
	text-align: center;
}

#welcome .title {
    content: " ";
    background-image: url(img/arrow.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 730px;
    float: none;
    background-size: 55px;
    margin: 0 auto;
    padding-bottom: 5%;
}

.left-block .title::before {
    content: " ";
    background-image: url('img/arrow-blue.svg');
    background-repeat: no-repeat;
    display: table;
    width: 50px;
    height: 40px;
    float: left;
    margin: 7px 0 0 0;
}

.right-block .title::before {
    content: " ";
    background-image: url('img/arrow.svg');
    background-repeat: no-repeat;
    display: table;
    width: 50px;
    height: 40px;
    float: left;
    margin: 7px 0 0 0;
}

#welcome .title span {
    display: inline-block;
    margin: -3px auto 0;
    text-align: center;
    width: auto !important;
    position: relative;
    padding: 0;
}

.title span {
    padding: 0 0 0 1%;
    display: inline-block;
}

.welcome-content p {
    color: #004863;
    max-width: 800px;
    line-height: 2em;
    margin: 0 auto;
}

.left-block {
	background-color: #004863;
	width: 50%;
	float: left;
	padding: 10% 5%;
	flex: 1;
}

.left-inner p {
	color: #fff;
}

.contact p {
	line-height: 2em;
}

.contact a {
	color: #fff;
	text-decoration: none;
}

.contact a:hover {
	color: #ef4e63;
	cursor: pointer;
}

.right-block {
	background-color: #ef4e63;
	width: 50%;
	float: left;
	padding: 10% 5%;
	flex: 1;
}

.right-inner-left {
    width: 40%;
    float: left;
}

.right-inner-right {
    width: 59%;
    float: left;
}

.right-inner-right {
	padding-left: 3%;
}

.right-inner p {
	color: #fff;
}

.price-img img {
    width: 250px;
    height: auto;
}

/* 404 PAGE STYLES */

.fullscreen {
	background-image: url('img/404-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
}

.error-404 {
    transform: translate(0,50%);
    text-align: center;
}

.error404 .page-title {
    max-width: 50%;
    margin: 0 auto;
    padding-top: 10%;
}

.error404 footer {
	position: absolute;
    bottom: 0;
    width: 100%;
}

.return a {
	font-weight: bold;
	text-decoration: none;
	color: #ef4e63;
}

.return a:hover {
	cursor: pointer;
}

/* 404 PAGE STYLES END */

/* BODY STYLES END */

/* FOOTER STYLES */

.site-info {
	display: flex;
	background-color: #74cbd3;
}

.footer-left {
	flex: 1;
	text-align: left;
	padding-left: 5%;
}

.footer-left p {
	margin: 0;
	padding: 2% 0;
	color: #fff;
	font-size: 0.9em;
}

.footer-left a {
	color: #fff;
	text-decoration: none;
}

.footer-left a:hover {
	color: #ef4e63;
	cursor: pointer;
}

.footer-right {
	flex: 1;
	text-align: right;
	padding-right: 5%;
}

/* FOOTER STYLES END */

/* STYLES FOR MOBILE */

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 415px) 
and (max-width : 1024px) 
and (orientation : portrait) {

/* BODY STYLES */

#welcome {
    padding: 20% 5% 10%;
}

#halves {
    display: block;
}

.left-block, .right-block {
	width: 100%;
}

/* BODY STYLES END */

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 381px) 
and (max-width : 767px) 
and (orientation : landscape) {

/* BODY STYLES */

#welcome {
    padding: 20% 5% 10%;
}

#welcome .title {
    background-image: none;
    width: auto;
}

#halves {
    display: block;
}

.left-block, .right-block {
	width: 100%;
}

.error404 .page-title {
    max-width: 50%;
    margin: 0 auto;
    padding-top: 8%;
}

.error404 h1 {
	font-size: 1.5em;
}

/* BODY STYLES END */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 414px) 
and (orientation : portrait) {

/* BODY STYLES */

h1 {
    font-size: 2.4em;
}

.right-block .title::before, .left-block .title::before, #welcome .title::before {
    height: 30px;
    margin: 4px 0 0 0;
}

#welcome {
    padding: 35% 5% 20%;
}

#welcome .title {
    background-image: none;
    width: auto;
}

#halves {
    display: block;
}

.left-block, .right-block {
	width: 100%;
}

.error404 .page-title {
    max-width: 50%;
    margin: 0 auto;
    padding-top: 8%;
}

.error404 h1 {
	font-size: 2em;
}

/* BODY STYLES END */

/* FOOTER STYLES */

.footer-left p {
	max-width: 88%;
}

/* FOOTER STYLES END */

}

/*STYLES FOR MOBILE ENDS*/

/* STYLES END */