/************************************************/
/******* Professional Pensions Investment Awards /
/******* LAST UPDATE: 13-06-2017 16:07 PM *******/
/************************************************/

	/* --------------------- GLOBAL SITE --------------------- */
	
	@import url(http://fonts.googleapis.com/css?family=Oswald);

		body {
			font-family:Arial, Helvetica, sans-serif;
			color:#333;
		}

		iframe {max-height:100%;max-width:100%;}
		
		/* Set link colours */
			a {
				color:#082D62;
			}
			a:visited {
				color:#082D62;
			}
			a:hover {
				color:#014E92;
			}
			a:active {
				color:#082D62;
			}
			.btn {
				background-color:#014E92;
			}
			.btn:hover {
				background-color:#082D62;
			}
			.btn a, 
			.btn a:link { 
				color:#eee; 
			}
			.btn a:visited { 
				color:#ddd; 
			}
			.btn a:active, 
			.btn a:hover { 
				color:#fff; 
			}
		/* Structure set up */
			.wallpaper {
				background:url(http://www.cicmbritishcreditawards.com/styles/images/49326_2600_1920x1024.jpg);
				background-color:#000;
			}
			.content {
				background-color:#fff;
			}	
			.main-content {
				background:transparent;
			}
			.sidebar {
				background:transparent;
			}


	/* --------------------- DEFAULT TEXT --------------------- */
		h1, 
		h2, 
		h3, 
		h4, 
		h5, 
		h6 { 
			font-family:Arial, Helvetica, sans-serif;
		}
		h1 {
			color: #333;
			font-family: "Oswald",Arial,Helvetica,sans-serif;
			font-size: 2em;
			font-weight: normal;
			line-height: 1.2em;
			margin: 0 0 5px;
			padding: 0; 
		}
		h2 {
			color:#082D62;
			font: normal 2em "Oswald",Arial,Helvetica,sans-serif;
			margin:8px 0 10px 0;
		}
		h3 {
			background-color: transparent;
			border-top: 3px solid #082D62;
			color: #082D62;
			font: normal 20px "Oswald",Arial,Helvetica,sans-serif;
			margin: 10px 0;
			padding: 8px 0;
		}
		.content li {
            list-style-type: none;
			line-height:1.4;
		
		}

	    .content li::before {
			background-color: #082D62;
			content: "";
			float: left;
			height: 10px;
			margin-left: -18px;
			margin-top: 6px;
			width: 10px;
        }
		
		.btn { 
			background-color:#082D62;
			color:#fff;
		}
		.btn:hover {
			background-color:#F26424;
		}
		.btn a:link, 
		.btn a:active { 
			color:#fff;text-decoration:none; 
		}
		.btn a:hover { 
			background-color:#F26424;
			color:#fff;
		}


	/* --------------------- MASTHEAD --------------------- */
		.masthead-banner {
			background-image:url(http://www.cicmbritishcreditawards.com/styles/images/49326_2600_980x200.jpg); 
		}
		@media (max-width:576px) {
			.masthead-banner {
				background-image:url(http://www.cicmbritishcreditawards.com/styles/images/49326_2600_768x320.jpg); 
			}
		}
		@media (max-width:768px) and (orientation:landscape) {
			.masthead-banner {
				background-image:url(http://www.cicmbritishcreditawards.com/styles/images/49326_2600_980x200.jpg); 
			}
		}


	/* --------------------- MAIN MENU --------------------- */
		.main-menu { 
			background-color:#082D62;
		}
		.main-menu li {
			background-color:#082D62;
			z-index:20000;
		}
		.main-menu li:hover {
			background-color:#0b607d; 
		}
		.main-menu li a {
			color:#eee;
		}
		.main-menu li a:visited {
			color:#ddd;
		}
		.main-menu li a:hover {
			color:#fff;
		}
		.main-menu li a:active {
			color:#fff;
		}
		.main-menu li:hover .sub-menu {
			background-color:#3b7c8e;
		}
		.main-menu li .sub-menu li:hover {
			background-color:#082D62;
		}
		ul.sub-menu {
			box-shadow: 2px 10px 12px 0px rgba(0, 0, 0, 0.3);
		}
		ul.sub-menu li a {
			color:#eee;
		}
		ul.sub-menu li a:visited {
			color:#ddd;
		}
		ul.sub-menu li a:hover {
			color:#fff;
		}
		ul.sub-menu li a:active {
			color:#fff;
		}
		.current {
			background-color:#1997C1;
		}

		@media (max-width:768px) {
		/* Mobile header --------------*/
			.header-content.site-nav { 
				background-color:#082D62;
			}
			.main-menu {
				background-color:transparent;
			}
			.main-menu li { 
				background-color:#082D62;
			}
			.main-menu li a {
				color:#eee;
			}
			.main-menu li a:visited {
				color:#ddd;
			}
			.main-menu li a:hover {
				color:#fff;
			}
			.main-menu li a:active {
				color:#fff;
			}
			.main-menu > li:first-child, 
			.main-menu > li:last-child, 
			.main-menu > li { 
				border-left:1px solid #0b607d;
			}
			.main-menu li:first-child {
				border-left:0;
			}
			.main-menu li:hover {
				background-color:#0b607d; 
			}
			.main-menu li:hover a {
				color:#eee;
			}
			.main-menu li:hover a:visited {
				color:#ddd;
			}
			.main-menu li:hover a:hover {
				color:#fff;
			}
			.main-menu li:hover a:active {
				color:#fff;
			}
		}


	/* --------------------- LIGHTBOX --------------------- */

		.lightbox-title h4 { color:#082D62;}


	/* --------------------- AWARD CATEGORIES LISTINGS ---------------------*/
		.sponsor-logo-award {
			border:none;
		}
		.secondary-award-content {
			border-bottom:1px dotted #333; 
		}


	/* --------------------- WINNERS LISTINGS ---------------------*/
		.previous_winners { 
			background-color:#082D62;
		}
		.award_winner { 
			background-color:#082D62;
		}
		.award_winner:before {
			background-image: url(http://assets.incisivemedia.com/events/live/eventive-awards/images/site-sprite.svgz);
			content: "";
			display: block;
			height: 50px;
			width: 60px;
			background-position: calc(-8px + 3*-72px) calc(-11px + 4*-72px);
			position: absolute;
			left: 10px;
			top: 5px;
		}
		
		.no-svg .award_winner:before {
			background-image: url(http://assets.incisivemedia.com/events/live/eventive-awards/images/images/site-sprite.png);
		}


	/* --------------------- CATEGORY LISTINGS --------------------- */
		.category-listing { 
			border-bottom:2px solid #082D62;
		}
		h3.category-group-title,
		.award-category-listing { border-bottom:2px solid #082D62; }

		.listing-entry {
			text-align:center;
			background-color:#082D62;
			color:#eee;
			border:1px solid #eee;
		}
		.listing-entry a {color:#333;text-decoration: none;}
		.listing-entry a:hover {color:#333;}


/* ---------------------  CATEGORY HEADINGS - SHOW/HIDE ------------------- */

		h3.click-header {
			color:#07779D;
			display:block;
			font-family:Arial, Helvetica,sans-serif;
			font-size:16px;
			font-weight:bold;
		}
		h3.click-header a {color:#07779D;}
		.click-header {
			background: url(http://www.cicmbritishcreditawards.com/styles/images/arrow-down.png) no-repeat 99% 50%;
			cursor:pointer;
			margin:8px 0px 8px 0px;
			padding: 8px 0px;
		}
		.click-header span {
			color:#585858;
			cursor:pointer;
			float:right;
			font-family:Arial,Helvetica,sans-serif;
			font-size:10px;
			margin:0px 5px 5px 5px;
			padding:5px 25px 0px 14px;
			text-transform:uppercase;
		}
		.click-header img {
			cursor:pointer;
			display:inline-block;
			float:right;
			margin:-1% 7%;
			padding:0;
		}
		.expanded-header {
			background: url(http://www.cicmbritishcreditawards.com/styles/images/arrow-up.png) no-repeat 99% 50%;
			margin:8px 0px 8px 0px;
			padding: 8px 0px;
		}

		.hidden-content {
			display:none;
			padding: 0px 0px 15px 0px;
			text-align:left;
		}

		@media all and (max-width: 510px) {
			.click-header span { display: none;}

		}



/* ---------------------  EMBEDDED IFRAME CONTENT ------------------- */

		.flickr-gallery,
		.google-maps {
			padding-bottom:75%;
			position: relative;
			/* overflow: hidden;*/

		}

		.flickr-gallery iframe,
		.google-maps iframe {
			border:0 none;
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}


	/* --------------------- SIDEBAR COMPONENTS --------------------- */
		.sidebar-component { 
			text-align:center;
			background-color:#FFF;
		}
		.sidebar-component .component-title h4 { 
			color:#333;
			font-family:'Oswald',sans-serif;
			font-size:22px;
			font-weight:normal;
			border-bottom:none;
			padding-bottom:0.5em;
			margin-bottom:0.5em;
			text-align:center;
		}
		/* -------------- CALL TO ACTION -------------- */
		.sidebar-component .component-cta {
			background-color:#082D62;
		}
		.sidebar-component .component-cta:hover {
			background-color:#082D62;
		}
		.sidebar-component .component-cta a, 
		.sidebar-component .component-cta a:link { 
			color:#eee; 
		}
		.sidebar-component .component-cta a:visited { 
			color:#ddd; 
		}
		.sidebar-component .component-cta a:active, 
		.sidebar-component .component-cta a:hover { 
			color:#fff; 
		}
		/* -------------- TIMER SET UP -------------- */
			.component-date span.timer-value {
				background-color:#082D62;
				color:#eee;	
			}
			.component-date span.timer-unit {
				background-color:#fff;
				color:#082D62;
				font-size:16px;
				font-weight:bold; 
			}
		/* -------------- SPONSOR CAROUSEL -------------- */
			.sponsor-carousel { 
				background-color:#fff; 
				outline:1px solid #fff; 
			}


	/* --------------------- SECONDARY FOOTER --------------------- */
		.below-page-content .content { 
			background-color:#000;
		}
		.secondary-footer ul li a {
			text-decoration:none;
		}
		.secondary-footer ul li a:hover {
			color:#1997C1;
		}
		.social-icon {
			background-color:#082D62; 
		}
		/* White icons */
			.twitter-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 1*-36px);
			}
			.facebook-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 2*-36px);
			}
			.linkedin-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 3*-36px);
			}
			.gplus-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 4*-36px);
			}
			.flickr-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 5*-36px);
			}
			.instagram-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 6*-36px);
			}
			.rss-icon {
				background-position:calc(0px + 3*-36px) calc(0px + 7*-36px);
			}
		/* black icons
			.twitter-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 1*-36px);
			}
			.facebook-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 2*-36px);
			}
			.linkedin-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 3*-36px);
			}
			.gplus-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 4*-36px);
			}
			.flickr-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 5*-36px);
			}
			.instagram-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 6*-36px);
			}
			.rss-icon {
				background-position:calc(0px + 4*-36px) calc(0px + 7*-36px);
			}
		*/
		/* full colour icons 
			.twitter-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 1*-36px);
			}
			.facebook-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 2*-36px);
			}
			.linkedin-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 3*-36px);
			}
			.gplus-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 4*-36px);
			}
			.flickr-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 5*-36px);
			}
			.instagram-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 6*-36px);
			}
			.rss-icon {
				background-position:calc(0px + 2*-36px) calc(0px + 7*-36px);
			}
		*/
		/* Media queries */
			@media (max-width:350px){
				/* White icons */
					.twitter-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 1*-36px);
					}
					.facebook-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 2*-36px);
					}
					.linkedin-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 3*-36px);
					}
					.gplus-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 4*-36px);
					}
					.flickr-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 5*-36px);
					}
					.instagram-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 6*-36px);
					}
					.rss-icon {
						background-position:calc(-3px + 3*-36px) calc(-3px + 7*-36px);
					}
				/* Black icons
					.twitter-icon {
						background-position:calc(-3px + 4*-36px) calc(-3px + 1*-36px);
					}
					.facebook-icon {
						background-position:calc(-3px + 4*-36px) calc(-3px + 2*-36px);
					}
					.linkedin-icon {
						background-position:calc(0px + 4*-36px) calc(-3px + 3*-36px);
					}
					.gplus-icon {
						background-position:calc(0px + 4*-36px) calc(-3px + 4*-36px);
					}
					.flickr-icon {
						background-position:calc(0px + 4*-36px) calc(-3px + 5*-36px);
					}
					.instagram-icon {
						background-position:calc(0px + 4*-36px) calc(-3px + 6*-36px);
					}
					.rss-icon {
						background-position:calc(0px + 4*-36px) calc(-3px + 7*-36px);
					}
				*/
				/* Full colour
					.twitter-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 1*-36px);
					}
					.facebook-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 2*-36px);
					}
					.linkedin-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 3*-36px);
					}
					.gplus-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 4*-36px);
					}
					.flickr-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 5*-36px);
					}
					.instagram-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 6*-36px);
					}
					.rss-icon {
						background-position:calc(-3px + 2*-36px) calc(-3px + 7*-36px);
					}
				*/
			}


	/* --------------------- MAIN FOOTER --------------------- */
		.footer-content {
			background-color:#000;
		}
		.footer {
			color:#ddd; 
		}
		.footer a, 
		.footer a:link {
			color:#eee;
			text-decoration:none; 
		} 
		.footer a:visited {
			color:#ddd; 
		}
		.footer a:active, 
		.footer a:hover {
			color:#fff; 
		}
		.copyright-full,
		.footer .accredit-text a {color:#888;}
		.publisher-footer-links {width:100%;}
		.publisher-footer-links ul {list-style-type:none;}
		.publisher-footer-links ul li {display:inline-block;margin:0 2% 0 0;padding:0;}
		.footer .publisher-footer-links ul li a {color:#888;font-size:0.8em;}


/*************************************************/
	/* FLAT CSS */
	/* CUSTOM SETTINGS TEMPLATE - END */
/*************************************************/