/*
 *	Nottinghamshire County Council
 *	Devolution CSS
 *	URL: http://www.nottinghamshire.gov.uk/
 *	Version: 1
 */
 
 /* 
 Primary Brand (Orange): #f7931e;
 Secondary Brand (Orange Tint): #f2d4a6
 Body/Header Brand (Off Black): #231f20
 */
 
/*************************************************************** IE8 Specific Styling */
.lt-ie9 img { max-width: none!important; }
.lt-ie9 img.img-responsive { max-width: none!important; }
.lt-ie9 h1,
.lt-ie9 h2,
.lt-ie9 h3,
.lt-ie9 h4 { text-align: left; color: #666; }
.lt-ie9 h2 { font-size: 30px; }
.lt-ie9 h3 { font-size: 24px; }
.lt-ie9 .jumbotron { padding: 30px 10px 80px 10px; margin: 0 auto; }
.lt-ie9 .jumbotron h1 { margin-top: 0; }
.lt-ie9 .tab-content { border-radius: 5px; }
.lt-ie9 .nav-tabs.nav-justified { background: none; margin-bottom: 0; }
.lt-ie9 .nav-tabs.nav-justified>li { padding: 0 5px; }
.lt-ie9 .nav-tabs.nav-justified>li>a { margin-bottom: 0; border: 1px solid #fff; background: #086c83; color: #fff; }
.lt-ie9 .nav-tabs.nav-justified>.active>a { color: #333; }
/*************************************************************** Page Styling */

body { padding-top: 64px; font-size: 16px; line-height: 1.6; }
.browsergrade { width: 100%; padding: 1em; margin-top: 50px; text-align: center; z-index: 999; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'PT Sans', sans-serif; color: #f7941e; margin: 20px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; }
h2 { font-size: 36px; margin-top: 0; }
h3 { font-size: 32px; }
p { margin: 0 0 20px; }
hr { border-top: #ddd 1px solid; clear:both; }
a:hover { text-decoration: none; }
img { max-width: 100%; /* Make all images responsive */ transition: all 200ms ease-out; }
.main img { margin-bottom: 1em; }
.main table img { margin-bottom: 0; }
a img:hover { box-shadow: 0 0 6px 1px rgba(45, 137, 44, 0.9); transition: all 200ms ease-out; }
.btn { box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset; padding: 10px 15px; }
/* Navigation Bars */

.brand { max-width: 200px; }
.nav-pills li { background-color: #f8f8f8; border-bottom: #e7e7e7 1px solid; }
.nav-pills a { color: #555; }
/* Hero Header */

.jumbotron { margin-bottom: 0; }
.jumbotron h1 { font-size: 28px; }
.header-primary { background-image: url("../external/www.nottinghamconservatives.org.uk/sites/www.nottinghamconservatives.org.uk/files/picture-546315.jpg"); background-size: cover; }
.header-primary h1 { background: rgba(247, 147, 30, 0.9); padding: 20px; color: #fff; text-align: center; margin-top: 0; margin-bottom: 10px; }
/* Breadcrumbs */
.breadcrumb { background: #f5f5f5; margin-bottom: 2em; }
.breadcrumb ul { list-style-type: none; margin: 0; padding: 0; }
.breadcrumb ul li { display: inline-block; }
.breadcrumb ul li:last-child:after { content: ''; }
.breadcrumb ul li a { display: inline-block; }
.header-page { background: #f7931e; / background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2Y3OTMxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjgzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f7931e 2%, #db8300 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f7931e 2%, #db8300 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f7931e 2%, #db8300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7931e', endColorstr='#db8300', GradientType=0 ); /* IE6-8 */
color: #fff; padding: 2em 0; text-transform: uppercase; margin-bottom: 0; }
.header-page h1 { color: #fff; margin: 0; }
/* Hero Header Homepage Nav */

.header-content-menu .nav>li>a { padding: 20px 10px; }
.header-content-menu { padding: 24px 0 2em 0; /* Pixel fallback */ padding: 0 0 2em 0; margin: 0 auto; }
.header-content-menu li { float: left; background: rgba(0, 0, 0, 0.70); margin-bottom: 2px; width: 100%; }

@media screen and (min-width: 850px) {
.header-content-menu { padding: 48px 0 2em 0; padding: 0 0 3em 0; }
.header-content-menu li { margin-bottom: 10px; }
}
.header-content-menu li:nth-child(even) { background: rgba(0, 0, 0, 0.90); }

@media screen and (min-width: 600px) {
.header-content-menu li { width: 33.3333333333%; }
.header-content-menu .nav>li>a { padding: 35px 15px; border-right: 0 solid #f7931e; }
}
.header-content-menu a { color: #fff; display: block; font-weight: 400; line-height: 18px; text-align: center; width: 100%; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }
.header-content-menu .nav a:hover,
.header-content-menu a:focus { background: #64565c; text-decoration: none; }
/* Intro Panel */

.intro-panel { padding: 20px; background: #f2d4a6; background: rgba(242, 212, 166, 0.80); margin: -2em 0 2em 0; }
.intro-subpanel { padding: 10px; background: #fff; }
/*************************************************************** Page Specific */

/* Homepage News Area */

.news ol { list-style: none; margin-left: 0; padding: 0; }
/* News Area */

.news-preview h3 { margin-top: 0; }
.news-preview .btn { margin: 0 0 1em 0; color: #fff; }
.news p { margin-bottom: 0; }
.news.feed p { margin-bottom: 1em; }
.news-index { margin: 20px 0; padding: 0; list-style-type: none; }
.news-index a { color: #333; display: block; }
.news-index a.btn { color: #fff; display: inline-block; }
.news-index li { display: block; border-bottom: 1px solid #eee; padding-right: 10px; padding-bottom: 25px; margin-bottom: 25px; }
.main.news-index li { padding-bottom: 0; }
.news-index li a:hover { border-right: #eee 3px solid; }
.aside ul.group { list-style: none; margin:0; padding:0; }
/* Footer */

.site-footer { margin-top: 2em; padding: 1em; background-color: #eee; }
/* Well */

.well { border: 0; }
/* Primary Buttons */

.btn { width: 100%; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; font-size: 16px; }
.btn-lg { font-size: 2em; }
.dropdown-toggle { font-size: 1em;  padding: 6px 12px; }
/* Brand */

.brand-primary { color: #f7931e; }

/* share bar */

.at4-share-title {font-size: 14px; }

/* Scroll up */

#scrollUp {
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
	z-index:0!important;
    background-color: rgba(119, 119, 119, 0.7);
	color: #fff; }

/* Pagination */

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #f7931e; border:#f7931e; }

/* Social Icons */

.social a {
    color: #888;
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
	
.social a:hover {
    color: #ec971f;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* Helper classes */

.emphasize { font-size: 1.2em; }
.margin-top { margin-top: 10px; }
.margin-bottom { margin-bottom: 30px; }
.margin-bottom-no { margin-bottom: 0; }
.image-left { margin:10px 20px 10px 0; float:left; }
.image-right { margin:10px 0 10px 20px; float:right; }

/*************************************************************** Responsive Breakpoints */

@media (min-width: 540px) {
.btn { width: auto; }
}

@media (min-width: 768px) {
body { padding-top: 199px; }
h1,
h2,
h3,
h4 { text-align: left; }
.header-primary h1 { margin-top: 20px; }
.jumbotron { padding-top: 30px; padding-bottom: 30px; }
.nav>li { font-weight: bold; }
.nav>li>a { padding: 40px 15px; }
.nav-stacked.nav>li>a { padding: 15px; }
.btn { width: auto; }
.brand { margin-right: 15px; max-width: 100%; }
.fa { font-size: 1.5em }
.site-footer { padding: 1em 1em 2em 1em; }
}

@media (min-width: 1200px) {
body { padding-top: 101px; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */