@import url('normalize.css');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900);

/* ----------------------------------------------------------
    Birmingham City Council 
    Version 1.0

    TABLE OF CONTENTS

    01 - BASE STYLES
    02 - BACKGROUND & TEXT COLORS
    03 - BUTTONS
    04 - LAYOUT
    05 - HEADER STYLES
    06 - NAVIGATION STYLES
    07 - ROTATOR STYLES
    08 - SIDEBAR STYLES
    09 - FOOTER STYLES

    COLOR GUIDE (As of February 5, 2018)
    Main Red: #8F1336;
    Dark "Sand": #A48A65
    Light "Sand": #A7A9AC
    Gray: #D1C392
    Dark Blue: #002E6D
    Light Blue: #00AEEF

    COLOR GUIDE (Main Site Colors and their Hex Codes - Outdated as of February 5, 2018)
    Main Blue: #0b6daf
	Dark Blue: #083e63
	Highlight Blue: #44afe1
	Highlight Orange: #eb8827
	Highlight Green: #72c422
    Text Gray: #777777
	Background Gray: #e9e9e9
	
	font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    
	FONTS USED
    Main Copy:
    Main Headers:
    Secondary Headers:
    
---------------------------------------------------------- */

@media only screen and (min-width: 961px) {
    #sub-nav {
        display: block !important;
    }

    .search button {display: none;}

    .sub .search-wrapper {
      position: absolute;
      top: 121px;
      right: 10px;
      z-index: 999;
    }

    .sub .mob-search-wrapper input[type="text"] {
      background-color: #fff;
      color: #8b8b8b;
      border: 0px none;
      border-radius: 0;
      font-family: 'Source Sans Pro','Arial','Helvetica',sans-serif;
      font-size: 14px;
      font-style: italic;
      height: 30px;
      line-height: 30px;
      text-indent: 10px;
      width: 240px;
    }

    #menu-parks-rec-microsite-sub-nav,
    #menu-municipal-court-microsite-sub-nav {
        display: block !important;
    }
}

@media only screen and (min-width: 668px) and (max-width: 960px) {

/* 01 = HIDDEN ELEMENTS
---------------------------------------------------------- */
	nav ul,
	ul.nav,
	.news-item p .learn-more,
	#content-sidebar ul.sub-nav,
	.search-wrapper,
	#event-calendar,
	#footer  {
	    display: none;
	}

.responsive-icons {
	padding-top: 20px;
	padding-right:10px;
	float:right;
	width:75px;
	height:25px;
	}

/* 02 = BUTTONS & FORMS
---------------------------------------------------------- */

.gigantic{font-size: 24px;}

h1, .huge {
    font-size: 24px;
}

h2, .large {
    font-size: 20px;
}

h3, .big {
    font-size: 16px;
    margin: 0 0 20px;
}

h4, .normal {
    font-size: 15px;
}

h5, .small {
    font-size: 14px;
}

h6, .tiny {
    font-size: 14px;
    padding: 0 0 10px;
}



/* 03 = LAYOUT
---------------------------------------------------------- */

.global-width {
    margin: 0 auto;
    width: 600px;
}

#header {
	width:600px;
	height:auto;
	min-height:68px;
	}

  #header h1 a {
    margin-left: 12px;
  }

.site-menu-arrow {
  left: 390px;
}

.search-wrapper	{
	width:600px;
	top:96px;
	right:0;
	padding:10px;
	background-color: #002E6D;
}

.sub .mob-search-wrapper {
    display: none;
}

.search-wrapper input[type="text"] {
	width: 590px;
}

.site-menu {padding: 20px 0;}

.site-menu ul {
    float: none;
    margin: 0;
    padding: 0 40px;
    width: auto;
}

/* 04 = NAVIGATION & DROPDOWN STYLES
---------------------------------------------------------- */

#top-nav {
	right: 10px;
}

nav ul,
ul.nav,
.locations-wrapper ul {
	float:none;
    clear: both;
    font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif;
    list-style: none;
    padding: 10px 0;
	background-color: #8F1336;

}

nav ul li,
ul.nav li {
    float: none;
    padding: 0;
}

nav ul li a,
ul.nav li a,
.locations-wrapper ul li a {
    border-bottom: 1px solid #A5445F;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 10px;
}

nav ul li a.active,
ul.nav li a.active,
nav ul li.current_page_item a,
ul.nav li.current_page_item a,
nav ul li.current_page_ancestor a,
ul.nav li.current_page_ancestor a {
    background: none;
    background-color: #6B1029;
}

nav ul li a:hover,
ul.nav li a:hover {
    background-color: #6B1029;
}

.nav ul li:hover ul {left: -9999px;}

.nav-icon {
    background: url(../images/icons-responsive.png) top right no-repeat;
    cursor: pointer;
    display: block;
    height: 25px;
    line-height: 50px;
    width: 35px;
    float: right;
}

.search-icon {
    background: url(../images/icons-responsive.png) top left no-repeat;
    display: block;
    height: 25px;
    line-height: 50px;
    width: 35px;
    float: left;
}

.nh {min-height:1320px;}

#home-news, #home-media {
	display:block;
	margin: 20px 0 0 40px;
	height:auto;
	}

/* 07 = ROTATOR STYLES
---------------------------------------------------------- */

.slider5 {

	float: left;
	width: 100%;
	margin-top: -10px;
	z-index: 2;
}

.slide {
	float:left; 
	width: 180px;
	margin-right: 30px;
	}

.slide.img3 {margin-right: 0;}

.slider5 .slide:last-child {margin-right: 0;}

.img1 img {
	border-top: 10px solid #00AEEF;
	width: 180px !important;
	height: 132px !important;
}

.img2 img {
	border-top: 10px solid #A7A9AC;
	width: 180px !important;
	height: 132px !important;
}

.img3 img {
	border-top: 10px solid #002E6D;
	width: 180px !important;
	height: 132px !important;
}

.img4 img {
	border-top: 10px solid #00AEEF;
}

.img5 img {
	border-top: 10px solid #A7A9AC;
}

.img6 img {
	border-top: 10px solid #002E6D;
}


.rotator-wrap {
    display: block;
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.rotator-wrap ul.rotator {margin: 0;}

.bx-wrapper {
width: 600px !important;
	max-width: 600px !important;
	}

.bx-wrapper img {
	height: 250px !important;
	}

    .bx-viewport {
        overflow: visible !important;
        -moz-box-shadow: 0 !important;
        -webkit-box-shadow: 0 !important;
        box-shadow: 0 !important;
        border: 0 !important;
        left: 0 !important;
        background: #fff !important;
    }

    .rotator-navigation {
        height: 56px;
        margin: -150px auto -20px auto;
        position: relative;
        width: 640px;
        right: 0;
    }

        .rotator-navigation .prev {
            background: url(../images/prev-arrow.png) no-repeat;
            border: 0;
            display: block;
            color: transparent;
            height: 56px;
            position: absolute;
            width: 18px;
        }

         .rotator-navigation .next {
            border: 0;
            background: url(../images/next-arrow.png) no-repeat;
            color: transparent;
            display: block;
            height: 56px;
            position: absolute;
            right: 0;
            width: 18px;
        }

.rotator-text {
    margin:-75px 0 0 425px;
    width: 415px;
    display: block;
    position: relative;
    color: #fff;
}

.r-text-content {
	margin-bottom: 10px;
}

.r-text-content h2 {
    font-size: 26px;
    text-transform: lowercase;
}

    .rtb-content {
        background: #b5b6b4;
        background: rgba(178,179,178,0.6);
        color: #fff;
        padding: 20px;
        width: 100%;
    }

    .rtb-content h2 {
        font-size: 26px;
        text-transform: lowercase;
    }

    .learn-more-btn {
		font-size: 14px;
        background: #b5b6b4;
        background: rgba(178,179,178,0.3);
        border: 1px solid #dedede;
        font-weight: bold;
        height: 15px;
        margin-top: 2px;
        height: 37px;
        text-align: center;
        width: 160px;
    }

    .learn-more-btn:hover {
        background: #a0a19f;
        background: rgba(178,179,178, 0.7);
    }


        .learn-more-btn a {
            color: #fff;
        }

    .learn-more-btn-link {
        display: block;
        height: 100%;
        line-height: 37px;
        width: 100%;
    }

.icon-pack li.active:after {
	content: '';
	position: absolute;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: none !important;
    border-bottom: 15px solid #fff !important;
	bottom: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.icon-pack li {
    margin: 1%;
    width: 31%;
}

.icon-pack li.icon-block:first-child {
    margin: 1%;
}

.icon-section .col {
    width: 100%;
    float: none;
    margin: 15px 0;
}

.newsletter-section .col {
    float: none;
    width: 98%;
    margin: 1%;
    text-align: center;
}

.event-card {
    float: left;
    margin: 15px 1.5% !important;
    width: 46%;
}

.events-group .event-card:first-child {
    margin: 15px 1.5% !important;
}

.newsroom-section .col {
    float: none;
    margin: 15px 1.5%;
    width: 97%;
}

.newsroom-section .social-feeds {
    display: none;
}

/* 10 = SIDEBAR STYLES
---------------------------------------------------------- */

#content-sidebar {width:600px;}

#map-canvas {
	width: 580px !important;
	}

.map-legend {float:left;}

.section-icon {
    background: url(../images/icons-responsive-small.png) no-repeat 5px -31px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 5px 35px;
}

#content-sidebar ul.sub-nav {
	margin: 0;
	background-color: #A48A65;
	padding: 0;
	}

#content-sidebar ul.sub-nav li {
	font-size: 16px;
	font-family:'Roboto Condensed', sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#content-sidebar ul.sub-nav li a {
	color: #fff;
	display:block;
	padding: 15px 10px;
	border-top: 1px solid #fff;
	text-transform: capitalize;
	font-weight: normal;
	}

#content-sidebar ul.sub-nav li:last-child ul li:last-child a {border-bottom: 1px solid #fff;}

#content-sidebar ul.sub-nav li a:hover, #content-sidebar ul.sub-nav li.current_page_item a {background-color: #7A684D;}

#content-sidebar ul.sub-nav ul {margin: 0;padding-left: 0;}

#content-sidebar ul.sub-nav ul li a,
#content-sidebar ul.sub-nav ul li a:last-child {
	border: none;
	padding: 10px 5px 10px 20px;
	text-transform: capitalize;
	font-weight: normal;
	}

#content-sidebar ul.sub-nav ul li a:hover {
	color: #7A684D;
	background-color: #A48A65;
	}

#content-sidebar ul.sub-nav ul li:last-child {
	margin-bottom: 15px;
}

/* MICROSITE STYLES */


.microsite div.microsite-header {margin-bottom: 10px;}

.microsite div.microsite-header img {
	width: 100% !important;
	height: auto !important;
	}

.microsite #content-wrapper h2 {margin-left: 0;}

.microsite div.microsite-magnet-left {
	float:left;
	margin-right: 10px;
	width: 285px;
	height: 108px;
	}
	
.microsite div.microsite-magnet-right {
	float:right;
	width: 285px;
	height: 108px;
	}
	
	.microsite div.microsite-magnet-left img, 
	.microsite div.microsite-magnet-right img {
		width: 285px;
		height: 108px;
		}

/* 11 = SUBPAGE STYLES
---------------------------------------------------------- */

#content-wrapper.no-side #content, #content {
    width: 580px;
	margin-left: 0;
}

#content-wrapper h2 {margin-left:10px;}


.location-item {width: 95%;}

.location-item:nth-child(2) {border-top: none;}

.location-item:nth-child(2n+1) {margin-right: 0;}

#footer-copyright {
	border: none;
	}

#footer-copyright .footer-left, 
#footer-copyright .footer-right,
#footer-copyright p.terms {float:none;}

.footer-social #google_translate_element, .footer-social ul {
    position: relative;
    margin: auto;
    display: inline-block;
    top: 0;
    right: 0;
    vertical-align: middle;
}

.footer-social {
    text-align: center;
    padding-top: 20px;
    height: auto;
    padding-bottom: 40px;
}

.footer-social, .footer-copyright {
    float: none;
    width: 100%;
    display: block;
}

.footer-copyright-bg {
    top: auto;
    height: 100px;
    bottom: 0;
    width: 100%;
}

/*END TABLET VIEW */

} 



/*START MOBILE VIEW */

