/*
Theme Name: MetroVibes The Public Office
Theme URI: http://www.wearethepublicoffice.com
Description: A private theme for The Public Office based on MetroVibes
Author: Richard Bruce
Author URI: http://iwantthiswebsite.com
Tags:translation-ready
Template: metrovibes-parent
*/
                
@import url("../metrovibes-parent/style.css");
::selection {
	background:#666;
}
body,
h1, h2, h3, h4, h5, h6, h7, h8,
.dropdown,
a {
	/*font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;*/
}
.header-bottom .header-title h1,
.header-bottom .header-title h5 {
	font-style:normal;
}
body .header_thin .container {
    height: auto !important;
    padding-top: 45px;
    padding-bottom: 30px;
}
.breadcrumbs {
	margin-top:6px;
}
.breadcrumbs li {
	color:#000;
	font-size:12px;
}
.breadcrumbs a {
	color:#fff;
	text-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 3px;
}
.post-item .breadcrumbs {
	padding:40px 40px 30px;
}
.post-item .breadcrumbs a  {
	color:#ff6600;
	text-shadow:none;
}
.post-item .post-title {
	margin:0 40px 20px !important;
}
.post-item .breadcrumbs a:hover {
	color:#333 !important;
}
.post-item .breadcrumbs li {
	color:#B1B1B1;
}
.dropdown li a {
color: #999;
}
.icon-menu {
background: rgba(0, 0, 0, 0) url(images/menu-ico.png) no-repeat 0 0;
}
.icon-menu1 {
	background-position:-2px -2px;
	top:-1px;
	margin-right: 9px}

.icon-menu2 {
	background-position: -2px -33px;
	margin-right:4px;}

.icon-menu3 {
	background-position: -2px -63px;
	width:32px;
	margin-right:10px;}

.icon-menu4 {
	background-position: -2px -93px;
	height:27px;
	margin-right:4px;}
	
.view-ico {
	background:transparent url(images/post-ico.png) -1px -1px;;
	width: 25px;
	height: 18px;
	top:-1px;
}

.comment-ico {
	background: transparent url(images/post-ico.png) -1px -23px;
	width: 22px;
	height: 20px;
	top:-1px;
}

.pencil-ico {
	background: transparent url(images/post-ico.png) -1px -46px;
	width: 19px;
	height: 20px;
	top:-1px;
}

.read-ico {
	background: transparent url(images/post-ico.png) -1px -72px;
	width: 22px;
	height: 22px;
	top:-2px;
	margin-right:5px;
}
.post-item .post-meta a:hover > .read-ico{
	background: transparent url(images/post-ico.png) -1px -99px;
}
.calendar-ico {
	background:transparent url(images/calendar.png) no-repeat;
	width:21px;
	height:21px;
	top:-3px;
}
.dropdown > li:hover, .dropdown > li.current-menu-item {
	border-top: 3px solid #009999;
}
.slider_quotes h3 {
	display:none;
}
body .widget_calendar {
	margin-bottom:20px;
}
body .post-meta a {
	background-color:transparent;
}
body .header .box a .rollover {
	display:none;
}
body .header .box a .rollover {
	background:#ff6600;
	overflow:hidden;
	text-align:center;
}
.gallery-item a .rollover {
	overflow:hidden;
}
body .header .box:hover img {
	display:none !important;
visibility:hidden !important;
opacity: 0 !important;
}
body .header .box-1 a .rollover {
	display:table-cell !important;
	vertical-align:middle !important;
}
body .header .box-1 a img {
	display:none !important;
}
body .header .box:hover a .rollover {
	display:table-cell;
	vertical-align:middle;
}
body .gallery-image a {
	position:relative;
}
body .gallery-image a .rollover,
body .gallery-image a .rollover p {
	position:absolute;
	display:block;
	width:100%;
	height:auto !important;
}
body .gallery-image a .rollover {
	top:0;
	bottom:0;
}
body .gallery-image a .rollover p {
	bottom:0px;
	padding:10px 0;
	background:#ff6600;
	text-align:center;
}
body .gallery-image a:hover .rollover {
	background: rgba(255, 102, 0, 0.27);
}
body .header .box a p,
.gallery-image p {
	line-height:normal;
	word-break: break-word;
	color:#fff;
}
body .rollover p {
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	font-weight:600;
}
.testimonials-text p.p1 {
	display:inline;
}
/* Remove Italics */
.partener h2,
.copyright,
.header-title h1,
.header-title h2,
.header-title h3,
.header-title h4,
.header-title h5,
.header-title h6,
.header-title h7,
.header-title h8,
.middle-bottom h1,
.middle-bottom h2,
.middle-bottom h3,
.middle-bottom h4,
.middle-bottom h5,
.middle-bottom h6,
.middle-bottom h7,
.middle-bottom h8 {
	font-style:normal !important;
}
/* DARK GREY */
.header-bottom .header-title h1,
.header-title h5,
.portfolio_filter ul li a,
body .post-item .post-desc p,
body .about-item .about-desc p {
	color:#666;
}
.sidebar .widget-container .widget-title {
	background:#666;
}

