/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_3 { padding-left: 240px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_6 { padding-left: 480px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_9 { padding-left: 720px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_9 { padding-right: 720px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 { padding-right: 880px; }

/*
Typography
-----------------------------------------------------------------------------
*/
.manifesto { color: #616365; font-size: 16px; }
.manifesto h1, .manifesto h2, .manifesto h3, .manifesto h4, .manifesto h5, .manifesto h6 { color: #616365; }
.manifesto h1 { font-size: 48px; }
.manifesto h2 { font-size: 36px; }
.manifesto h3 { font-size: 24px; }
.manifesto a { font-weight: bold; color: #00ad83; }
.manifesto a:hover { color: #1f145d; text-decoration: none; }
.manifesto p { margin-bottom: 20px; }

@media screen and (max-width: 480px) { .manfesto { font-size: 14px; }
  .manfesto h1 { font-size: 36px; }
  .manfesto h2 { font-size: 24px; }
  .manfesto h3 { font-size: 18px; } }
  
/*
Override original CSS
-----------------------------------------------------------------------------
*/
.site-header { z-index: 10; position: relative; }

/*
General Layout Styles	
-----------------------------------------------------------------------------
*/
body { background: #ededee; overflow: hidden; }

.text-center { text-align: center; }

/*
Dividers
(Ibec's modification: Overwrote supplied styles for divider.colour - changed from squiggly to straight lines)
-----------------------------------------------------------------------------
*/
.divider { 
	width: 62px; 
	background-repeat: no-repeat; 
	background-position: left top; 
	background-size: 100% 100%; 
	margin: 10px 0; 
	background: transparent ;
	border-width: 3px ;
	}
.divider.white { border-color: white ; }
/* .divider.blue { border-color: blue ; } */
.divider.blue { border-color: #009fda; }
.divider.yellow { border-color: #fecb00 ; }
.divider.green { border-color: #00ad83 ; }
.divider.orange { border-color: #dd6413 ; }

.divider-striped { display: block; height: 22px; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; }
.divider-striped.white { background-image: url("/Ibec/Brexit.nsf/images/manifesto/divider-striped-white.jpg"); }
.divider-striped.green { background-image: url("/Ibec/Brexit.nsf/images/manifesto/divider-striped-green.png"); background-repeat: repeat-x; background-size: auto; margin: 7px 0 0px 0; height: 9px; }


/*
Mobile Nav
-----------------------------------------------------------------------------
*/
.mobile-header { display: none; background: #262261; padding: 10px 4%; }
.mobile-header img { width: 150px; }
.mobile-header .logo-btn { margin-left: -5px; }
.mobile-header .home-btn { float: right; color: white; padding: 10px; border: thin solid white; border: thin solid rgba(255, 255, 255, 0.3); border-radius: 5px; margin: 10px 0; }
.mobile-header .home-btn:hover { text-decoration: none; border-color: white; }
.mobile-header .home-btn .icon { font-size: 24px; }

/*
Responsive Utilities
-----------------------------------------------------------------------------
*/
.show-tablet { display: none; }
.show-mobile { display: none; }
.show-sm-tablet { display: none; }
.manifesto .margin-clear { margin-left: -1%; margin-right: -1%; }

/*
  Small Screen / Tablet Landscape Styling
*/
@media screen and (max-width: 1000px) { .manifesto .grid_5.prefix_1, .manifesto .grid_5.suffix_1 { width: 48%; padding: 0; }
  .manifesto .grid_10.prefix_1.suffix_1 { width: 98%; padding: 0; }
  .manifesto .grid_4.prefix_1 { width: 39.666%; padding: 0; }
  .manifesto .grid_6.suffix_1 { width: 56.333%; padding: 0; }
  .manifesto .tablet-12 { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  .manifesto .tablet-6 { width: 48% !important; padding: 0 !important; }
  .show-tablet { display: inline-block; }
  .hide-tablet { display: none; } }
/*
  Portrait Tablet Styling
*/
@media (max-width: 767px) { .site-header { display: none; }
  .mobile-header { display: block; }
  .manifesto .container_12 { min-width: initial !important; }
  .manifesto .tablet-sm-12 { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  .manifesto .tablet-sm-6 { width: 48% !important; padding: 0 !important; }
  .show-tablet { display: inline-block; }
  .hide-tablet { display: none; }
  .show-sm-tablet { display: inline-block; }
  .hide-sm-tablet { display: none; } }
  .show-mobile { display: none; }
  .show-mobile-inlineblock { display: none; }

@media (max-width: 480px) { .mobile-header { padding: 10px; }
  .manifesto .container_12 { width: auto !important; margin: 0 10px; }
  .manifesto .mobile-12 { padding: 0 !important; width: 100% !important; }
  .manifesto .mobile-6 { width: 48% !important; padding: 0 !important; }
  .manifesto .hero-text .container_12 { margin: 0; }
  .show-mobile { display: block; } }

@media (max-width: 767px) { .show-mobile-inlineblock { display: inline-block; } }
@media (max-width: 767px) { .hide-mobile { display: none; } }

/*
Button Styles
-----------------------------------------------------------------------------
*/
.btn { display: inline-block; padding: 17px 20px; font-weight: bold; border: thin solid #dcddde; border-radius: 4px; color: #616365 !important; transition: all 0.3s cubic-bezier(0.3, 0, 0.1, 1); white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: transparent; box-sizing: content-box; }
.btn .icon { transition: all 0.3s cubic-bezier(0.3, 0, 0.1, 1); vertical-align: middle; font-size: 20px; }
.btn:focus { outline: none; }
.btn.btn-icon { padding: 3px; text-align: center; width: 30px; height: 26px; vertical-align: top; border-radius: 3px; border: thin solid #dcddde; }
.btn.btn-icon .icon { transition: initial; font-size: 20px; vertical-align: middle; }
.btn:hover, .btn.active { background: #00ad83; color: white !important; text-decoration: none; border-color: #00ad83; }

/*
Icon Font
-----------------------------------------------------------------------------
*/
@font-face { font-family: 'icomoon'; src: url("/GEC2015/icons/icomoon.eot?-day0e6"); src: url("/GEC2015/icons/icomoon.eot?#iefix-day0e6") format("embedded-opentype"), url("/GEC2015/icons/icomoon.ttf?-day0e6") format("truetype"), url("/GEC2015/icons/icomoon.woff?-day0e6") format("woff"), url("/GEC2015/icons/icomoon.svg?-day0e6#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-home:before { content: "\e609"; }
.icon-keyboard_arrow_right:before { content: "\e60b"; }
.icon-keyboard_arrow_left:before { content: "\e60c"; }
.icon-thumb_down:before { content: "\e60d"; }
.icon-thumb_up:before { content: "\e60e"; }
.icon-clear:before { content: "\e60a"; }
.icon-menu:before { content: "\e608"; }
.icon-pause:before { content: "\e600"; }
.icon-play_arrow:before { content: "\e601"; }
.icon-play_circle_filled:before { content: "\e602"; }
.icon-file_download:before { content: "\e603"; }
.icon-arrow_forward:before { content: "\e604"; }
.icon-arrow_back:before { content: "\e606"; }
.icon-share:before { content: "\e607"; }
.icon-keyboard_arrow_up:before { content: "\e605"; }
.icon-keyboard_arrow_down:before { content: "\e60f"; }

/*
Modal Styles
-----------------------------------------------------------------------------
*/
.md-modal { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; opacity: 1; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/* ibec - added background rgba */
.md-modal { background: rgba( 0,0,0,0.85 ) } ;   
.md-show { visibility: visible; }

/* Content styles */
/* ibec - changed background from fff to 000*/
.md-content { height: 100%; background: #000; position: relative; border-radius: 3px; margin: 0 auto; }
/* ibec - changed height + width + margins .. */
.md-content { height: 80% ; width: 80% ; margin: 5% 9% ; }

.md-content .video-wrapper { width: 100%; }

/* ibec - changed top & right from 10 to 25 */
.md-close { position: fixed; background: transparent; top: 25px; right: 25px; opacity: 1; cursor: pointer; display: block; z-index: 100; height: 55px; width: 55px; border-radius: 50%; border: none; transition: 0.5s cubic-bezier(0.27, 1.64, 0.32, 0.95); }
.md-close .icon { color: white; font-size: 24px; }
.md-close:hover { opacity: 1; background: #333333; }
.md-close:focus { outline: none; }

.md-effect-1 .md-content { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; transition: all 0.3s; }

.md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

/*
Homepage Hero Panel
-----------------------------------------------------------------------------
*/
/*.home-hero { margin-top: -189px; position: relative; background-image: url("/Ibec/Brexit.nsf/images/manifesto/home-hero_v2.jpg"); background-size: cover; background-repeat: no-repeat; padding-top: 189px; padding-bottom: 150px; height: auto; z-index: 0; } */
.home-hero { margin-top: -189px; position: relative; background-image: url("/Ibec/Brexit.nsf/images/manifesto/home-Brexit-Masthead-1600x840.jpg"); background-size: cover; background-repeat: no-repeat; padding-top: 189px; padding-bottom: 150px; height: auto; z-index: 0; }
.home-hero .hero-content { position: relative; z-index: 10; }
.home-hero .hero-inner-content { padding: 150px 0; }
.home-hero .play-button { margin: 150px auto; padding-top: 50px; }
/* .home-hero .overlay { background: #00ad83; opacity: 0.75; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } */
.home-hero h1, .home-hero h2, .home-hero h3, .home-hero h4, .home-hero h5, .home-hero h6, .home-hero p, .home-hero a { color: white; }
.home-hero h1 { font-size: 48px; font-weight: 300; line-height: 1em; }

@media (max-width: 1043px) and (min-width: 1000px) { .container_12 .prefix_1 { padding-left: 73px; } }

/*
	Portrait Tablet Styling
*/
@media (max-width: 1000px) { .home-hero { margin: 20px auto; height: auto; padding: 50px 0%; width: 92%; }
  .home-hero .hero-inner-content { padding: 20px; }
  .home-hero h1 { font-size: 36px; }
  .home-hero .play-button { margin: 50px auto; } }
@media (max-width: 767px) { .home-hero { text-align: center; }
  .home-hero .hero-inner-content { padding: 0 20px; }
  .home-hero .container_12 { width: 100%; }
  .home-hero .container_12 .grid_5 { width: 100%; }
  .home-hero .container_12 .prefix_1, .home-hero .container_12 .suffix_1 { padding: 0; }
  .home-hero .play-button { margin: 20px auto 0; padding-top: 0; } }
@media (max-width: 480px) { .home-hero { width: auto; margin: 0; padding: 40px 0 0; font-size: 14px; background: white; }
  .home-hero .hero-content { margin: 0 10px; /* border-bottom: 5px solid #1f145d; */ }
  .home-hero:before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 0; background: url("/Ibec/Brexit.nsf/images/manifesto/home-Brexit-Masthead-1600x840.jpg") no-repeat; background-size: cover; }
  .home-hero .overlay { top: 10px; left: 10px; right: 10px; bottom: 0; height: auto; width: auto; }
  .home-hero .hero-inner-content { padding: 0 20px; }
  .home-hero .play-button { margin: 0px auto 15px; padding: 0; }
  .home-hero .play-button .icon { font-size: 60px; }
  .home-hero h1 { font-size: 28px; font-weight: 300; } }
  
/*
Play Button
-----------------------------------------------------------------------------
*/
.play-button { display: block; padding: 10px 15px; font-weight: bold; border: thin solid #babcbe; border-radius: 5px; color: #616365 !important; transition: all 1s cubic-bezier(0.55, 0, 0.1, 1); white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background: transparent; box-sizing: content-box; opacity: 0.85; text-shadow: 0 2px 4px #777; }
.play-button .icon { font-size: 92px; color: white; }
.play-button:hover { opacity: 1; }
.play-button:focus { outline: none; }

/*
Homepage Hero Text
-----------------------------------------------------------------------------
*/
/*.card-hero { border-radius: 4px; margin-top: -150px; box-shadow: 0px 0px 3px #999; padding: 60px 20%; text-align: center; border-top: 5px solid #ffffff; background: white; z-index: 1; position: relative; } */
.card-hero { border-radius: 4px; margin-top: -150px; box-shadow: 0px 0px 3px #999; padding: 47px 20% 47px 30px; text-align: left; border:1px solid #fff ; background: white; z-index: 1; position: relative; }
.card-hero { background-image: url("/Ibec/Brexit.nsf/images/manifesto/report-Brexit-1041x363-3b.jpg"); background-size: cover; background-repeat: no-repeat; }
.card-hero { padding: 47px 20%; text-align: center;  }
.card-hero .card-content h2 { font-size: 36px; color: #616365; }
.card-hero .card-content .divider { margin: 10px auto; }


/*
	Portrait Tablet Styling
*/
@media (max-width: 1000px) { .card-hero { margin-top: -40px; padding: 60px 10%; } }
@media (max-width: 767px) { .hero-text { margin: 0 auto; } }
@media (max-width: 480px) { 
	.card-hero { margin-top: 0; border: none; border-radius: 0; box-shadow: 0px 3px 3px -3px #999; }
  	.hero-text .card-hero .card-content h2 { font-size: 24px; } 
  }
@media ( max-width: 720px ) {
	.card-hero {
		position: relative ;
	}
	.card-hero .overlay {  
		position: absolute;
	    box-sizing: border-box;
	    left: 10px;
	    right: 10px ;
	    top: 10px;
	    bottom: 10px ;
	    padding: 20px;
	    color: white;
	    background: rgba(0,0,0,0.5) ;
	}
	.card-hero .overlay {
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF522398,endColorstr=#BF522398);
    	zoom: 1;
	}
	.card-hero .card-content * {
		color: white !important ;
	}
}
@media ( max-width: 720px ) { .card-hero { padding-top: 40% ; } }
@media ( max-width: 600px ) { .card-hero { padding-top: 45% ; } }
@media ( max-width: 540px ) { .card-hero { padding-top: 47.5% ; } }
@media ( max-width: 500px ) { .card-hero { padding-top: 52.5% ; } }
@media ( max-width: 400px ) { .card-hero { padding-top: 57.5% ; } }
@media ( max-width: 360px ) { .card-hero { padding-top: 65% ; } }

/*
Homepage Download Card
-----------------------------------------------------------------------------
*/
.home-downloads .row { margin-bottom: 0; }
.home-downloads .download { padding-top: 40px; }
.home-downloads .download .title, .home-downloads .download .action { float: left; }
.home-downloads .download .title { width: 60%; }
.home-downloads .download .action { margin-top: 20px; width: 40%; }
.home-downloads .download .action .btn { padding: 15px 15px; margin-left: 18%; }
.home-downloads .download .action .btn .icon { color: #00ad83; }
.home-downloads .download .action .btn:hover .icon { color: white; }
.home-downloads .download .title h3 { font-size: 24px; }
.home-downloads .download .title h5 small { color: #97999b; font-weight: 400; }

@media (max-width: 1200px) { .home-downloads .download .title, .home-downloads .download .action { width: 100%; text-align: center; }
  .home-downloads .download .action { margin-top: 20px; }
  .home-downloads .download .action .btn { margin-left: 0; } }
@media (max-width: 1000px) { .home-downloads .download { padding: 20px 0; }
  .home-downloads .download .title, .home-downloads .download .action { width: 100%; text-align: center; }
  .home-downloads .download .action { margin-top: 20px; } }
  
/*
Homepage Events Section
-----------------------------------------------------------------------------
*/
/* .events { background: #009fda; margin: 70px 0 0; padding: 60px 0; color: white; } */
.events { background: #009fda; margin: 40px 0 40px 0 ; padding: 60px 0; color: white; }
.events .row { margin-bottom: 0; }
.events h1, .events h2, .events h3, .events h4, .events h5, .events p, .events a { color: white; }
.events a.all-events:hover { color: white; }
.events .pod { display: block; max-width: 140px; padding-right: 7px; }
.events .pod h6 { margin-top: 10px; }
.events .pod:hover { text-decoration: none; color: white; }
.events .pod .pod-image { margin-bottom: 4px; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; }
.events .pod .pod-image { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.events .pod .pod-image img { display: block; transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-backface-visibility: hidden; }
.events .pod:hover .pod-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.events .pod h6 { color: white; }
.events .pod .date { font-size: 14px; font-weight: 300; }

@media (max-width: 1000px) { .events { margin-top: 50px; padding: 40px 0; }
  .events .grid_3 { width: 31%; }
  .events .grid_3:last-child { display: none; }
  .events .pod h6 { font-size: 14px; } }
@media (max-width: 767px) { .events { margin-top: 35px; padding: 30px 0; }
  .events .grid_3 .pod { margin: 10px 0; }
  .events .grid_3:last-child { display: block; } }
@media (max-width: 767px) { .events .all-events { display: block; margin-bottom: 20px; } }

/*
Fix for Windows scroll bar
-----------------------------------------------------------------------------
*/
@media (max-width: 1060px) and (min-width: 1000px) { .container_12 .prefix_1 { padding-left: 60px; } }

/*
Card Styles
-----------------------------------------------------------------------------
(Ibec's modification: .card .card-image img line ... changed height from "auto" to "100%") 
*/
.card { box-shadow: 0px 2px 4px #999; border-radius: 4px; margin: 7.5px 0; display: block; background: white; position: relative; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.card:hover { box-shadow: 0px 4px 4px #999; }
.card:hover .card-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.card .card-image { border-radius: 4px 4px 0 0; height: 0; padding-top: 49%; display: block; overflow: hidden; position: relative; z-index: 1; }
/*.card .card-image { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }*/
.card .card-image img { position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; display: block; height: 100%; transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-backface-visibility: hidden; }
.card .card-image .overlay { position: absolute; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; color: white; }
.card .card-image .overlay .date { font-weight: 400; }
.card .card-image .overlay h1, .card .card-image .overlay h2, .card .card-image .overlay h3, .card .card-image .overlay h4, .card .card-image .overlay h5 { color: white; line-height: 1em; }
.card .card-image .overlay h1, .card .card-image .overlay h2, .card .card-image .overlay h3 { font-size: 32px; }
.card .card-details { margin-top: 4px; }
.card .card-details .date { color: #97999b; margin-left: 12px; margin-top: 5px; display: inline-block; }
.card .card-content { display: block; padding: 30px; }
.card .card-content.large-padding { padding: 50px; }
.card .card-header { border-bottom: thin solid #dcddde; }
.card .card-footer { border-top: thin solid #dcddde; }
.card .card-header, .card .card-footer { padding: 15px 10px; font-weight: bold; color: #616365; }
.card .card-header a, .card .card-footer a { color: #616365; }
.card .card-header a:hover, .card .card-footer a:hover { color: #00ad83; text-decoration: none; }
.card .card-header .card-count, .card .card-header .previous, .card .card-header .next, .card .card-footer .card-count, .card .card-footer .previous, .card .card-footer .next { display: inline-block; text-align: center; white-space: nowrap; width: 32%; vertical-align: top; }
.card .card-header .card-count, .card .card-footer .card-count { width: 36%; }
.card .card-header .card-count .icon, .card .card-header .previous .icon, .card .card-header .next .icon, .card .card-footer .card-count .icon, .card .card-footer .previous .icon, .card .card-footer .next .icon { font-size: 12px; }
.card .card-header .next, .card .card-footer .next { text-align: right; position: absolute; top: 15px; right: 10px; }
.card .card-header .previous, .card .card-footer .previous { text-align: left; }
.card .card-header:after, .card .card-footer:after { clear: both; content: ' '; display: block; }
.card .card-footer { padding: 7.5px 10px; }
.info-cards .card .card-footer > div { display: inline-block; }
.info-cards .card .card-footer > div.card-count { text-align: left; margin-top: 5px; color: #616365; float: left; }
.info-cards .card .card-footer > div.card-actions { float: right; }

/*
Card image Overlay Colours
-----------------------------------------------------------------------------
*/
.card .overlay { background: rgba(0, 173, 131, 0.8); }
.card.blue .overlay { background: rgba(0, 159, 218, 0.8); }
.card.dark-blue .overlay { background: rgba(31, 20, 93, 0.8); }
.card.purple .overlay { background: rgba(82, 35, 152, 0.8); }
.card.green .overlay { background: rgba(0, 173, 131, 0.8); }
.card.lime .overlay { background: rgba(105, 190, 40, 0.8); }
.card.red .overlay { background: rgba(237, 41, 57, 0.8); }
.card.clear-bg .overlay { background: transparent ; }

/* IE8 */
.card.blue .overlay { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF009fda,endColorstr=#BF009fda); zoom: 1; }
.card.lime .overlay { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF69be28,endColorstr=#BF69be28); zoom: 1; }
.card.purple .overlay { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF522398,endColorstr=#BF522398); zoom: 1; }
.card.red .overlay { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFed2939,endColorstr=#BFed2939); zoom: 1; }

/*
Card Border Colours
-----------------------------------------------------------------------------
*/
.card.bordered { border-top: 5px solid #00ad83; }
.card.bordered.green { border-color: #00ad83; }
.card.bordered.lime { border-color: #69be28; }
.card.bordered.blue { border-color: #009fda; }
.card.bordered.dark-blue { border-color: #1f145d; }
.card.bordered.purple { border-color: #522398; }
.card.bordered.red { border-color: #ed2939; }

/*
Card Tablet Styles
-----------------------------------------------------------------------------
*/
@media (max-width: 1100px) { .card .card-image .overlay h1, .card .card-image .overlay h2, .card .card-image .overlay h3 { font-size: 26px; } }

/*
Card Mobile Styles
-----------------------------------------------------------------------------
*/
@media (max-width: 480px) { .card .card-content.large-padding { padding: 30px; }
  .card .card-image .overlay { padding: 25px; }
  .card .card-image .overlay h1, .card .card-image .overlay h2, .card .card-image .overlay h3 { font-size: 24px; }
  .card .card-image .overlay .date { font-size: 14px; } }
  
/*
Back Button
-----------------------------------------------------------------------------
*/
.back-button { padding: 10px 0; display: inline-block; position: relative; }
.back-button .icon { font-size: 26px; }
.back-button:after { content: 'Back'; left: 150%; top: 12px; font-weight: 400; position: absolute; opacity: 0; transition: all 1s cubic-bezier(0.2, 0, 0.1, 1); }
.back-button:hover { text-decoration: none; color: white !important; }
.back-button:hover:after { left: 110%; opacity: 1; }

/*
Card Stack Page
-----------------------------------------------------------------------------
*/
.card-stack { margin: 20px 0; background-size: 100%; background-size: cover; background-position: top; background-repeat: no-repeat; position: relative; }
.card-stack .btn { border-color: white; border-color: rgba(255, 255, 255, 0.3) !important; color: white !important; }
.card-stack .btn-large .icon { color: #00ad83; }
.card-stack .btn-large:hover .icon { color: white; }
.card-stack h1, .card-stack h2, .card-stack h3, .card-stack h4, .card-stack h5, .card-stack h6, .card-stack p, .card-stack a { color: white; }
.card-stack .overlay { background: #212222; opacity: 0.95; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.card-stack .grid_6 { margin-left: 0 !important; margin-right: 0; width: 50%; }
.card-stack .card-stack-description { position: relative; padding: 50px; }
.card-stack .card-stack-description h1 { line-height: 1.04em; }
.card-stack .card-stack-description .actions { margin: 20px 0; }
.card-stack .card-stack-description .actions .audio-player { display: inline-block; width: 66%; }
.card-stack .card-stack-description .actions .audio-player .jp-jplayer .jp-type-single { border-color: rgba(220, 221, 222, 0.3); }
.card-stack .card-stack-description .actions .audio-player .jp-gui { border-color: rgba(220, 221, 222, 0.3); }
.card-stack .card-stack-description .actions .audio-player .jp-controls button.jp-play { color: #fff; }
.card-stack .card-stack-description .actions .audio-player .jp-controls button.jp-play:hover .icon { color: #00ad83; }
.card-stack .card-stack-description .actions .audio-player .jp-progress .jp-seek-bar { background-color: #5b595a; }
.card-stack .card-stack-description .actions .audio-player .jp-time-holder { color: white; }
.card-stack .card-stack-description .actions .audio-player .jp-details { display: none; }
.card-stack .card-stack-list { border-left: 2px solid white; background: #00ad83; padding: 50px; position: relative; overflow: hidden; }
.card-stack .card-stack-list .list { margin-top: 0; padding-left: 30px; color: white; }
.card-stack .card-stack-list .list li a { padding: 15px 10px; margin-left: -30px; padding-left: 30px; font-weight: 300; border-bottom: thin solid white; border-bottom: thin solid rgba(255, 255, 255, 0.3); color: white; display: block; transition: background 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
.card-stack .card-stack-list .list li a:hover { text-decoration: none; }

/*
Card Stack Colours
-----------------------------------------------------------------------------
*/
.card-stack .card-stack-list { background: #00ad83; }
.card-stack .card-stack-list .list li a:hover { background: #009470; }
.card-stack.blue .card-stack-list { background: #009fda; }
.card-stack.blue .card-stack-list .list li a:hover { background: #008cc1; }
.card-stack.dark-blue .card-stack-list { background: #1f145d; }
.card-stack.dark-blue .card-stack-list .list li a:hover { background: #180f48; }
.card-stack.purple .card-stack-list { background: #522398; }
.card-stack.purple .card-stack-list .list li a:hover { background: #471e83; }
.card-stack.red .card-stack-list { background: #ed2939; }
.card-stack.red .card-stack-list .list li a:hover { background: #e91425; }

/*
Card Stack Tablet
-----------------------------------------------------------------------------
*/
@media (max-width: 1000px) { .card-stack { margin: 20px 0; background-size: 100%; background-size: auto 50%; background-position: top; background-repeat: no-repeat; position: relative; } }

/*
Card Stack Mobile
-----------------------------------------------------------------------------
*/
@media (max-width: 480px) { .card-stack { margin: 20px 5px; }
  .card-stack .card-stack-description, .card-stack .card-stack-list { padding: 20px 15px; }
  .card-stack .card-stack-list { border: none; } }

/*
Responsive video wrapper
-----------------------------------------------------------------------------
*/
.video-wrapper { position: relative; height: 0; width: 80%; margin: 0 auto; padding-bottom: 45%; padding-top: 0; }

.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-caption { width: 80%; margin: 4px auto 40px; }
.video-caption img { display: inline-block; }
.video-caption span { font-size: 14px; color: #97999b; }

@media (max-width: 1000px) { .video-wrapper { padding-bottom: 56%; }
  .video-wrapper, .video-caption { width: 100%; }
  .video-wrapper span, .video-caption span { font-size: 12px; } }
  
/*
Card Article
-----------------------------------------------------------------------------
*/
.article-header { margin: 20px 0; color: #616365; }
.article-header .card-list-toggle { display: none; float: right; padding: 10px 0; position: relative; }
.article-header .card-list-toggle .icon { font-size: 36px; }
.article-header .card-list-toggle:hover { text-decoration: none; }
.article-header .card-list-toggle, .article-header .back-button { color: #616365; }
.article-header .card-list-toggle:hover, .article-header .back-button:hover { color: #00ad83 !important; }

.card-article { margin-bottom: 105px; }
.card-article .card-footer { position: relative; padding: 15px 10px; white-space: nowrap; }

@media (max-width: 1000px) { .article-header .card-list-toggle { display: block; } }

/*
Article Quote (Green background)
-----------------------------------------------------------------------------
*/
.quote-container { margin: 20px 0; }
.quote-container h3.title, .quote-container p { float: left; }
.quote-container .title { width: 31%; margin-right: 2%; margin-top: 25px; line-height: 1em; }
.quote-container .highlight { display: inline; background: #00ad83; color: white; box-shadow: 10px 4px 0 #00ad83, 10px -4px 0 #00ad83, -10px 4px 0 #00ad83, -10px -4px 0 #00ad83; line-height: 1.25; }
.quote-container p { margin-left: 1%; width: 65%; }

@media (max-width: 767px) { .quote-container .title, .quote-container p { float: none !important; width: 100% !important; } }

/*
Card Article Sidebar
-----------------------------------------------------------------------------
*/
.card-sidebar .card-content { padding: 15px; }
.card-sidebar .card-content .card-title { position: relative; margin-bottom: 8px; }
.card-sidebar .card-content .card-title h4 { margin-right: 60px; }
.card-sidebar .card-content .card-title .btn { position: absolute; bottom: 3px; right: 0; margin-left: 20px; }
.card-sidebar .card-list { margin: 0; padding-left: 30px; }
.card-sidebar .card-list li { color: #616365; font-size: 14px; }
.card-sidebar .card-list li a { margin-left: -30px; padding: 15px 0px; padding-left: 30px; font-weight: 400; border-bottom: 1px solid #dcddde; border-bottom: 1px solid #dcddde; display: block; color: #616365; font-size: 14px; transition: background 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
.card-sidebar .card-list li a:hover { text-decoration: none; background: #f2f2f2; }
.card-sidebar .card-list li.current a { color: #00ad83; font-weight: bold; }
.card-sidebar .card-list li:last-child a { border: none; }

/*
Artile Button styles
-----------------------------------------------------------------------------
*/
.btn-thumb-up, .btn-thumb-down { margin-top: 15px; }
.btn-thumb-up .icon, .btn-thumb-down .icon { font-size: 16px; margin-left: 5px; }
.btn-thumb-up:hover .icon, .btn-thumb-down:hover .icon { color: white; }
.btn-thumb-up .icon { color: #00ad83; }
.btn-thumb-down .icon { color: #ed2939; }

/*
Tooltip Styles
-----------------------------------------------------------------------------
(Ibec's modification: Added linkedin icon)
*/
.tooltipster-default { border-radius: 5px; border: none; background: #4c4c4c; color: #fff; }
.tooltip-icon { display: inline-block; width: 40px; height: 40px; margin: 0 4px; background-repeat: no-repeat; background-position: center; }
.tooltip-icon.fb { background-image: url("/Ibec/Brexit.nsf/images/manifesto/facebook-icon.png"); } 
.tooltip-icon.tw { background-image: url("/Ibec/Brexit.nsf/images/manifesto/twitter-icon.png"); }
.tooltip-icon.linkedin { background-image: url("/Ibec/Brexit.nsf/images/manifesto/linkedin-icon.png"); }
.tooltip-icon.email { background-image: url("/Ibec/Brexit.nsf/images/manifesto/mail-icon.png"); } 


/*
jPlayer - Audio player
-----------------------------------------------------------------------------
*/
.audio-player .jp-audio { max-width: 448px; font-size: 14px; line-height: 1; color: #97999b; }
.audio-player .jp-gui { position: relative; height: 32px; border: 1px solid #dcddde; border-radius: 3px; }
.audio-player .jp-controls { float: left; }
.audio-player .jp-controls button { display: block; width: 32px; height: 32px; position: relative; overflow: hidden; border: none; border-radius: 3px; cursor: pointer; /* disable button appearence too */ }
.audio-player .jp-controls button.jp-play { background: transparent; color: #616365; padding-top: 2px; }
.audio-player .jp-controls button.jp-play:focus { outline: none; }
.audio-player .jp-controls button.jp-play .pause { display: none; }
.audio-player .jp-controls button.jp-play:hover .icon { color: #00ad83; }
.audio-player .jp-state-playing .jp-controls button.jp-play .play { display: none; }
.audio-player .jp-state-playing .jp-controls button.jp-play .pause { display: block; }
.audio-player .jp-progress { position: absolute; top: 12px; left: 37px; right: 55px; height: 8px; overflow: hidden; background-color: #dbdada; }
.audio-player .jp-progress .jp-seek-bar { height: 100%; cursor: pointer; }
.audio-player .jp-progress .jp-play-bar { height: 100%; background-color: #00ad83; }
.audio-player .jp-time-holder { float: right; width: 55px; line-height: 32px; text-align: center; color: #00ad83; }
.audio-player .jp-details, .audio-player .jp-no-solution { margin-top: 12px; }

/*
Slide Out menu for card article page
-----------------------------------------------------------------------------
*/
.sidr { background: white; box-shadow: none; box-shadow: 0 0 4px #999; }
.sidr ol { padding-left: 30px; margin-top: 0; }
.sidr ol li { color: #616365; border-top: 1px solid transparent; font-size: 12px; }
.sidr ol li a { font-size: 14px; padding-left: 30px; margin-left: -30px; font-size: 14px; line-height: 1.4em; padding: 10px 15px 10px 30px; display: block; color: #616365; border-bottom: thin solid #dcddde; }
.sidr ol li a:hover { box-shadow: none; color: #00ad83; text-decoration: none; }
.sidr ol li:hover { border-top: 1px solid transparent; }



/*
Ibec's additions 
-----------------------------------------------------------------------------
*/

/* IE9 */
.lt-ie10 .mobile-header { min-width: 480px !important ; }
.lt-ie10 .manifesto .container_12 { min-width: 480px !important; }

.manifesto .paragraph {
	margin: 1em 0 ; 
	margin-bottom: 20px; 
	}
.manifesto .paragraph li {
	margin-bottom: 0.5em ;
	}	
	
.manifesto .last-card .title {
	font-size: 1em ;
	text-align: center ;
	}	
	
.manifesto .last-card .paragraph {
	font-size: 2em ;
	text-align: center ;
	}

.manifesto .last-card .cs-share {
	text-align: center ;
	} 
.paragraph.lsip ul {
 	margin-left: 36% ; 	/* push away from the floated highlight box */
}
.quote-container .title { margin-bottom: 25px ; }

.home-news .item-article {
	border-bottom: 1px solid #009fda; 
	display: block ;
	margin-bottom: 1em ;
	font-weight: normal ;
	color: #616365 ;
	}
	.home-news .item-article * {
		color: inherit ;
	}
	.home-news .item-article p {
		margin-top: 0;
	}
	.home-news .item-article .date {
		font-size: 0.9em ;
	}
	.home-news .item-article:hover, 
	.home-news .item-article.active { 
		text-decoration: none; 
		color: #00ad83; 
	}
	
	.home-keep-in-touch .c-box {
		width: 50% ;
		float: left ;
		margin-bottom: 1em ;
		padding-bottom: 1em ;
	}
	.home-keep-in-touch .details {
		padding: 1em ;
	}
	.home-keep-in-touch img {
		border: 0 ;
		display: block ;
	}
	

/* grid 5 */
.container_5 {
	margin: 0 auto ;
	width: 100% ;
	}
	.grid_5_1 {
		width: 18% ;
		margin: 0 1% ;
		float: left ; 
		display: inline ;
	}

@media (max-width: 1000px) { 
  .events .grid_5_1 { width: 31%; min-height: 15em ;}
  .manifesto .exgrid_4 { width: 23% ; !important ; }
  .manifesto .exgrid_4.prefix_1 { width: 39.666%; padding: 0; }
  .manifesto .grid_7.suffix_1 { padding: 0; }
}
@media (max-width: 768px) { 
  .events .grid_5_1 .pod { margin: 10px 0; }
  .events .grid_5_1:last-child { display: block; } 
  
  .site-footer.container_12 {
	  	min-width: 320px ;
  }
  .site-footer.container_12 > div > div {
  	width: 48% ;
  	margin-bottom: 1em ;
  }
  .site-registration {
  	padding-bottom: 4em ;
  }
  
  .home-keep-in-touch .c-box {
  	width: 98% ;
  	margin-left: auto ;
  	margin-right: auto ;
  	float: none ;
  	border-width: 0 0 1px 0 ;  	
  }
  
  
}
@media (max-width: 481px) {
	
  .site-footer.container_12 > div > div {
  	width: 98% ;
  	margin-bottom: 1em ;
  }
  .site-registration {
  	padding-bottom: 1em ;
  }
 
}