/* cumbriainsurance.co.uk
Default stylesheet v.1.0.0
@author : andy.wall@brokernetwork.co.uk
@created: 18-11-2014
*/


/* COLOURS
Lighter blue/green - #00B9BD
Darker blue/green - #005868

*/


/* ========== Template Defaults ==========*/
*,html {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #707070;
	z-index: 0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

ol,ul {
	list-style:none;
}

q:before,q:after {
	content:'';
}

p{
	float:left;
	width:100%;
	padding:0 0 10px;
}

a {
	color: #707070;
}
a:hover {
	text-decoration: underline;
	cursor:pointer;
}


/***************************** COMMON CLASSES *****************************/

.hide{display: none !important;}
.show{display: block !important;}
.bold {font-weight: bold;}
.clear {clear: both;}



/***************************** PAGE LAYOUT DEFAULTS ********************************/

div#mainWrapper{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	min-width:320px;
	background:url(../imgs/assets/bg-transparent-lines.png) repeat 0 0;
}

div#mainWrapper div.sectionWrapper{
	float:left;
	width:100%;
	clear:both;
	position:relative;
}

div#mainWrapper div.sectionWrapper div.sectionContent{
	float:left;
	width:100%;
	clear:both;
	position:relative;
}

@media all and (min-width: 1024px){
	div#mainWrapper div.sectionWrapper div.sectionContent{
		float:none;
		display:block;
		width:1024px;
		margin:0 auto;
	}
}



/*************************************** HEADER **********************************/

div#mainWrapper div.headerWrapper{
	
}


/* Top Nav */

div#mainWrapper div.headerWrapper div.topNavWrapper{
	height:40px;
	background:#000;
}

div#mainWrapper div.headerWrapper div.topNavWrapper a.mainNavAction{
	float:left;
	height:32px;
	width:32px;
	margin:4px 0 0 3%;
	background:url(../imgs/assets/main-nav-controls.png) no-repeat 0 0;
	text-indent:-5000px;
	display:block;
}

.mainNavActionStuck{
	position:fixed !important;
	top:0;
	right:0;
	height:44px !important;
	width:44px !important;
	background:url(../imgs/assets/main-nav-controls.png) no-repeat 6px 6px #000 !important;
	z-index:101;
	margin:0 !important;
}