/* LIGHT GREY */
.widget-container.widget_nav_menu li a, .widget_categories li a, .widget_archive li a, .widget_links li a, .widget_meta li a, .widget_pages li a,
.sidebar .quote-text,
.team-text h4,
.service_item .service_desc p, .team-text p,
.quote-text {
color:#999;	
}
.widget-container.widget_nav_menu a:hover, .widget-container.widget_nav_menu .current-menu-item a, .widget-container.widget_nav_menu .current-menu-item li a:hover, .widget-container.widget_categories a:hover, .widget-container.widget_categories .current-menu-item a, .widget-container.widget_categories .current-menu-item li a:hover, .widget-container.widget_archive a:hover, .widget-container.widget_links a:hover, .widget-container.widget_meta a:hover, .widget-container.widget_pages a:hover
.widget_case-studies li a img { 
color:#999;
border-left-color:#009999;
}
.post-item .post-meta, .post-meta a {
color: #999;
}
ul.filter_menu {
	margin:0;
}
.widget_calendar table tbody td,
.widget_calendar table tbody .pad {
	border-color:#999;
}
body .post-item,
body .about-item,
body .team-box,
body .box_dark_brown,
body .content .widget-container,
body .sidebar .widget-container,
body .header-bottom, 
body .middle-bottom,
body .service_item,
body .gallery-item,
body .gl_col_2 .gallery-item,
body .gl_col_3 .gallery-item,
body .gl_col_4 .gallery-item,
body .widget_calendar {
	box-shadow:0 0 12px #999;
	-webkit-box-shadow:0 0 12px #999;
	-khtml-box-shadow:0 0 12px #999;
	-moz-box-shadow:0 0 12px #999;
	-ms-box-shadow:0 0 12px #999;
}
/* LIGHTEST GREY #F3F3F3 */
body,
.post-item .post-meta-bot,
.post-item .post-meta,
.team-box .team-contact,
.widget-container.widget_nav_menu a:hover, .widget-container.widget_nav_menu .current-menu-item a, .widget-container.widget_nav_menu .current-menu-item li a:hover, .widget-container.widget_categories a:hover, .widget-container.widget_categories .current-menu-item a, .widget-container.widget_categories .current-menu-item li a:hover, .widget-container.widget_archive a:hover, .widget-container.widget_links a:hover, .widget-container.widget_meta a:hover, .widget-container.widget_pages a:hover,
.widget_calendar table tbody .pad,
body .dropdown > li:hover,
body .dropdown > li.current-menu-item {
	background-color:#F3F3F3;
}
/* ORANGE */
.link-more,
a:hover,
.partener h2,
.portfolio_filter ul li a:hover,
.portfolio_filter ul li.current-menu-item a,
.question h2,
.post-item .post-meta a:hover,
.post-item .post-title h2 a:hover, .about-item .about-title h2 a:hover {
color:#ff6600 !important;	
}
.widget_calendar table tbody a {
	background-color:#ff6600;
}
/* BLUE */ 
.box_blue {
background: #3399cc !important;
}
/* TURQUOISE */
.header .box a span,
.widget_calendar table caption,
.widget_calendar #today,
.widget_calendar table tbody #today a,
.team-box .team-contact {
background: #009999;
}
.widget_calendar table tbody a:hover {
	color:#009999;
}
/* PURPLE */
.widget_calendar table tbody a:hover {
	color:#663399;
}
.join-box {
	background-color:#663399;
}
.widget_case-studies li a img {
		width:40px !important;
		max-height:40px !important;
		vertical-align:middle;
		margin-right:10px;
}
.post-item .testimonials-list {
width: 100%;
margin:40px 0;
}
.portfolio_filter ul li a:hover, .portfolio_filter ul li.current-menu-item a {
background: rgba(0, 0, 0, 0) url(images/ok.png) no-repeat left center;
}
.portfolio_filter ul li a {
background: rgba(0, 0, 0, 0) url(images/unselect-ico.png) no-repeat left center;
}
.entry .post-date, .content .post-date {
background: rgba(0, 0, 0, 0) url(images/ribbon-date.png) no-repeat;
}
.team_link_1, .team_link_2, .team_link_3 {
background: url(images/team-contact.png) 0 -1px no-repeat;
}
.team_link_2 {
	 background-position:0 -34px}

.team_link_3 {
	 background-position:0 -67px}
