/*Theme Name: MAZE
Description: MML - Maze Management Limited, based on Omega theme
Author: Ascona
Author URI: http://www.ascona.co.nz/
Template: omega
Version: 100.0.0
*/

/* GENERAL STYLE */

body {
    color: #20201f;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

a { color: #4e8edb; }
a:hover { color: #20201f; }
.entry-content a, .entry-summary a {
    text-decoration: none;
}

b, strong {
    font-weight: 500;
}

.clr { clear: both; }

.wrap{
	width: 1200px;
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #4e8edb;
	font-family: Roboto condensed;
	font-weight: 700;
    padding-top: 20px;
}
h1 {
    padding-top: 0;
}

.site-inner ul{
	list-style-type: none;
	margin-left: 5px;
}
.site-inner ul li {
	margin-bottom: 20px;
	text-indent: -13px;
	padding-left: 23px;
}
.site-inner ul li:before  {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	content: "\f00c";
	color: #4e8edb;
	margin-right: 10px;
}
.site-inner ul ul {
	padding-top: 20px;
}
.site-inner ul ul li:before  {
	content: "-";
    font-family: Roboto;
}

.line-through {
    line-height: 1;
    margin: 10px 0 30px 0;
    border-bottom: medium none;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
	text-transform: uppercase;
	font-size: 22px;
}
.line-through span {
    display: inline-block;
    position: relative;
}
.line-through span:before, .line-through span:after {
    border-top: 2px solid #e5e5e5;
    content: "";
    height: 5px;
    position: absolute;
    top: 50%;
    width: 460px;
}
.line-through span:before {
    margin-right: 15px;
    right: 100%;
}
.line-through span:after {
    left: 100%;
    margin-left: 15px;
}

body .alignright, body .alignleft {
	max-width: 45%;
	margin-top: 7px;
}

/* HEADER */
.site-header { background-color: #467dc0 }
.site-header > .wrap { padding: 35px 15px 5px; }
.site-description { display: none; }
.title-area img { width: 390px; }

/* SLIDESHOW */
.slideshow { position: relative; overflow: hidden; }
.slick-slider { margin-bottom: 0; }
.slick-slide { position: relative; }
.slick-next { right: 25px; display: none !important; }
.slick-prev { left: 25px; display: none !important; }
.slick-slider:hover .slick-next, .slick-slider:hover .slick-prev { display: block !important; background-color: rgba(32,32,31,0.4);}
.slick-dots { margin: 0; }
.slideshow-text {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    color: #fff;
    z-index: 1;
	font-family: "Courgette", cursive;
	font-size: 24px;
	line-height: 2;
	width: 100%;
	text-align: center;
}
.slideshow-text .wrap-text { padding: 5px 10px; }
.slideshow-text p {
    background-color: rgba(32,32,31,0.45);
    margin-bottom: 15px;
    padding: 3px 13px;
    display: inline;
}
.slideshow-text p:after {
    content:"\A"; 
	white-space:pre;
}
.slick-prev, .slick-next { 
    background-color: rgba(32,32,31,0.4);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    height: 30px;
    width: 30px;
}
.slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome';
	content: "\f104";
	opacity: 1;
}
.slick-next:before {
	content: "\f105";
}
.slick-prev:before { padding-right: 2px; }
.slick-next:before { padding-left: 2px; }

/* NAVIGATION MENU */

.omega-nav-menu a { 
	font-family: 'Roboto', sans-serif; 
	color: #fff; 
	font-weight: 500; 
	padding-left: 0;
    padding-right: 0;
}
ul.omega-nav-menu  li.current-menu-item a {color: #20201f; }
.omega-nav-menu a:hover { color: #20201f; }
.omega-nav-menu li:before  { display: none; }
.omega-nav-menu ul a { color: #467dc0; }

/* CONTENT */

.content {
    float: none;
    width: 100%;
}
.entry-title {
    font-size: 24px;
}

/* 	CAROUSEL */
.carousel { margin-bottom: 50px; }
.carousel .slick-slide .ssinside-inner {
    margin: 0 30px;
    text-align: center;
    height: 80px;
    position: relative;
}
.carousel .slick-slide .ssinside-inner img {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    padding: 0;
    max-height: 80px;
    width: auto;
}
.carousel .slick-prev, .carousel .slick-next, .carousel:hover .slick-prev, .carousel:hover .slick-next { background-color: transparent; }
.carousel .slick-prev:before , .carousel .slick-next:before { color: #e5e5e5; font-size: 30px; }
.carousel .slick-prev { left: 10px; }
.carousel .slick-next { right: 10px; }

/* BOTTOM */
#bottom { 
	background-color: #447abc; 
	color: #fff;
	padding-bottom: 20px;
}
#bottom .address { 
	margin-bottom: 40px;
}
#bottom h3 { 
	color: #fff;
	font-weight: 400;
}
#bottom a { 
	color: #fff;
}
#bottom a:hover { 
	color: #20201f;
}
#bottom .testimonial .text, #bottom .testimonial .author { 
    font-weight: 300;
    font-style: italic;
	line-height: 1.35;
}
#bottom .testimonial .text { 
    margin-bottom: 15px;
    text-align: justify;
}
#bottom .testimonial .author { 
	text-align: right;
	font-size: 0.9em;
}

/* FOOTER */

.site-footer {
    border-top: none;
    color: #8e8e8e;
    background-color: #20201f;
	font-size: 0.85em;
}

.site-footer a { color: #8e8e8e; }

/* RESPONSIVE */

@media only screen and (min-width: 360px) {
	
}

@media only screen and (min-width: 480px) {
	.site-header > .wrap { padding-left: 25px; padding-right: 25px; }
	.slideshow-text { font-size: 32px; }
	.site-inner ul li { padding-left: 43px; }
}

@media only screen and (min-width: 600px) {
	.slideshow-text { font-size: 36px; line-height: 1.75; }
	.content { margin-top: 20px; }
	
	.line-through { margin-bottom: 50px; }
	.our-clients .slideshow {
		padding-left: 30px;
		padding-right: 30px;
	}
	.carousel { margin-bottom: 80px; }
	.carousel .slick-prev { left: -20px; }
	.carousel .slick-next { right: -20px; }
}

@media only screen and (min-width: 768px) {
	body { font-size: 18px; }
	img.alignright, .wp-caption.alignright { margin: 0 0 34px 44px; }
	.site-header { background: #467dc0 url("./images/header_decor.png") no-repeat scroll 75% -27px; background-size: 483px 252px; }
	.site-header > .wrap { padding: 20px 25px 0 25px; }
	.slideshow-text { font-size: 40px; }	
	.slideshow-text p { padding: 4px 20px; }
	.entry-title, h1 { font-size: 32px; }
	.address { width: 35%; float: left; margin-right: 5%; }
	.testimonial { width: 60%; float: left; }
	#bottom .address { margin-bottom: 0; }
}

@media only screen and (min-width: 920px) {
	.slideshow-text { font-size: 48px; }	
	/* bullet points two columns on the Home page */
	#post-7 ul li { float: left; width: 50%; }
	.entry-title, h1 { font-size: 36px; }
}
@media only screen and (min-width: 1024px) {
	.title-area { float: left; width: 30%; padding: 10px 15px 5px; }
	.site-title { margin-bottom: 0; }
	.nav-primary { float: right; width: 67%; }
	.omega-nav-menu a { font-size: 18px; margin: 0 10px; }
	.omega-nav-menu > li:hover > a, .omega-nav-menu  > li.sfHover > a, .omega-nav-menu  > .current-menu-item > a, .omega-nav-menu  > .current-menu-item:hover > a {
    border-bottom: 5px solid #fff;
	}
	.omega-nav-menu > li > a {
		border-bottom: 5px solid transparent;
	}
	
	.slick-prev, .slick-next { height: 45px; width: 45px; }
	.slick-prev:before, .slick-next:before { font-size: 36px; }
	.slick-prev:before { padding-right: 4px; }
	.slick-next:before { padding-left: 4px; }
	
	.our-clients .slideshow {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.carousel .slick-prev { left: -30px; }
	.carousel .slick-next { right: -30px; }
	.carousel .slick-prev:before, .carousel .slick-next:before { font-size: 38px; }
}
@media only screen and (min-width: 1100px) {
	.title-area { padding-top: 15px; }
	.nav-primary { margin-top: 10px; }
	.omega-nav-menu a { margin-left: 14px; margin-right: 14px; }
	#bottom {font-size: 22px; }
}
@media only screen and (min-width: 1200px) {
	body { font-size: 20px; }
	h2, h3, h4, h5, h6 { padding-top: 20px; }
	.nav-primary { margin-top: 20px; }
	.slideshow-text { font-size: 52px; }
	.entry-title, h1 { font-size: 42px; }
	.site-inner .wrap, .site-footer .wrap { width: 1020px; }
}
@media only screen and (min-width: 1440px) {
	.title-area { width: 35%; padding-top: 20px; }
	.nav-primary { width: 60%; margin-top: 40px; }
	.slideshow-text { font-size: 68px; }	
}
@media only screen and (min-width: 1680px) {
	.title-area { padding-top: 25px; }
	.nav-primary { margin-top: 45px; }
	.slideshow-text { font-size: 76px; }
	.entry-title { font-size: 42px; }
}
@media only screen and (max-width: 1199px){
	.site-inner, .footer-widgets, .footer-content {
		padding-left: 7%;
		padding-right: 7%;
	}
}
@media only screen and (max-width: 767px){
.symple-shortcodes-responsive .symple-one-half, .symple-shortcodes-responsive .symple-one-third, .symple-shortcodes-responsive .symple-two-third, .symple-shortcodes-responsive .symple-three-fourth, .symple-shortcodes-responsive .symple-one-fourth, .symple-shortcodes-responsive .symple-one-fifth, .symple-shortcodes-responsive .symple-two-fifth, .symple-shortcodes-responsive .symple-three-fifth, .symple-shortcodes-responsive .symple-four-fifth, .symple-shortcodes-responsive .symple-one-sixth, .symple-shortcodes-responsive .symple-five-sixth {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 360px){
	body .alignright, body .alignleft {
		max-width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}