@media only screen and (min-width: 320px) and (max-width: 667px) {


/* 01 = HIDDEN ELEMENTS
---------------------------------------------------------- */
nav ul,
ul.nav,
.news-item p .learn-more,
#content-sidebar ul.sub-nav,
.search-wrapper,
#event-calendar,
#footer,
#home-media a.more-link,
#home-news a.more-link  {
    display: none;
}

.responsive-icons {
	padding-top: 20px;
	padding-right:10px;
	float:right;
	width:75px;
	height:25px;
	}


/* 01 = BASE STYLES
---------------------------------------------------------- */


.gigantic{font-size: 30px;}

h1, .huge {
    font-size: 24px;
}

h2, .large {
    font-size: 24px;
}

h3, .big {
    font-size: 18px;
    margin: 0 0 20px;
}

h4, .normal {
    font-size: 15px;
}

h5, .small {
    font-size: 14px;
}

h6, .tiny {
    font-size: 14px;
    padding: 0 0 10px;
}

p {
    font-size: 12px;
    line-height: 24px;
    padding: 0 0 20px;
}

ul,
ol {
    font-size: 12px;
    padding-left: 15px;
}

table {
    font-size: 12px;
}


/* 03 = LAYOUT
---------------------------------------------------------- */

.global-width {
    margin: 0 auto;
    max-width: 320px;
    width: 100%;
}

#header {
	width:320px;
	height:auto;
	min-height:68px;
	}
	
#header h1 a {
  background: url("../images/logo-ph.png") no-repeat;
  background-position: center;
	width: 167px;
	height: 50px;
}

#header h1 a img {
	width:220px;
	height:auto;
	padding-top: 10px;
}
	
.search-wrapper	{
	width:300px;
	top:96px;
	right:0;
	padding:10px;
	background-color: #002E6D;
}

.search-wrapper input[type="text"] {
	width: 285px;
}

/* 04 = NAVIGATION & DROPDOWN STYLES
---------------------------------------------------------- */

#top-nav {
	right: 10px;
}

nav ul,
ul.nav,
.locations-wrapper ul {
	float:none;
    clear: both;
    font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif;
    list-style: none;
    padding: 10px 0;
    background-color: #8F1336;

}

nav ul li,
ul.nav li {
    float: none;
    padding: 0;
}

nav ul li a,
ul.nav li a,
.locations-wrapper ul li a {
    border-bottom: 1px solid #A5445F;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 10px;
}

nav ul li a.active,
ul.nav li a.active,
nav ul li.current_page_item a,
ul.nav li.current_page_item a,
nav ul li.current_page_ancestor a,
ul.nav li.current_page_ancestor a {
    background: none;
    background-color: #6B1029;
}

nav ul li a:hover,
ul.nav li a:hover {
    background-color: #6B1029;
}

.nav ul li:hover ul {left: -9999px;}

.nav-icon {
    background: url(../images/icons-responsive.png) top right no-repeat;
    cursor: pointer;
    display: block;
    height: 25px;
    line-height: 50px;
    width: 35px;
    float: right;
}

.search-icon {
    background: url(../images/icons-responsive.png) top left no-repeat;
    display: block;
    height: 25px;
    line-height: 50px;
    width: 35px;
    float: left;
}

.nh {min-height:1860px;}

#home-news, #home-media {
	display:block;
	margin: 20px 0 0 0;
	height:auto;
	width: 320px;
	}

#home-media .tease, #home-news .tease {
	width: 310px;
	padding: 10px 5px;
	}

	#home-media .media-post,
	#home-media .media-post.odd,
	#home-news .news-post,
	#home-news .news-post.odd {float:none; width: 320px; margin: 10px auto 10px auto;}

	#home-media .media-post.featured,
	#home-news .news-post.featured {
		width: 320px;
	}

	#home-media .media-post.featured img, 
	#home-news .news-post.featured img,
	#home-media .media-post img, 
	#home-news .news-post img {
		width: 320px !important;
		height: auto !important;
	}
	
#top-nav li.holder {display:none;}


.site-menu {padding: 20px 0;}

.site-menu ul {
    float: none;
    margin: 0;
    padding: 0 20px;
    width: auto;
}

.site-menu-arrow {left: 173px;}
	
/* 07 = ROTATOR STYLES
---------------------------------------------------------- */

