/*
	Theme Name: Rowland 2016
	Version: 1.0.0
	Author: Sean Kennedy @seank_au
	Author URI: https://seankennedy.com.au/
*/

/*=============================================================================
  Base
  ========================================================================== */
	
	body {
		background-color: #eee;
		font-family: "museo-sans", Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: 300;
		color: #333;
	}
	
	/* Headings
	------------------------------------------------------------------------ */
	
	h1, h2, h3, h4, h5, h6 {
		font-family: "museo-sans", Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 300;
		color: #333;
	}
	
	/* Links
	------------------------------------------------------------------------ */
	
	a, a:visited {
    	color: blue;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	/* Text Inputs
	------------------------------------------------------------------------ */
	
	input[type="text"], input[type="password"], input[type="email"], textarea {
		font-size: 0.9em;
		margin: 0;
		background-color: #FFFFFF;
		border: 1px solid #CFCFCF;
		color: #7A7A7A;
		padding: 0px 10px;
	}
	
	input[type="text"], input[type="password"], input[type="email"] {
		line-height: 32px;
		height: 32px;
	}
	
	/* Buttons
	------------------------------------------------------------------------ */
	
	a.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
		padding: 10px 25px;
		background-color: #213a84;
		color: #fff;
		font-size: 0.9em;
		margin: 0;
		text-transform: uppercase;
		font-weight: 700;
	}
	
	a.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
		background-color: #168dce;
		color: #fff;
	}
	
	a.btn.disabled {
		cursor: not-allowed;
		color: #ccc;
	}
	
	a.btn.disabled:hover {
		background: #f1f1f1;
	}
	
	a.btn.btn--large {
    	font-size: 1.4em;
    	padding: 15px 50px;
	}

/*=============================================================================
  Default Layout (Core)
  ========================================================================== */
  
	/* Wraps
	------------------------------------------------------------------------ */
	
	.wrap {
		margin: 0 auto;
		max-width: 1500px;
        padding-left: 30px;
        padding-right: 30px;
	}
	
	.wrap.wrap--no-pad {
    	padding-left: 0;
    	padding-right: 0;
	}
	
	@media only screen and (max-width: 480px) {
	    
	    .wrap {
    	    padding-left: 15px;
    	    padding-right: 15px;
	    }
	
	}
				
	/* Header
	------------------------------------------------------------------------ */
	
	.header {
        position: absolute;
        z-index: 4;
        top: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 1500px;
	}
	
        /* Top Nav */
        
        .top-nav {
            padding: 10px 0;
            background: #fff;
            background: rgba(255,255,255,0.7);
        }
        
            .top-para {
                float: right;
                margin-right: 1em;
                line-height: 1.1em;
                color: #213a84;
                font-size: 1.4em;
                line-height: 1.2em;
                font-family: "museo-sans", Helvetica Neue, Helvetica, Arial, sans-serif;
                font-weight: 400;
            }
            
                .top-para span {
                    font-weight: 600;
                }
        
            .nav-list {
                margin: 8px 0 0 0;
                list-style: none;
                float: left;
            }
            
                .nav-list li {
                    float: left;
                }
                    
                    .nav-list li:last-child a:after {
                        display: none;    
                    }
                
                    .nav-list li a {
                        display: block;
                        color: #213a84;
                        text-transform: lowercase;
                        font-size: 1.4em;
                        line-height: 1em;
                        font-family: "clarendon-urw", serif;
                        font-weight: 400;
                    }
                    
                        .nav-list li a:after {
                            content: "|";
                            margin: 0 15px;
                        }
            
            .social-list {
                margin: 0;
                list-style: none;
                float: right;
                position: relative;
                top: 0.45em;
            }
                
                .social-list li {
                    float: left;
                }
                
                    .social-list li img {
                        display: block;
                        margin: 0;    
                    }
	
    	/* Logo */
    		
    	.logo {
        	display: inline-block;
        	vertical-align: top;
            margin: 15px 0 0 0;
    	}
    	
    @media only screen and (max-width: 650px) {
    
    	.header > .wrap {
        	text-align: center;
    	}
    
    }
    
    @media only screen and (max-width: 550px) {
        
        .top-nav {
            position: relative;
            padding-right: 70px;
        }
    
        .top-para {
            float: none;
            font-size: 1.2em;
            margin-right: 0;
        }
        
        .social-list {
            position: absolute;
            right: 15px;
            top: 20px;  
        }
    
    }
	
	@media only screen and (max-width: 480px) {
	    
	    .nav-list {
    	    margin-top: 10px;
	    }
	    
		.nav-list li a {
    		font-size: 1.2em;
		}
		
            .nav-list li a:after {
                margin: 0 8px;
            }
	
	}
	
	@media only screen and (max-width: 420px) {
    	
        .top-para {
            margin: 0.2em 0;
        }
        
        .social-list {
            top: 15px;  
        }
	
	}
	
	/* Content
	------------------------------------------------------------------------ */
	
	.body-wrapper {
    
	}

		.body-content {
            position: relative
		}
        	
	/* Footer
	------------------------------------------------------------------------ */
	
	.footer {
    	padding: 30px 0 30px 0;
    	background: #fff;
    	margin-bottom: 50px;
    	text-align: center;
	}
	
	    .footer-list {
    	    margin: 0;
    	    display: inline-block;
    	    vertical-align: top;
    	    list-style: none;
	    }
	    
	        .footer-list li {
                display: inline-block;
                vertical-align: top;
    	        margin: 0 25px 20px 25px;
	        }
	        
	            .footer-list li a {
    	            display: block;    
    	        }
    	        
    	        .footer-list li img {
        	        display: block;
        	        margin: 0;
        	    }
        	    
    @media only screen and (max-width: 1500px) {
    
        .footer {
            margin-bottom: 0;
        }
    
    }
	
