/*
Theme Name: Cathedral Financial Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Cathedral Financial website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: August 2014
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);

body, html{margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:.95em; line-height: 1.5em; color:#000000;}
#bg{}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:7px 0 19px 0; margin:0; line-height:1.5em;}
a{color:#c1451b; text-decoration:underline;}
a:hover{color:#ce5026; text-decoration:underline;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:.6em 0 .5em 0; margin:0; font-size:2.3em; line-height:1.2em; color:#000000; font-weight: normal; font-family:'Raleway', sans-serif;}
h2{margin:0 0 .3em 0; padding:.7em 0 .3em 0; font-size:1.8em; color:#999999; font-weight:normal; font-family:'Raleway', sans-serif; clear:both;}
h3{margin:0; padding:1em 0 .7em 0; font-size:1.2em; font-weight:bold; color:#000000; font-family:'Raleway', sans-serif;}
h4{margin:0; padding:.8em 0 .5em 0; font-size:1.1em; font-weight:bold; color:#c1451b; font-family:'Raleway', sans-serif;}

ul{list-style-type:none; margin:10px 0 10px 15px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 15px; padding:0 0 8px 5px;}

.alignright{float:right; margin:2px 2px 30px 30px;}
.alignleft{float:left; margin:2px 30px 30px 2px;}
div.alignleft{margin:2px 10px 10px 2px;}
.wp-caption{font-size:12px; color:#5e5e5e; background:#ebebeb; border:1px solid #e6e6e6; text-align:center; padding:6px 1px;}
p.wp-caption-text{display:block; padding:7px 10px 3px 10px;}
.nomn{margin:4px 2px 0 0;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:1.1em;}
blockquote{border-left:3px solid #ececec; margin:1.2em 0; padding:0 2em; font-style:italic;}
blockquote p{padding:7px 0;}
p.emphasis{font-weight:bold; font-size:1.1em;}

/* --------------------------- */

.wrapper{width:980px; margin:0 auto;}

#top{background:#000000; color:#ffffff; font-size:1.1em; padding:4px 0;}
  #ph{font-size:1.2em; font-weight:600; background:url(images/ph.gif) no-repeat left; width:110px; padding:7px 0 7px 25px; float:right;}

#banner{background:#ebebeb; position:relative;}
    
#nav{float:right; margin-right:10px;}
	#nav ul{display:block; float:right; padding:0; margin:0; list-style-type:none;}
	#nav li{display:block; float:left; padding:0 9px; margin:0; list-style-type:none;}
	#nav li a{display:block; font-weight:600; color:#cfcfcf; text-align:center; padding:7px 10px; text-decoration:none;}
	#nav li a:hover{color:#ffffff;}
        
#main{padding:20px 0 40px 0;}
#content{width:540px; float: left; min-height:400px; height:auto!important; height:400px;}
#content-fw{min-height:350px;}
#sidebar{width:300px; float:right; margin-top: 20px;}

#footer{padding:20px 0 35px 0; color:#858585; font-size:.95em; background:#e9e9e9;}
    #footer a{color:#858585; text-decoration: none;}
    #footer ul, #footer li{display:block; margin:0; padding:0;}
    #footer ul a{display: block; padding: 2px 5px;}
    #footer ul a:hover{text-decoration:underline;}
    .bx{float:left; width:220px;}
    .copyr{float:right; font-size:.85em; width:400px; text-align:right;}

.two-col{width:45%; float:left; margin-right:5%;}
.ttl{font-size:1.3em; font-weight:bold; margin:25px 0 15px 0; padding:0 2px 0 15px; border-left:3px solid #000;}
.ttl span{font-size:.7em; font-weight:normal;}
#advisor{background:url(images/rex.jpg) no-repeat bottom right; padding:15px 220px 20px 20px;}
p.em{font-weight:bold; font-style:italic; font-size:1.1em; margin-top:10px;}
table#logos{width:100%; margin:10px 0 20px 0;}
#logos td{text-align:center;}

my-email::after {
    content: attr(data-domain);
  }
  my-email::before {
    content: attr(data-user) "\0040";
  }

/* Gallery */

.gallery{width:300px; float:right; margin:10px 0 20px 50px;}
.gallery-item{float:left; margin:0 6px 6px 0;}
.gallery-item a{border:2px solid #dedad3; display:block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.gallery-item a:hover{border-color:#c7c0b5;}
.gallery p{padding:0;}

/* FORMS */

input[type=text], input[type=password], input[type=email], textarea, select{padding:8px; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:210px; border:1px solid #d8d8d7; font-family:'Play', Arial, Sans-serif;}
label{display:block; margin:0; padding:5px 0 0 0; font-size:.9em;}
textarea{width:280px;}
input[type=submit]{background:#c1451b; display:block; border:none; cursor:pointer; font-size:1em; padding:7px 17px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
input[type=submit]:hover{opacity:0.9; filter:alpha(opacity=90);}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}
.pform select{width:350px;}

/* BLOG */

.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px solid #eeeeee;}
.p-left{width:90px; float:left; padding:15px 0 0 0;}
.p-right{width:470px; float:right;}
.datetime{color:#999; font-size:12px;}
.small{font-size:.85em; color:#666; padding-bottom:10px;}
.postmetadata, .feedback{font-size:.8em; color:#666;}
a.tn_link{display:block; float:right; margin:0 0 50px 50px;}
.post-thumb{float:right; margin:20px 0 30px 30px;}
.post h2{padding-bottom:5px; margin-bottom:0;}
a.readmore{display:block; padding:3px 12px; width:70px; text-align:center; color:#fff; text-decoration:none; background:#c1451b; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.postmetadata{display:none;}

/* 2nd Level Menu */

#nav li ul { left: -999em; z-index:999; width:190px; margin:0; padding:0; position:absolute; background:#fff; box-shadow:2px 10px 33px -10px #000; moz-box-shadow:2px 10px 33px -10px #000; -webkit-box-shadow:2px 10px 33px -10px #000;}
#nav li ul li{padding:0;}
#nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
#nav li ul a{color:#c1451b; background-image:none!important; padding:10px!important; font-size:1em; text-align:left; width:170px; text-transform:capitalize; border-bottom:1px solid #edecee;}
#nav li ul a:hover{background:#f5f5f5; border-bottom:1px solid #eeeeee;}
#nav li li{ border:none; float:none; clear:both;}

a#mob-only{display:none; color:#ffffff; padding:11px; text-decoration:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat center right #c1451b;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 1100px) {
		
	}
	@media only screen and (max-width: 600px) {
      .wrapper{width:100%;}
      img{max-width:100%; height: auto;}
      #ph{float:none; margin:2px auto;}
      #top{padding-bottom:0;}
      #main, #footer{padding:10px 15px;}
      
	    a#mob-only{display:block;}
            #nav{clear:both; float:none; padding:0; margin:2px auto; width:100%;}
            #nav ul{display:none; float:none; background:#c1451b; box-shadow:0;}
            #nav ul li.current-menu-item a{background-image:none;}
            #nav ul ul{display:none; background:#c1451b; position:static; width:auto; left:auto; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding-left:20px;}
            #nav ul ul a:hover{background:none;}
            #nav li{width:auto; float:none; padding:0;}
            #nav li a{color:#ffffff; border-top:1px solid #d05227; padding:8px;}
            #nav ul ul{padding:3px 10px;}
	    
	    #content, #sidebar, .bx, .two-col{float:none; width:auto;}
      #advisor{background:none; padding:0;}
      table td{display:block;}


	}