/* 
	Core CSS Document for all sites
	Designed to be expanded upon in each project accordingly
*/


/*
	Core page items
*/

html {height: 100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}

*, *:before, *:after {box-sizing: inherit}

/**:focus {outline-style: solid; outline-width: 1px; color: #0A94D3}*/

body {font-size: 100%; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400; color: #22262F; background: #fff; margin: 0; padding: 0; height: 100%; font-smooth:always; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing:auto}
iframe {border: 0}

div, form, h1, h2, h3, h4, h5, h6, p, pre {float: left; margin: 0; padding: 0; line-height: 1.75em; display:block;word-wrap: break-word; overflow-wrap: break-word}
ul, ol {float: left; line-height: 1em; width: 100%; padding: 0 0 30px 40px}
img {margin: 0; padding: 0; display: inline-block}
blockquote {width: 90%; padding: 0 0 0 5%; margin-bottom: 30px; border-left: 3px solid #19164D; display: inline-block}
a {color: #22262F; text-decoration:none; display: inline-block; font-weight: 700}
p {margin: 0 0 30px; line-height: 1.2em; width: 100%}

.relative {position: relative}
.absolute {position: absolute}
.fixed, .stick {position: fixed}
span.avoidwrap {display:inline-block}
.bottom_nav_items {float: none; position: fixed; bottom: 0; left: 0; z-index: 100}

.auto {width: auto; height: auto}
.overflow {overflow: hidden}

.line0 {line-height: 0em}
.line1 {line-height: 1em}
.line1p25 {line-height: 1.25em}

/* hX styles */
h1 {font-size: 2.5em}
h2 {font-size: 2.1em}
h3 {font-size: 1.25em; line-height: 1.25em}
h4, .h4 {font-size: 1.1em}
h5, .h5 {font-size: 0.85em}
h6, .h6 {font-size: 0.8em}

.on {display: block}
.ib {display: inline-block !important}
.hideme, .hidden {display: none}

.left {float: left}
.right {float: right}
.clear {clear:both}

.text_left {text-align: left}
.text_right {text-align: right}
.text_centre {text-align: center}

.abs_bottom {position: absolute; bottom: 0}
.upper {text-transform: uppercase}

/* div widths */
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w10, .w11, .w12, .w13, .w14 .w15, .w16, .w17, .w18, .w20, .w25, .w30, .w33, .w35, .w36, .w40, .w45, .w50, .w60, .w70, .w75, .w80, .w85, .w90, .w95, .w98, .w99 {width: 0%; margin: 0 1%}
.w3 {width: 1%}
.w4 {width: 2%}
.w5 {width: 3%}
.w6 {width: 4%}
.w7 {width: 5%}
.w8 {width: 6%}
.w9 {width: 7%}
.w10 {width: 8%}
.w11 {width: 9%}
.w12 {width: 10%}
.w13 {width: 11%}
.w14 {width: 12%}
.w15 {width: 13%}
.w16 {width: 14%}
.w17 {width: 15%}
.w18 {width: 16%}
.w20 {width: 18%}
.w25 {width: 23%}
.w30 {width: 28%}
.w32 {width: 30%}
.w33 {width: 31%}
.w35 {width: 33%}
.w36 {width: 34%}
.w40 {width: 38%}
.w45 {width: 43%}
.w50 {width: 48%}
.w60 {width: 58%}
.w65 {width: 63%}
.w70 {width: 68%}
.w75 {width: 73%}
.w80 {width: 78%}
.w90 {width: 88%}
.w95 {width: 93%}
.w97 {width: 95%}
.w98 {width: 96%}
.w99 {width: 97%}

.w85 {width: 85%; margin: 0}
.w100 {width: 100%; margin: 0}
.w400 {width: 400%; margin: 0}

.true_w20 {width: 20%; margin: 0}
.true_w25 {width: 25%; margin: 0}
.true_w75 {width: 75%; margin: 0}
.true_w80 {width: 80%; margin: 0}

.stripe_box_6s {width: 15.833%; margin: 0 1% 0 0}
.stripe_box_6s:nth-child(6) {margin: 0}

.h10 {height: 10%}
.h50 {height: 50%}
.h90 {height: 75%}
.h100 {height: 100%}

/* bg colours */
.blue_bcu {background: #010F4E}
.blue_dk {background: #081D73}
.blue_mid {background: #1D328E}
.blue_pale {background: #2e9bbc}

.green {background: #087A3E}
.grey {background: #444}
.white {background: #FFF}
.bg_black {background: #000}
.bg_pale_grey {background: #F5F5F5}

.brand_dk_blue {background: #19164D}
.brand_blue {background: #0A94D3}
.brand_green {background: #6AB751}
.brand_red {background: #DA3D4C}
.brand_orange {background: #F09428}
.brand_brown {background: #6E6464}
.brand_pink {background: #DD0183}
.brand_yellow {background: #E8C31D}
.brand_purple {background: #BE58A4}
.brand_grey {background: #444}

.twitter_blue {background: #55ACEE}
.twitter_blue p {line-height: 1.25em}
.twitter_blue p.small {position: relative; margin: 0; font-size: 0.8em; color: #444}

.hover_blue:hover {background: #0A94D3}
.hover_dk_blue:hover {background: #19164D}
.hover_blue:hover {background: #0A94D3}
.hover_green:hover {background: #6AB751}
.hover_red:hover {background: #DA3D4C}
.hover_orange:hover {background: #F09428}
.hover_brown:hover {background: #6E6464}
.hover_pink:hover {background: #DD0183}
.hover_yellow:hover {background: #E8C31D}
.hover_purple:hover {background: #BE58A4}
.hover_grey:hover {background: #444}
.hover_remove:hover {background: none}
.hover_barely_there:hover {background: rgba(0,0,0,0.2)}

.overlay {background: #000}

/* text colours */
.font_grey {color: #5A5A5A}
.font_white {color: #FFF}
.font_blue {color: #0A94D3}
.font_grey {color: #AAA}
.font_dk_grey {color: #585858}
.font_green {color: #087A3E}
.font_dk_blue {color: #19164D}

.marketing_blue {color:#0a81b7}

/* font weights */
.font_thin {font-weight: 100} /* turned off */ 
.font_light {font-weight: 300} /* turned off */ 
.font_reg {font-weight: 400}
.font_med {font-weight: 500}
.font_semi {font-weight: 600}
.font_bold, strong, b {font-weight: 700}
.font_normal {font-weight: normal}

/* opacity */
.op100 {opacity: 1}
.op80 {opacity: 0.8}
.op75 {opacity: 0.75}
.op70 {opacity: 0.7}
.op50 {opacity: 0.5}
.op25 {opacity: 0.25}

/* navigation */
.navigation {position:fixed; border-bottom: 1px solid #444; z-index: 8000}
.navigation .grey {font-size: 0.85em}

.logos {line-height: 0px; z-index: 101; padding: 8px 0}
.advantage {font-size: 2.45em; line-height: 1.25em; padding: 13px 0}
.taglines {padding: 11px 0 11px 15px; margin: 0 0 0 15px; font-size: 0.8em; font-weight: 400}

.nav_items {float: left; font-weight: 600}
.nav_items ul.top_level, .nav_items .sub_level ul {float: left; list-style: none; font-size: 0.9em; line-height: 1em; padding: 0}
.nav_items ul.top_level li div.first {float: left; padding: 20px 0; margin: 0 38px 0 0; letter-spacing: 0.2px}
.nav_items ul.top_level li:last-child  div.first {float: right; margin: 0}
.nav_items ul.top_level li div.first span {float: right; width: 12px; height: 12px; background: url('/src/bcu_adv/img/icons/chevron-down_blk.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 8px}
.nav_items ul.top_level li.img {margin-left: 0}
.nav_items ul.top_level li:hover {cursor:pointer}
.nav_items ul li a {color:#000}
.nav_items ul li a.font_blue {color: #0A94D3}
.nav_items span.cross {float: right; width: 10px; height: 14px; margin: 0 0 0 10px; background: url('/src/bcu_adv/img/icons/cross_white.png') 50% 50% no-repeat; background-size: contain;}

.top_nav_items {float: none; margin: 0 auto; overflow: hidden}
.top_nav_items a {font-weight: 400}
.top_nav_items ul {float: right; list-style: none; font-size: 0.85em; padding: 0; margin: 4px 0 0; width: auto}
.top_nav_items ul li {float: left; margin: 0 0 -2px 12px}
.top_nav_items ul li:hover {cursor:pointer}
.top_nav_items p.cookie_policy {float: none; font-size: 0.75em; margin: 0}

.nav_items ul.top_level li .sub_nav {position: absolute; left: 0; float:none; overflow: hidden}
.nav_items ul.top_level li .sub_nav ul {float: left; width: 100%; list-style: none; font-size: 1em; padding: 0; margin: 0}
.nav_items ul.top_level li .sub_nav ul li {float: left; width: 100%; padding: 0; margin: 10px}
.nav_items ul.top_level li .sub_nav ul li.sub_drop {margin: 0; padding: 10px 0; line-height: 1em}
.nav_items ul.top_level li .sub_nav ul li.sub_drop span {float: right; width: 12px; height: 12px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 5px 0 0 15px}

.sub_level ul li div span {float: right; width: 10px; height: 25px; background: url('/src/bcu_adv/img/icons/chevron-down_blk.svg') 50% 50% no-repeat; background-size: contain; margin: 0 5px}
.sub_level ul li div.highlight {color: #0A94D3}

.stay_on_screen {z-index: 100}

.article_tag {border-radius: 3px; font-weight: 600}

.sub_nav_col1, .sub_nav_col2 {font-size: 1.1em; overflow: hidden}
.sub_nav_col2 ul.sub_sub_nav li {margin: 0 !important; padding: 17px 0 17px 25px !important; line-height: 1em}

.sub {position: relative}

.footer {color: #AAA}
.footer a {font-weight: 600}
.footer.grey a {font-weight: 700}
.footer ul {float: right; list-style: none; font-size: 1em; padding: 0; margin: 0 0 20px}
.footer ul li {float: left; width: 100%; margin: 0; padding: 3px 0}
.footer ul li:hover {cursor:pointer}
.footer ul li.social {width: auto; margin: 10px 0 -2px 12px}
.footer h4  {margin: 0 0 10px; font-size: 1.5em; font-weight: 800}
.footer h4 a {font-weight: 700}

/* border defaults */
.b_a {border: 1px solid #AAA}
.b_r {border-right: 1px solid #AAA}
.b_l {border-left: 1px solid #AAA}
.b_t {border-top: 1px solid #AAA}
.b_b {border-bottom: 1px solid #AAA}

/* heroes */
.hero {position: relative; background-size: cover}
.hero h1 {position: absolute; font-size: 2.5em; font-weight: 900; letter-spacing: -2px; text-align: center; color: #010F4E; width: 100%; bottom: 35px}
.cta_box {bottom: 50px; right: 5%; width: 215px}

.cta_box .action {padding: 14px; font-size: 1.6em; font-weight: 600;	border-color: #066B36}
.cta_box .action span {float: right; width: 20px; height: 16px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 5px}
.cta_box .head {background: rgb(8,122,62); background: rgba(28,122,62,0.6)}
.cta_box .links {font-size: 0.6em; font-weight: 400; padding: 0 15px 0 0; margin: 0 15px 0 0}
.cta_box .links span {float: right; width: 15px; height: 10px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 2px}
.cta_hero {font-weight: 600}
.cta_hero p {font-size: 1.8em}

.cta_box .action_btn {padding: 14px 14px 0}
.cta_box .action_btn .btn span {width: 12px; height: 16px; margin: 0 0 0 12px}

.quicklinks_holder {height: 100%; z-index: 1010}

/* margins */
.margin1 {margin: 1px}
.margin2 {margin: 2px}
.margin5 {margin: 5px}
.margin8 {margin: 8px}
.margin10 {margin: 10px}
.margin12 {margin: 12px}
.margin15 {margin: 15px}
.margin20 {margin: 20px}
.margin25 {margin: 25px}
.margin30 {margin: 30px}
.margin50 {margin: 50px}

.mar1_perc {margin: 0 1%}
.mar2_perc {margin: 0 2%}
.mar5_perc {margin: 0 5%}
.mar7p5_perc {margin: 0 7.5%}
.mar10_perc {margin: 0 10%}
.mar15_perc {margin: 0 15%}
.mar20_perc {margin: 0 20%}
.mar33_perc {margin: 0 33%}

.mar2_allperc {margin: 2%}
.mar5_allperc {margin: 5%}
.mar10_allperc {margin: 10%}

.hero_margin {margin-top: 137px}
.nav_margin {margin-top: 137px}
.footer_margin {margin-top: 1px}
.auto_margin {margin: 0 auto}
.auto_margin_v {margin: auto 0}
.auto_width {width: auto}

/* padding */
.padding2 {padding: 2px}
.padding3 {padding: 3px}
.padding5 {padding: 5px}
.padding6 {padding: 6px}
.padding8 {padding: 8px}
.padding10 {padding: 10px}
.padding15 {padding: 15px}
.padding20 {padding: 20px}
.padding25 {padding: 25px}
.padding30 {padding: 30px}
.padding35 {padding: 35px}
.padding50 {padding: 50px}
.padding66 {padding: 66px}
.padding100 {padding: 100px}

.pad5_allperc {padding: 5%}

/* borders */
.border_bottom {border-bottom: 1px solid #444}
.border_bottom.wide {border-bottom-width: 3px}
.border_bottom_dotted {border-bottom: 1px dotted #444}
.border_top {border-top: 1px solid #444}
.border_top.wide {border-bottom-width: 3px}
.border_right {border-right: 1px solid #444}
.pale {border-color: #EAEAEA}

.tiles .w20, .tiles_right .w100.get, .event_tiles .w25 {margin:6px 12px 6px 0}
.tiles_right .w100.get, .tiles_right_page {margin: 6px 0 6px 3px}
.tiles_right_page {margin: 0 0 16px 6px}
.tile_holder, .tile_bg, .tile_hover, .text_tile {width: 100%; height: 100%; position: relative}
.tile_hover {background: none}
.tile_hover:hover {background: rgba(16,58,113,0.15)}

.tiles_right div, .tiles_right_page div, .font_xbold .para {line-height: 1em}

.cal_day, .cal_day_ans {font-size: 1rem; padding: 0.25rem 0 0; line-height: 1em; text-transform:uppercase}
.cal_date, .cal_date_ans {font-size: 3.1rem; line-height: 2.8rem}
.cal_mmyy, .cal_mmyy_ans {line-height: 1.75rem; padding: 0 0 0.25rem; line-height: 1em; text-transform:uppercase}

.cal_day_ans {font-size: 0.8rem; line-height: 0.8em}
.cal_date_ans {font-size: 2rem; line-height: 2rem}
.cal_mmyy_ans {font-size: 0.8rem; line-height: 0.8em}

.show_more, .show_more_questions, .show_more_events {float:none; margin: 20px auto 0; width: 200px}
.show_more_questions, .show_more_events {margin: 10px auto}

.box_numbers {float: none; right: 10%; top: 33%}

/* inputs */
label {font-weight: 600}
input, textarea, select, .form_feedback {width: 100%; border: 1px solid #c5c5c5; color: #22262F}
textarea {height: 39px}
.form_feedback .message_space {margin: 2.5%}

input[type="radio"], input[type="checkbox"] {float: left; width: 12px}
input[type="radio"].w100 {float: none; width: auto; margin: 0 auto}

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px; line-height: 1em; width: auto; border-radius: 0; background: #FFF}

form .w100.no_margin, form .w50.no_margin {margin-bottom: 10px}
.form_feedback {padding: 5px; border: 1px solid #000}
	
.input_box_style {padding: 10px; line-height: 1.6em; text-decoration: none; width: auto}
.input_box_style.w100 {width: 100%}

.expand_lines {height: 79px}

::-webkit-input-placeholder {color: #444; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}
:-moz-placeholder {color: #444; opacity: 1; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}
::-moz-placeholder {color: #444; opacity: 1; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}
:-ms-input-placeholder {color: #444; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}

.footer {font-size: 0.75em; z-index: 1000}
.footer ul.social {float: right; text-align: right}
.footer ul.social li {width: auto; margin: 10px 0 10px 10px}

.news_height {overflow:hidden}

.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4 {float: none; margin: 10px 0 0}
.content_wrapper h1 {font-size: 2em}
.content_wrapper h2 {font-size: 1.75em}
.content_wrapper h3 {font-size: 1.5em}
.content_wrapper ul {float: none; width: 100%; margin-top: 0; margin-bottom: 0; display: inline-block}
.content_wrapper li {width: 100%; line-height: 2em}

.content_in_here ul {margin:0; padding:0}
.content_in_here ul li {list-style: none}

.modal_holder {background: rgba(116,101,153,0.8)}

.multi_line {line-height: 1.25em}

.cursor:hover {cursor:pointer !important}

.panel {background: #0a94d3; z-index: 9999; position: fixed; border-left: 1px solid #11a3e5; right: -75%; width: 75%}

.panel li {width: 100%; list-style: none; margin: 0; font-size: 0.85em}
.panel li span {float: right; padding: 0.4em; margin: 0.5em 0.5em 0.5em 0; border-radius: 5px; background-color: #444}
.panel li span div {float:none; width: 20px; height: 20px; background: url('/src/img/icons/chevron-down.svg') 50% 50% no-repeat; background-size: contain; margin: 0}

.panel li .side_sub_holder {height: 0; opacity: 0}

.panel a {display: block; padding: 10px 0}

.nav-icon {margin-right: 6px}


.br5 {border-radius: 5px}

/* icons */
.icon {width: 14px; height: 14px}
.mr {margin-right: 7px}
.ml {margin-left: 7px}
.save {background:url('/src/bcu_adv/img/icons/floppy-disk.svg') 50% 50% no-repeat; background-size: contain}
.update {background:url('/src/bcu_adv/img/icons/tick.svg') 50% 50% no-repeat; background-size: contain}
.delete {background:url('/src/bcu_adv/img/icons/bin.svg') 50% 50% no-repeat; background-size: contain}
.db {background:url('/src/bcu_adv/img/icons/database.svg') 50% 50% no-repeat; background-size: contain}

/* invite */
.invite, .submit {margin:5%; font-size: 2em; font-weight: 600; line-height: 1em}
.invite .centre_me {line-height: 1em}
.invite span.check {float: left; width: 40px; height: 40px; background: url('/src/bcu_adv/img/icons/checkbox-checked.svg') 50% 0 no-repeat; background-size: contain; margin: 0 7.5% 0 0}

.invite span, .submit span {float: right; width: 28px; height: 40px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 50% no-repeat; background-size: contain; margin: 0 0 0 7.5%}

p.w100 {margin: 0 0 20px; line-height: 1.2em}

.responsive_show, .resp_nav {display: none}
.responsive_hide, .resp_hide {display: inline-block}

/* Nav */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none
}

.nav a {text-decoration: none}

.nav li {list-style: none}

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500
}

/* Menu List */
.nav > li {
	display: block;
	float: left
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	height: 54px;
	font-weight: 500;
	font-size: 0.85em;
	
	padding: 10px 0;
	text-align: center;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}

.nav > li:hover > a {background: #0A94D3; color: #FFF; cursor:pointer}

/* Menu Dropdown */
.nav > li > div {
	position: absolute;
	display: block;
	width: 100%;
	top: 54px;
	left: 0;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	background: #F2F8FB;
	border-top: 5px solid #0A94D3;

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s
}

.nav > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible
}

/* Menu Content Styles */
.nav .nav-column {
	float: left;
	width: 45%;
	padding: 1.5% 2.5%
}

.nav .nav-column h3 {
	margin: 20px 0 10px 0;
	color: #372f2b;
	text-transform: uppercase
}

.nav .nav-column li a {
	display: block;
	line-height: 1.75em;
	font-size: 0.85em;
	font-weight: 500;
	margin: 10px 0;
	color: #000;
	text-align: left
}

.nav .nav-column li a:hover {color: #0A94D3; cursor:pointer}
.resp_show {display: none}

/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ font-size:11px; position:relative;background:#333 } * html div.calendar-day { height:80px; }

td.calendar-day-np	{ background:#eee; }
td.calendar-day-head {font-weight:bold; text-align:center}
div.day-number		{color:#fff; font-weight:bold; margin: 0 auto; text-align:center}
/* shared */
td.calendar-day, td.calendar-day-np {border-bottom:1px solid #999; border-right:1px solid #999}
td.brand_green {background:#6AB751}
td.brand_green:hover {background:#52933C}

/* NEW BREAKPOINTS

	max-width: 1000px
	max-width: 850px
	max-width: 400px

*/

@media all and (max-width: 850px){
	.nav > li > div {width: 435%}
	.w50.respond, .img_holder.respond, .img_holder_left.respond {width:100%; margin: 0}
	.tiles .w25, .tiles_right .w100.get, .event_tiles .w25 {margin:6px 6px 6px 0}
	.hero_margin {margin-top: 37px}
	.nav_items ul.top_level li {margin: 0 31px 5px 0; font-size: 0.9em}
	.cal_date, .cal_date_ans {font-size: 1.8rem; line-height: 1.8rem}
	.campaign_content h2 {font-size: 1.9em; width: auto; float: none}
	.campaign_content p {font-size: 1em; line-height: 1.25em}
	h3, .h3 {font-size: 1.2em}
	h4, .h4 {font-size: 0.9em}
	h5, .h5, h6, .h6 {font-size: 0.85em}
	.btn {font-size: 1em}
	.advantage {font-size: 2em}

	.resp {width: 100%}
	.resp15 {width: 14%; margin: 0 1% 10px 0}
	.resp25 {width: 24%; margin: 0 1% 10px 0}
	.resp33 {width: 33.3%; margin: 0 1% 10px 0}
	.resp50, .tiles .w25.resp50, .event_tiles .w25.resp50 {width: 48.8%; margin: 0 1% 10px 0}
	.resp75 {width: 74%; margin: 0 1% 10px 0}
	.resp_nav {display: inline-block}
	.resp_show {display: inline-block}
	.skills_tags {display: none !important}
	.resp_hide {display:none}

	.content_wrapper .margin50 {margin: 25px 0}
	
	.nav > li {
		width: 36px
	}
	.nav > li > a {
		height: 36px;
		padding: 12px 0;
		font-size: 1.6em
	}
	
	.nav > li > div {
		top: 36px;
	}
	.nav .nav-column li a {
		display: block;
		line-height: 1.1em;
		font-size: 0.85em;
		font-weight: 500;
		margin: 10px 0 0;
		color: #000;
		text-align: left;
		width: 100%
	}
	
	.top_nav_items {float: right}
	.top_nav_items ul li {float: left; margin: 0}
	.sl-slide-inner h2 {font-size: 1.75em}
	.sl-slide-inner .padding100 {padding: 0 25px 25px}	
}

@media all and (max-width: 400px){
	.cal_date, .cal_date_ans {font-size: 1.5rem; line-height: 1.8rem}
	.tiles .w25, .tiles_right .w100.get, .event_tiles .w25 {margin:3px 3px 0 0}
}

.btn_invite {padding: 21px; font-size: 2em}
.btn_invite span {float: right; width: 18px; height: 32px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 3px 0 0 15px}

.formError {z-index: 990}
.formError .formErrorContent {z-index: 991}
.formError .formErrorArrow {z-index: 996}

.ui-dialog .formError {z-index: 5000}
.ui-dialog .formError .formErrorContent {z-index: 5001}
.ui-dialog .formError .formErrorArrow {z-index: 5006}

.inputContainer {position: relative;	float: left}

.formError {	position: absolute; top: 300px; left: 300px;	display: block;	cursor: pointer;	 text-align: left}
.formError.inline {position: relative; top: 0; left: 0; display: inline-block}

.ajaxSubmit {padding: 20px; background: #55ea55; border: 1px solid #999;	display: none}

.formError .formErrorContent {
	width: 100%;
	background: #ED1C24;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 12px;
	line-height: 1.3em;
	border: 1px solid #fff;
	padding: 10px;
	border-radius: 5px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
}

.greenPopup .formErrorContent {background: #33be40}
.blackPopup .formErrorContent {background: #393939; color: #FFF}

.formError .formErrorArrow {width: 0px; margin: -2px 0 0 13px; position:relative}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0}

.formError .formErrorArrowBottom {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px}

.formError .formErrorArrow div {font-size: 0px; height: 1px; background: #ED1C24; margin: 0 auto; line-height: 0; font-size: 0; display: block}

.formError .formErrorArrowBottom div {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none}

.greenPopup .formErrorArrow div {background: #33be40}
.blackPopup .formErrorArrow div {background: #393939; color: #FFF}

.formError .formErrorArrow .line10 {width: 10px}
.formError .formErrorArrow .line9 {width: 9px}
.formError .formErrorArrow .line8 {width: 8px}
.formError .formErrorArrow .line7 {width: 7px}
.formError .formErrorArrow .line6 {width: 6px}
.formError .formErrorArrow .line5 {width: 5px}
.formError .formErrorArrow .line4 {width: 4px}
.formError .formErrorArrow .line3 {width: 3px}
.formError .formErrorArrow .line2 {width: 2px}
.formError .formErrorArrow .line1 {width: 1px}

.highlight_success {border: 1px solid #8CC63E}
.highlight_failed {border: 1px solid #ED1C24}

/* margin and padding overrides */
.no_margin, .title_margin, h1.no_margin {margin: 0}
.no_margin_left {margin-left: 0}
.no_margin_right {margin-right: 0}
.no_margin_top {margin-top: 0}
.no_margin_bottom {margin-bottom: 0}
.no_margin_sides {margin-left: 0; margin-right: 0}
.no_margin_tb {margin-top: 0; margin-bottom: 0}

.no_padding {padding: 0}
.no_padding_left {padding-left: 0}
.no_padding_right {padding-right: 0}
.no_padding_top {padding-top: 0}
.no_padding_bottom {padding-bottom: 0}
.no_padding_sides {padding-left: 0; padding-right: 0}
.no_padding_tb {padding-top: 0; padding-bottom: 0}

.one_em, a.one_em {font-size: 1em; font-weight: 700}

/* dropzone */
.dropzone {min-height: 80px; border: 1px solid rgba(0, 0, 0, 0.3); background: white; padding: 5px; width:100%; overflow:hidden }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 15px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 0.8em; padding: 5px 0 0; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone a.dz-remove {margin: 15px 0 0 0; font-weight: 600; padding: 12px; background-color: #ED1C24; color: #FFF}
.dropzone a.dz-remove span {float: right; width: 12px; height: 16px; background: url('/src/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 10px}
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 0.75em; min-width: 100%; max-width: 100%; padding: 2em 0; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { float:none; margin-bottom: 1em; font-size: 1em; }
.dropzone .dz-preview .dz-details .dz-filename { float:none; white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { float:none; background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em}
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }