/**
 * Living it Up global styles for all app sites
 **/
/* Text style & basic padding/margins */
body {
    font-family: sans-serif,Arial;
    font-size: 100%;
    padding: 0;
    margin: 0;
}
/* Navigation widget common styles */
.liu-global-nav {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    overflow: hidden;
    height:140px;

}



/**
 * Footer Styles
 */
footer.liu-global-footer {
    font-family: Arial, sans-serif;
    background-color: #656668;
    color: white;
    font-size: 14px;
    padding: 30px 0;
}
.liu-global-container {
    margin: 0 auto;
    max-width: 72em;
    width: 100%;
}
.liu-global-left-col {
    float: left;
    width: 50%;
}
.liu-global-right-col {
    float: right;
    width: 50%;
}
.liu-global-right-col img {
    margin: 0 30px 40px 0;
}
.liu-global-right-left-col {
    float: left;
    width: 82.5%;
}
.liu-global-right-right-col {
    float: right;
    width: 17.5%;
}

footer.liu-global-footer a {
    color: white;
    text-decoration: none;
}

footer.liu-global-footer a:hover {
    text-decoration: underline;
}
.liu-global-list-unstyled {
    list-style-type: none;
    padding-left: 0;
}
.liu-global-nav-list {
    list-style-type: none;
    padding-left: 0;
}
.liu-global-nav-list li {
    display: inline-block;
    border-right: 1px solid white;
    margin-right: 5px;
    padding-right: 5px;
}
.liu-global-nav-list li:last-child {
    border-right: none;
}
.liu-global-first span {
    margin-right: 20px;
}
.liu-global-first span:last-child {
    margin-right: 0;
}
.liu-global-social img {
    vertical-align: middle;
    margin-top: -10px;
}
.liu-global-footer img {
    display: inline !important;
    width: auto;
}
.liu-global-left-col ul {
    margin: 10px 0;
}






/**
 * Global Portal Footer
 */
.liu-global-portal-footer {
    font-size: 14px;
    font-family: Ariel, sans-serif;
    background: #ebeced;
}

.liu-global-portal-footer h2 {
    font-family: Arial, sans-serif;
}

.liu-global-portal-footer ul,
.liu-global-portal-footer p {
    margin: 0 0 10px 0;
}
.liu-global-portal-footer a {
    color: #0b708e;
    text-decoration: none;
}
.liu-global-portal-footer a:hover {
    text-decoration: underline;
}

.liu-global-portal-footer .liu-global-header {
    background: #b73f5a;
    color: #fff;
    margin: 0 auto 10px;
    width: 990px;
}

.liu-global-portal-footer .liu-global-header h2 {
    max-width: 990px;
    margin: 0 auto;
    padding-left: 40px;
    height: 60px;
    line-height: 60px;
    background: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-big-bird.png) 14px 8px no-repeat;
    text-transform: uppercase;
    font-weight: bold;
}

.liu-global-portal-footer .liu-global-region-footer {
    margin: 0 auto;
    max-width: 990px;
    width: 100%;
    padding-bottom: 20px;
}

.liu-global-portal-footer .block {
    float: left;
    width: 24.05%;
    max-height: 312px;
    min-height: 312px;
    overflow: hidden;
    margin-left: 1.2%;
    background: #fff;
}
.liu-global-portal-footer .block:first-child {
    margin-left: 0;
}

.liu-global-portal-footer .block .content {
    padding: 10px;
}
.liu-global-portal-footer .block h2 {
    margin: 0;
    padding: 5px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
}
.liu-global-portal-footer .events {
    position: relative;
}
.liu-global-portal-footer .twitter h2 {
    background-color: #1c9a96;
    text-shadow: 1px 1px 1px #013B65;
    background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-twitter-feed.png);
    background-position: 10px 7px;
    padding-left: 40px;
}
.liu-global-portal-footer .events h2 {
    background-color: #b73f5a;
    background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-envelope.png);
    background-position: 10px 7px;
    text-shadow: 1px 1px 1px #7f2c3e;
    padding-left: 40px;
}
.liu-global-portal-footer .hot-topics h2 {
    background-color: #6d6f71;
	background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-hot-topics.png);
	background-position: 10px 4px;
    text-shadow: 1px 1px 1px #444647;
	padding-left: 36px;
}
.liu-global-portal-footer .recommendations h2 {
    background-color: #f79429;
    background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-recommendations.png);
    background-position: 10px 6px;
    text-shadow: 1px 1px 1px #a96720;
    padding-left: 40px;
}

.list-unstyled {
    list-style-type: none;
    padding: 0;
}
.events a {
    color: #0b708e;
    background: #fff
}

.events a:link,
.events a:hover,
.events a:visited,
.events a:focus,
.events a:active {
    color:#0b708e;
}

/**
 * Global Fixed Footer
 */

.liu-global-fixed-footer {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:8px 0;
	background:transparent url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/fix-footer-trans-bg.png) left top repeat;
}

.liu-global-fixed-footer-inner {
	position:relative;
	max-width:62em;
	margin:0 auto;
}

.liu-global-fixed-footer img,
.liu-global-fixed-footer p {
	display:inline-block;
	vertical-align:middle;
}