.slider5 {

	float: left;
	width: 100%;
	margin-top: 0;
	z-index: 2;
}

.slide {
	float:left; 
	width: 180px;
	margin-right: 30px;
	}

.slide.img3 {margin-right: 0;}

.slider5 .slide:last-child {margin-right: 0;}

.img1 img {
	border-top: 10px solid #00AEEF;
	width: 320px !important;
	height: 235px !important;
}

.img2 img {
	border-top: 10px solid #A7A9AC;
	width: 320px !important;
	height: 235px !important;
}

.img3 img {
	border-top: 10px solid #002E6D;
	width: 320px !important;
	height: 235px !important;
}

.img4 img {
	border-top: 10px solid #00AEEF;
}

.img5 img {
	border-top: 10px solid #A7A9AC;
}

.img6 img {
	border-top: 10px solid #002E6D;
}


.rotator-wrap {
    display: block;
    height: 133px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.rotator-wrap ul.rotator {margin: 0;}

.bx-wrapper {
width: 320px !important;
	max-width: 320px !important;
	}

.bx-wrapper img {
	height: 133px !important;
	}

    .bx-viewport {
        overflow: visible !important;
        -moz-box-shadow: 0 !important;
        -webkit-box-shadow: 0 !important;
        box-shadow: 0 !important;
        border: 0 !important;
        left: 0 !important;
        background: #fff !important;
    }

    .rotator-navigation {
        height: 56px;
        margin: -85px auto -20px auto;
        position: relative;
        width: 370px;
        right: 0;
    }

        .rotator-navigation .prev {
            background: url(../images/prev-arrow.png) no-repeat;
            border: 0;
            display: block;
            color: transparent;
            height: 56px;
            position: absolute;
            width: 18px;
        }

         .rotator-navigation .next {
            border: 0;
            background: url(../images/next-arrow.png) no-repeat;
            color: transparent;
            display: block;
            height: 56px;
            position: absolute;
            right: 0;
            width: 18px;
        }

.rotator-text {
    margin:-135px 0 0 0;
    width: 320px;
    display: block;
    position: relative;
    color: #fff;
}

.r-text-content {
	margin-bottom: 10px;
}

.r-text-content h2 {
    font-size: 26px;
    text-transform: lowercase;
}

    .rtb-content {
        background: #b5b6b4;
        background: rgba(178,179,178,0.6);
        color: #fff;
        padding: 20px;
        width: 100%;
    }

    .rtb-content h2 {
        font-size: 26px;
        text-transform: lowercase;
    }

    .learn-more-btn {
		font-size: 14px;
        background: transparent;
        border: none;
        font-weight: bold;
        height: 133px;
        margin-top: 0;
        text-align: center;
        width: 320px;
    }

    .learn-more-btn:hover {
	background: transparent;
    }


        .learn-more-btn a {
            color: transparent;
        }

    .learn-more-btn-link {
        display: block;
        height: 100%;
        line-height: 37px;
        width: 100%;
    }

.show-on-ph {display: block;}
.hide-on-ph {display: none;}

select.icon-pack {
    font-size: 16px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

select.icon-pack option {
    font-size: 16px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.magnets-section h1 {font-size: 30px !important;}

.icon-section .col {
    width: 100%;
    float: none;
    margin: 15px 0;
}

.icon-section .grid li {
    width: 48%;
}

.newsletter-section .col {
    float: none;
    width: 98%;
    margin: 1%;
    text-align: center;
}

.newsletter-section .global-width {
    padding: 40px 10px !important;
}

.newsletter-section .submit-container input {
    font-size: 14px;
    padding: 10px 9px;
}

.event-card {
    float: none;
    margin: 15px 1.5% !important;
    width: 97%;
}

.events-group .event-card:first-child {
    margin: 15px 1.5% !important;
}

.event-card p {padding: 0; font-size: 14px;}

.newsroom-section .col {
    float: none;
    margin: 15px 1.5%;
    width: 97%;
}

.newsroom-section .social-feeds {
    display: none;
}

.newsroom-section p.big {
    font-size: 16px;
    margin: 0;
    padding: 0 !important;
    width: 100%;
}

.newsroom-section p {
    padding-bottom: 0;
}

.newsroom-section .date {
    float: none;
    display: block;
    text-align: left;
}

/* 10 = SIDEBAR STYLES
---------------------------------------------------------- */

#content-sidebar {width:320px;}

#map-canvas {
	width: 300px !important;
	}

.map-legend {float:left;}

.map-search input[type="text"] {
	width: 200px;
	}

ul.map-legend li {
	padding: 5px 10px;
}
.section-icon {
    background: url(../images/icons-responsive-small.png) no-repeat 5px -31px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 5px 35px;
}


#content-sidebar ul.sub-nav {
	margin: 0;
	background-color: #A48A65;
	padding: 0;
	}

#content-sidebar ul.sub-nav li {
	font-size: 16px;
	font-family:'Roboto Condensed', sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#content-sidebar ul.sub-nav li a {
	color: #fff;
	display:block;
	padding: 15px 10px;
	border-top: 1px solid #fff;
	text-transform: capitalize;
	font-weight: normal;
	}