.widget_calendar table caption {
	margin-bottom:0;
}
.widget_calendar table tbody td {
	background-color:#fff;
}
.widget_calendar table tbody a {
	color:#fff;
}
@media only screen and (min-width: 280px) {

body .header_testimonials .quote-text {
	padding-right:20px
}
body .header_testimonials {
width: 100%;
}
body .gallery-image a,
body .gallery-image a .rollover {
	width: 280px;
}
body .gallery-image a .rollover p {
	max-height:280px !important;
}
	.header .box-2 .rollover {
width: 65px;
height: 62px !important;
}
.header .box-2 .rollover p {
max-height: 62px !important;
}
.header .box-1 .rollover {
width: 150px;
height: 192px;
}
.header .box-1 .rollover p {
max-height: 192px !important;
}
body .gl_col_4 .gallery-item, body .gl_col_4 .gallery-item img {
	max-width:none !important;
}
}
@media only screen and (min-width: 480px) {
body .gallery-image a,
body .gallery-image a .rollover {
	width: 214px;
}
body .gallery-image a .rollover p {
	max-height:214px !important;
}
	.header .box-2 .rollover {
width: 96px;
height: 91px !important;
}
.header .box-2 .rollover p {
max-height: 91px !important;
}
.header .box-1 .rollover {
width: 149px;
height: 198px;
}
.header .box-1 .rollover p {
max-height: 198px !important;
}
body .post-meta-bot .post-meta.post-view, 
body .post-meta-bot .post-meta.post-comm {
width: 75px;
}
body .post-meta-bot .post-meta.post-read {
width: 135px;
}
body .post-meta-bot .post-meta.post-author {
width: 170px;
}
}
@media only screen and (max-width: 479px) {
.post-meta-bot .post-meta.post-author {
width: 100%;
float: none;
clear: both;
border-bottom: 1px solid #FFF;
border-right: none;
border-top: 1px solid #FFF;
}
body .post-meta-bot .post-meta.post-author {
width: 100%;
}
body .post-meta-bot .post-meta.post-view,
body .post-meta-bot .post-meta.post-comm {
width: 49%;
}
body .post-meta-bot .post-meta.post-comm {
	border-right:none;
}
}
@media only screen and (min-width: 768px) {
body .widget_case-studies li a  span {
	display:inline-block;
	width:132px;
	vertical-align:middle;
}
body .widget_case-studies li a {
		line-height:1.5;
}
body .gallery-image a,
body .gallery-image a .rollover {
	width: 166px;
}
body .gallery-image a .rollover p {
	max-height:155px !important;
}
.header .box-2 .rollover {
width: 158px;
height: 150px !important;
}
.header .box-2 .rollover p {
max-height: 150px !important;
}
.header .box-1 .rollover {
width: 240px;
height: 307px;
}
.header .box-1 .rollover p {
max-height: 307px !important;
}
body .post-meta-bot .post-meta.post-view, 
body .post-meta-bot .post-meta.post-comm {
width: 75px;
}
body .post-meta-bot .post-meta.post-read {
width: 135px;
}
body .post-meta-bot .post-meta.post-author {
width: 170px;
}
}
@media only screen and (min-width: 990px) {
body .widget_case-studies li a  span {
	width:196px;
}
body .gallery-image a,
body .gallery-image a .rollover {
	width:220px;
}
body .gallery-image a .rollover p {
	max-height:205px !important;
}
.header .box-2 .rollover {
	width: 202px;
height: 192px !important;
}
.header .box-2 .rollover p {
max-height: 192px !important;
}
.header .box-1 .rollover {
width: 306px;
height: 391px;
}
.header .box-1 .rollover p {
max-height: 391px;
}
body .widget_case-studies li a {
		padding: 14px 15px 14px 12px;
}
body .header_top .container {
width:990px;
}
.logocont svg {
		width:200px;
	}
	.logocont {
height: 58px;
float:left;
padding-top:3px;
	}
body .post-meta-bot .post-meta.post-view,
body .post-meta-bot .post-meta.post-comm {
width: 103px;
}
body .post-meta-bot .post-meta.post-author {
width: 207px;
}
body .post-meta-bot .post-meta.post-read {
width: 184px;
text-align: left !important;
padding-left:15px;
}
body .logo {
padding: 12px 0 0;
}
}
@media only screen and (min-width: 1180px) {
body .gallery-image a,
body .gallery-image a .rollover {
	width:220px;
}
body .gallery-image a .rollover p {
	max-height:205px !important;
}
	.header .box-2 .rollover {
	width: 202px;
height: 192px !important;
}
.header .box-2 .rollover p {
max-height: 192px !important;
}
.header .box-1 .rollover {
width: 306px;
height: 391px;
}
.header .box-1 .rollover p {
max-height: 391px;
}
	body .header_top .container {
width:1190px;
}
	.logocont svg {
		width:380px;
	}
	.logocont {
	float:left;
	height: 62px;
}
}