.liu-global-fixed-footer img {
	width:auto;
	margin-right:5%;

}

.liu-global-fixed-footer p { 
	width:70%;
	margin:0;
	font-size:14px;
	color:#fff;
}

.liu-global-fixed-footer a {
	position:absolute;
	right:5px;
	top:5px;
	padding:5px;
	float:right;
	color:white !important;
	border:1px solid #fff;
	font-size:14px;
	font-family: Arial, sans-serif;
	text-transform:uppercase;
	display:none;
}




/** New Hot topics block */

.liu-global-portal-footer .hot-topics-feed {
	overflow-y:scroll;
	max-height:258px;
}

.hot-topics-feed li {
	display:block;
	padding-bottom:5px;
	margin:0 5px 5px 0;
	border-bottom:1px dotted #ccc;
}

.hot-topics-feed h3 {
	margin-bottom:5px;
	font-size:16px;
	font-family: Arial, sans-serif;
    font-weight:normal;
}


.hot-topics-feed .ht-body-image {
	clear:both;
}

.liu-global-portal-footer .hot-topics-feed p {
	margin-bottom:0;
	font-size:13px;
}

.hot-topics-feed img { display:none; }

.liu-global-portal-footer .hot-topics-feed .ht-link {
	clear:both;
	display:block;
	text-align:right;
	
}

@media all and (max-width: 60em) {
    .liu-global-portal-footer .events h2,
    .liu-global-portal-footer .twitter h2,
    .liu-global-portal-footer .recommendations h2,
	.liu-global-portal-footer .hot-topics h2{
        background-image: none;
        padding-left: 10px;
    }
    .liu-global-portal-footer .liu-global-header {
        width: auto;
    }
}

@media all and (max-width: 56em) {
    .liu-global-left-col {
        width: 470px;
        margin: 0 auto;
        float: none;
    }
    .liu-global-right-col {
        width: 470px;
        margin: 0 auto;
        float: none;
    }
	
	
	.liu-global-fixed-footer img,
	.liu-global-fixed-footer p {
		display:block;
		padding-bottom:5px;
		padding:0 0 5px 2%;
	}
	
	.liu-global-fixed-footer p {
		width:95%;
	}
}

@media all and (max-width: 40em) {
    .liu-global-portal-footer .events h2 {
        background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-envelope.png);
        padding-left: 40px;
    }
    .liu-global-portal-footer .twitter h2 {
        background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-twitter-feed.png);
        padding-left: 40px;
    }
    .liu-global-portal-footer .recommendations h2 {
        background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-recommendations.png);
        padding-left: 40px;
    }
	.liu-global-portal-footer .hot-topics h2 {
	background-image: url(//https://portal.livingitup.org.uk/sites/all/modules/_custom/liu_common/images_v2/icon-hot-topics.png);
	padding-left:40px;
	}
    .liu-global-portal-footer .block {
        width: 49.4%;
        margin-bottom: 10px;
    }
    .liu-global-portal-footer .block:nth-child(3) {
        margin-left: 0;
    }
}

@media all and (max-width: 31em) {
    footer.liu-global-footer {
        text-align: center;
    }
	
	.liu-global-right-col img { margin-right:0; }
	
    .liu-global-first span {
        display: block;
        height: 30px;
    }
    .liu-global-left-col,
    .liu-global-right-col {
        width: 100%;
    }
    .liu-global-nav-list li {
        display: block;
        border-right: none;
    }
    .liu-global-footer .liu-global-right-col .liu-global-right-left-col { float: none; width: 96%; }
    .liu-global-footer .liu-global-right-col .liu-global-right-right-col { float: none; width: 96%; }
    .liu-global-footer .liu-global-right-col img { margin-top: 0px; margin-bottom: 30px; }
}


@media all and (max-width: 30em) {
    .liu-global-portal-footer .block:nth-child(3),
    .liu-global-portal-footer .block:first-child {
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .liu-global-portal-footer .block {
        float: none;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        min-height: 200px;
        margin-bottom: 20px;
    }

}


/** Mobile 320px */
@media screen and (max-width:20em){
	.liu-global-footer .liu-global-right-col div a + a img { width:96%; }
}

/* Clear floats - modern browsers*/
.hot-topics-feed .ht-body-image:before,
.hot-topics-feed .ht-body-image:after,
footer.liu-global-footer:before,
footer.liu-global-footer:after,
.liu-global-portal-footer .liu-global-region-footer:before,
.liu-global-portal-footer .liu-global-region-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.lte-ie7 .liu-global-fixed-footer img,
.lte-ie7 .liu-global-fixed-footer p,
.hot-topics-feed .ht-body-image:after,
footer.liu-global-footer:after,
.liu-global-portal-footer .liu-global-region-footer:after  {
  clear: both;
}

/** IE hacks*/
/* Clear floats for IE7 and below */

.lte-ie7 .hot-topics-feed .ht-body-image,
.lte-ie7 footer.liu-global-footer,
.lte-ie7 .liu-global-portal-footer .liu-global-region-footer {
    zoom:1;
}
/* Fake inline-block for IE7 */
.lte-ie7 footer.liu-global-footer,
.lte-ie7 .liu-global-portal-footer .liu-global-region-footer {
    display:inline;
    zoom:1;
}