/*=============================================================================
  Helpers
  ========================================================================== */
  
	/* Global Box Sizing
	------------------------------------------------------------------------ */
	
	*, *:after, *:before {
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		text-rendering:optimizeLegibility;
	}
	
	/* Clearfix
	------------------------------------------------------------------------ */
	
	.group:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .group,
	*:first-child+html .group { 
		zoom: 1;
	}
  	
	/* Intro Para
	------------------------------------------------------------------------ */
	

/*=============================================================================
  Components
  ========================================================================== */		
     
	/* Panels
	------------------------------------------------------------------------ */

    .panel-container {
        /*position: absolute;
        z-index: -1;
        top: 0;
        width: 100%;*/
    }
    
        .panel {
            position: relative;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            background-size: cover;
            min-height: 956px;
            z-index: 3!important;
        }
        
            .panel-text {
                display: block;
                font-family: "clarendon-urw", serif;
                font-weight: 300;
                font-size: 8em;
                line-height: 0.85em;
                margin: 0;
                position: absolute;
                z-index: 2;
                color: #168dce;
            }
            
                .panel-text > span.dark-blue {
                    color: #213a84;
                }
                
                .panel-text > span.white {
                    color: #fff;
                }
                
                .panel-text > span.spacer {
                    margin-left: 0.15em;
                }
                
            .panel-text-1 {
                top: 40%;
                left: 50px;   
            }
            
            .panel-text-2 {
                top: 10%;
                right: 170px;   
            }
            
                .panel-text-2 .dark-blue {
                    position: relative;
                    left: 22%;    
                }
                
            .panel-text-3 {
                bottom: 35%;
                left: 50px; 
            }
                
    @media only screen and (max-width: 1400px) {
    
        .panel-text-2 {
            right: auto;
            top: 40%;
            left: 50px;
        }
        
            .panel-text-2 .dark-blue {
                left: 0;    
            }
    
    }
                
    @media only screen and (max-width: 1150px) {
        
        .panel-text-3 {
            bottom: auto;
            top: 40%;
        }
    
    	.panel-text-1,
    	.panel-text-2,
    	.panel-text-3 {
            font-size: 7em;
            left: 30px;
        }
    
    }
    
    @media only screen and (max-width: 830px) {
    
    	.panel-text-1,
    	.panel-text-2,
    	.panel-text-3 {
            font-size: 6em;
        }
        
    }
    
    @media only screen and (max-width: 650px) {
        
        .panel {
            min-height: 850px;
        }
    
    	.panel-text-1,
    	.panel-text-2,
    	.panel-text-3 {
        	top: 42%;
            font-size: 5em;
        }
    
    }
    
    @media only screen and (max-width: 510px) {
    
    	.panel-text-1,
    	.panel-text-2,
    	.panel-text-3 {
        	top: 45%;
            font-size: 4em;
        }
    
    }
    
    @media only screen and (max-width: 400px) {
        
        .panel {
            min-height: 780px;
        }
    
    	.panel-text-1,
    	.panel-text-2,
    	.panel-text-3 {
            font-size: 3em;
        }
    
    }
        
	/* Float Bar
	------------------------------------------------------------------------ */
        
    .float-bar {
        position: absolute;
        z-index: 5;
        bottom: -100%;
        width: 100%;
        margin-bottom: 50px;
    }
    
        .enquire-bar {
            text-align: center;
            padding-top: 25px;
            padding-bottom: 25px;
            background: #fff;
            height: 104px;
            background: rgba(255,255,255,0.7);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            overflow: hidden;
        }
        
            .enquire-close-btn {
                display: none;
                position: absolute;
                top: 10px;
                right: 10px;
                color: #213A84;
            }
            
            .form-container {
                text-align: left;
                display: none;
                margin: 0 auto;
                max-width: 500px;
                color: #213A84;
            }
            
                .form-container > form {
                    margin: 0;    
                }
            
                .form-container > p {
                    font-size: 1.6em;
                    line-height: 1.25em;
                    margin-bottom: 0.2em;  
                }
                
                .form-container label {
                    display: block;
                    margin: 0.6em 0 0.2em 0;
                    font-size: 1.4em;
                }
                
                .fields-left {
                    float: left;
                    width: 48%;
                }
                
                .fields-right {
                    float: right;
                    width: 48%;
                }
                
                .form-container > form .form-submit {
                    margin-top: 15px;
                }
        
        .promo-bar {
            padding-top: 1px;
            padding-bottom: 1px;
            background: #213a84;
        }
        
            .promo-bar-left {
                float: left;
            }
                
                .promo-left-item {
                    float: left;
                    
                }
            
                .promo-left-item-1 {
                    color: #fff;
                    text-transform: uppercase;
                    margin: 0;
                    position: relative;
                    top: 35px;
                }
                
                .promo-left-item-2 {
                    position: relative;
                    color: #fff;
                    font-weight: 700;
                    font-size: 2.1em;
                    line-height: 1em;
                    margin: 0 0 0 45px;
                    top: 51px;
                }
                
                    .promo-left-item-2 a {
                        color: #fff;
                    }
            
            .promo-bar-right {
                float: right;
                padding: 26px 0;
            }
            
                .promo-right-item {
                    float: left;
                }
            
                .promo-right-item-1 {
                    color: #fff;
                    font-size: 1.6em;
                    font-family: "clarendon-urw", serif;
                    font-weight: 400;
                    text-transform: lowercase;
                    margin: 0 35px 0 0;
                    position: relative;
                    top: 20px;
                }
                
                .promo-right-item-2 {
                    margin: 0;
                }
                
                    .promo-right-item-2 img {
                        display: block;
                        margin: 0;    
                    }
                    
    @media only screen and (max-width: 1150px) {
        
        .float-bar {
            margin-bottom: 0;
        }
        
        .promo-bar {
            font-size: 0.8em;
        }
    
        .promo-bar-left,
        .promo-bar-right {
            float: none;
            text-align: center;
            width: 100%;
        }
        
            .promo-bar-left {
                margin-bottom: 10px;
            }
            
            .promo-left-item,
            .promo-right-item {
                float: none;
                display: inline-block;
                vertical-align: top;    
            }
            
                .promo-left-item-1 {
                    top: 15px;
                }
                
                .promo-left-item-2 {
                    top: 31px;
                }
    
    }
    
    @media only screen and (max-width: 830px) {
        
        .promo-bar {
            padding-top: 8px;
        }
    
        .promo-left-item-1 {
            font-size: 2.3em;
            width: 100%;
            float: none;
        }
        
        .promo-left-item-2 {
            font-size: 1.8em;
            margin: 0 0 20px 0;
            width: 100%;
            float: none;
        }
        
        .promo-right-item-1 {
            margin-right: 15px;
            top: 12px;
        }
        
            .promo-right-item-2 img {
                width: 150px;   
            }
            
        .footer {
            padding-bottom: 0;
        }
        
    }
    
    @media only screen and (max-width: 650px) {
    
    	.form-container {
            font-size: 0.7em;	
        }
        
        .form-container textarea {
            height: 120px;
            min-height: 0;   
        }
    
    }
    
    @media only screen and (max-width: 400px) {
    
    	.form-container {
            font-size: 0.6em;	
        }
        
        .form-container textarea {
            height: 70px;
        }
        
        .form-container .form-submit {
            font-size: 13px;
        }
    
    }
    
    @media only screen and (max-width: 380px) {
        
        .promo-right-item-2 img {
            width: 130px;   
        }
        
        a.btn.btn--large {
            font-size: 1.2em;
            padding: 15px 30px;
        }
        
    }
  	