#content-sidebar ul.sub-nav li:last-child ul li:last-child a {border-bottom: 1px solid #fff;}

#content-sidebar ul.sub-nav li a:hover, #content-sidebar ul.sub-nav li.current_page_item a {background-color: #7A684D;}

#content-sidebar ul.sub-nav ul {margin: 0;padding-left: 0;}

#content-sidebar ul.sub-nav ul li a,
#content-sidebar ul.sub-nav ul li a:last-child {
	border: none;
	padding: 10px 5px 10px 20px;
	text-transform: capitalize;
	font-weight: normal;
	}

#content-sidebar ul.sub-nav ul li a:hover {
  color: #7A684D;
	background-color: #A48A65;
	}

#content-sidebar ul.sub-nav ul li:last-child {
	margin-bottom: 15px;
}

#content #blog-sidebar {
	float: none;
	width: 300px;
	padding-left: 0;
	
}

#content #posts-wrapper {
	margin-right: 0;
	border-right: 0;
	padding-right: 10px;
	}
	
/* MICROSITE STYLES */


.microsite div.microsite-header {margin-bottom: 10px;}

.microsite div.microsite-header img {
	width: 100% !important;
	height: auto !important;
	}

.microsite #content-wrapper h2 {margin-left: 0;}

.microsite div.microsite-magnet-left {
	float:left;
	margin-bottom: 10px;
	width: 300px;
	height: 108px;
	
	}
	
.microsite div.microsite-magnet-right {
	float:right;
	width: 300px;
	height: 108px;
	}
	
	.microsite div.microsite-magnet-left img, 
	.microsite div.microsite-magnet-right img {
		width: 300px;
		height: 108px;
		}

/* 11 = SUBPAGE STYLES
---------------------------------------------------------- */

.wpfilebase-file-default .icon img {display:none!important;}
.wpfilebase-file-default .filetitle {height: auto !important;}
.wpfilebase-file-default {width: 280px !important;}

#content-wrapper.no-side #content, #content {
    width: 300px;
	margin-left: 0;
}

#content img.aligncenter,
#content img.alignleft,
#content img.alignright {
	width: 75% !important;
	height: 75% !important;
}

#content-wrapper h2 {margin-left:10px;}

.location-item {width: 93%;}

.location-item:nth-child(2) {border-top: none;}

.location-item:nth-child(2n+1) {margin-right: 0;}

#footer-copyright {
	border: none;
	}

#footer-copyright .footer-left, 
#footer-copyright .footer-right,
#footer-copyright p.terms {float:none;}

.footer-wrap {
    padding-top: 15px;
}

.footer-social #google_translate_element, .footer-social ul {
    position: relative;
    margin: auto;
    display: block;
    top: 0;
    right: 0;
    vertical-align: middle;
}

.footer-social {
    text-align: center;
    padding-top: 20px;
    height: auto;
    padding-bottom: 40px;
}

.footer-social, .footer-copyright {
    float: none;
    width: 100%;
    display: block;
    height: auto;
}

.footer-copyright-bg {
    top: auto;
    height: 205px;
    bottom: 0;
    width: 100%;
}

.footer-copyright:before {display: none;}

.footer-copyright > * {
    float: none !important;
    text-align: center !important;
    display: block !important;
    margin: auto !important;
}




/* END MOBILE VIEW */

}