div#mainWrapper div.headerWrapper div.topNavWrapper a.menuActionToggle{
	background-position:0 100%;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents{
	float:right;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents *{
	color:#fff;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p{
	width:auto;
	height:16px;
	padding:0 8px 0 0;
	text-transform:uppercase;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p a.topNavPhone{
	padding:12px 8px 12px 0;
	display:none;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p.topNavEmail{
	height:40px;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p a{
	float:left;
	height:16px;
	padding:12px 15px;
	text-decoration:none;
	text-transform:uppercase;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p a:hover{
	background:#00B9BD;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial{
	float:left;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial a{
	float:left;
	width:24px;
	height:23px;
	margin:8px 3px;
	text-indent:-5000px;
	background:url(../imgs/icons/social-media.png) no-repeat;
	transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial a#topNavSocialLinkedIn{
	background-position:0 0;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial a#topNavSocialTwitter{
	background-position:-32px 0;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial a#topNavSocialFacebook{
	background-position:-63px 0;
}

div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial a:hover{
	opacity:0.7;
}

@media all and (min-width:480px){
	div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p,
	div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p.topNavPhone{
		padding-right:40px;
	}
	
	div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents p.topNavPhone{
		display:block;
	}
	
	div#mainWrapper div.headerWrapper div.topNavWrapper div.topNavContents div.topNavSocial a{
		margin:8px 5px;
	}
}

@media all and (min-width:940px){
	div#mainWrapper div.headerWrapper div.topNavWrapper a.mainNavAction{
		display:none;
	}
}

/* Main Nav */

div#mainWrapper div.headerWrapper div.mainNavWrapper{
	background:#fff;
}

div#mainWrapper div.headerWrapper div.mainNavStickWrapper{
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.mainNavStickWrapperTop{
	position:fixed !important;
	top:0 !important;
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav{
	display:none;
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul{
	float:left;
	width:100%;
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li{
	float:left;
	width:100%;
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li a{
	float:left;
	width:94%;
	padding:5px 3%;
	color:#333333;
	text-decoration:none;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.mainNavHome a{
	
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li a:hover{
	background-color:#00B9BD;
	color:#fff;
}

div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.current-menu-item a{
	background-color:#00B9BD;
	color:#fff;
}

@media all and (min-width:940px){
	div#mainWrapper div.headerWrapper div.mainNavWrapper{
		height:47px;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav{
		display:block !important;
		height:47px;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li{
		/*width:9.75%;*/
		height:32px;
		/*padding:5px 1%;*/
		background:url(../imgs/assets/main-nav-border.png) no-repeat 0 50%;
		width:auto;
		padding:5px 1.75%;
	}
	
	
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li:nth-of-type(1),
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li:nth-of-type(2){
		background:none;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li:nth-of-type(2),
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li:nth-of-type(3),
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li:nth-of-type(4){
		/*width:14%;*/
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li a{
		width:100%;
		padding:8px 0;
		text-align:center;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.mainNavHome{
		width:3%;
		height:auto;
		padding:5px 1%;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.mainNavHome a{
		height:32px;
		padding:0;
		background:url(../imgs/icons/home-icon.png) no-repeat 50% 50%;
		text-indent:-5000px;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.mainNavHome a:hover{
		height:32px;
		padding:0;
		background:url(../imgs/icons/home-icon.png) no-repeat 50% 50%;
		text-indent:-5000px;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li a:hover{
		border-bottom:5px solid #00B9BD;
		color:#00B9BD;
		background:none;
    }
    
    div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.current-menu-item a {
		border-bottom:5px solid #00B9BD !important;
		color:#00B9BD !important;
		background:none !important;
    }
    
    div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li.mainNavHome.current-menu-item a{
        border-bottom:5px solid #00B9BD !important;
		color:#00B9BD !important;
        height:32px;
		padding:0;
		background:url(../imgs/icons/home-icon.png) no-repeat 50% 50% !important;
		text-indent:-5000px;
	}
}

@media all and (min-width:1024px){
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li{
		padding:5px 2.15%;
	}
	
	div#mainWrapper div.headerWrapper div.mainNavWrapper div#nav ul li:last-of-type{
		padding-right:0 !important;
	}
}



/*********************************** BANNER **********************************/

div#mainWrapper div.bannerWrapper{
	max-height:320px;
	overflow:hidden;
	border-bottom:7px solid #005868;
}

div#mainWrapper div.bannerWrapper p{
	padding:0;
}

div#mainWrapper div.bannerWrapper img{
	float:left;
	width:100%;
}

div#mainWrapper div.bannerWrapper div#bannerContent{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	z-index:99;
}

div#mainWrapper div.bannerWrapper div#bannerContent h1{
	height:100%;
}

div#mainWrapper div.bannerWrapper div#bannerContent h1 img{
	width:auto;
	height:100%;
}

div#mainWrapper div.bannerWrapper div#bannerContent h1 span{
	float:left;
	text-indent:-5000px;
}

@media all and (min-width:1024px){
	div#mainWrapper div.bannerWrapper div#bannerContent{
		left:50%;
		margin:0 0 0 -512px;
	}
}



/*********************************** FOOTER *************************************/

div#mainWrapper div.footerWrapper{
	background:#333333;
}

div#mainWrapper div.footerWrapper div.footerContent{
	padding:30px 0;
}

div#mainWrapper div.footerWrapper div.footerContent *{
	color:#fff;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumn{
	float:left;
	width:94%;
	padding:0 3% 20px;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumn h4{
	float:left;
	width:100%;
	padding:0 0 10px;
	clear:both;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:normal;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumn ul{
	float:left;
	width:50%;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumn ul li{
	float:left;
	width:100%;
	padding:0 0 3px;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumn ul li a{
	text-decoration:none;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
}

div#mainWrapper div.footerWrapper div.footerContent a:hover{
	text-decoration:underline;
	color:#00B9BD;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnLinks{
	
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnNewsletter{
	
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnNewsletter form{
	
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnAddress{
	width:31%;
	display:none;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnAddress p{
	text-align:right;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial{
	width:6%;
	display:none;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial a{
	float:left;
	width:24px;
	height:23px;
	margin:0 3px 7px;
	clear:both;
	text-indent:-5000px;
	background:url(../imgs/icons/social-media.png) no-repeat;
	transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial a#footerColumnSocialLinkedIn{
	background-position:0 0;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial a#footerColumnSocialTwitter{
	background-position:-32px 0;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial a#footerColumnSocialFacebook{
	background-position:-63px 0;
}

div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial a:hover{
	opacity:0.7;
}

div#mainWrapper div.footerWrapper div.footerContent div.legal{
	width:94%;
	padding:0 3%;
}

div#mainWrapper div.footerWrapper div.footerContent div.legal p{
	text-align:center;
}

div#mainWrapper div.footerWrapper div.footerContent div.legal a{
	transition:color .2s linear;
	-moz-transition:color .2s linear;
	-webkit-transition:color .2s linear;
}

@media all and (min-width:480px){
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnNewsletter{
		width:44%;
	}
	
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnAddress,
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial{
		display:block;
	}
}

@media all and (min-width:768px){
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnLinks{
		width:31%;
	}
	
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnLinks ul{
		width:70%;
	}
	
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnLinks ul.footerColumnLinksSmall{
		width:30%;
	}
	
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnNewsletter{
		width:30%;
		padding:0 3% 20px 0;
	}
	
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnAddress{
		width:18%;
		padding:30px 3% 20px 0;
	}
	
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnSocial{
		padding:30px 3% 20px 0;
	}
}

@media all and (min-width:1024px){
	div#mainWrapper div.footerWrapper div.footerContent div.footerColumnNewsletter{
		width:26%;
		padding:0 3% 20px 4%;
	}
}



/*********************************** OTHER SECTIONS ******************************/
.site-header {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.page-id-449 a { text-decoration: none; }
.page-id-449 a:hover { text-decoration: underline; }