/*=============================================================================
  Overrides and Hacks - co-dependent component styles
  ========================================================================== */
  
    #field_1_1 {
        float: left;
        width: 48%;
    }
    
    #field_1_2 {
        float: right;
        width: 48%;
    }
    
        #field_1_2:after {
    		visibility: hidden;
    		display: block;
    		font-size: 0;
    		content: " ";
    		clear: both;
    		height: 0;
        }
    
    #input_1_5 {
        height: 180px;
    }
    
    @media only screen and (max-width: 650px) {
    
        #input_1_5 {
            height: 120px;
        }  
    
    }
    
    @media only screen and (max-width: 400px) {
    
        #input_1_5 {
            height: 65px;
        }  
    
    }
/*=============================================================================
  New Footer Logo Style
  ========================================================================== */    
.footer {
  padding-top: 10px;
}
.footer .new {
  padding-left : 70px;
  padding-right: 70px;
}
.footer .new .logo-block > a {
  min-height: 80px;
  display: flex;  
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;  
}
.footer .new .logo-block img {
  height: auto;
  max-width: 186px;
  max-height: 80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
}
/*=============================================================================
  Fix broken layout becuase of bootstrap3
  ========================================================================== */  
.panel {
  margin-bottom: 0px;
  margin-bottom: 0px;
  border       : 0px;
}