/*
Theme Name: OBOS Bootstrap Four
Theme URI: http://obos.ie
Author: Kenneth Purtell
Author URI: kenneth.purtell@gmail.com
Description: A versatile and responsive Bootstrap WordPress theme OBOS based on Twitter Bootstrap 3.3.7
Version: 1.0
License: MIT
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-column, three-column, responsive-layout, fluid-layout, custom-menu
Text Domain: obos-ootstrap-four

obos-bootstrap-four WordPress Theme, Copyright 2016 Kenneth Purtell.
*/

/* WEB FONT */
@font-face {
	font-family: "GTWalsheimBold";
	src: url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Bold.eot'); /* IE9 Compat Modes */
	src: url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Bold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {	
	font-family: "GTWalsheimRegular";
	src: url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Regular.eot'); /* IE9 Compat Modes */
	src: url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Regular.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {	
	font-family: "GTWalsheimOblique";
	src: url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Oblique.eot'); /* IE9 Compat Modes */
	src: url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Oblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Oblique.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/themes/obos-bootstrap-four/fonts/GT-Walsheim-Oblique.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* * * * * * * * * * * * * * *
 * WordPress Content Classes
 * * * * * * * * * * * * * * */
 
img {
  border: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.alignright {
  display: inline;
  float: right;
  margin: 0.4rem 0 1.6rem 1.6rem;
}

.alignleft {
  display: inline;
  float: left;
  margin: 0.4rem 1.6rem 1.6rem 0;
}

.aligncenter {
  display: block;
  margin: 0.4rem auto 1.6rem auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption-text {

}

.sticky {
  background: #f7f7f9;
  padding: 1rem;
}

.bypostauthor {
  background: #f7f7f9;
  padding: 0.5rem;
}

.gallery-caption {
  font-weight: bold;
}

.widget {
	margin-bottom: 2rem;
}

.post {
	margin-bottom: 2rem;
}


/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* * * * * * * * * * * * * * *
 * Bootstrap 4.0 overwrite
 * * * * * * * * * * * * * * */
 
body > nav.navbar {
	border-radius: 0;
}

.navbar {
	border-radius: 0;
	border:0;
	background-color:#fff;
	color:#000;
}

.container {
	border-radius:0;
	background: #fff;
	padding-top: 1rem;
	margin-bottom: 2rem.;
	width:100%;
	max-width:1116px;
	min-width:320px;
}

.no-top-padding{
	padding-top: 0 !important;
}

.grey-line{
	height:1px;
	width:100%;
	background:#777777;
	
}

.navbar-default .navbar-nav > li > a {
	font-size: 1em;
	color:#000;
	font-family: "GTWalsheimRegular", Arial, san-serif;
}

nav.navbar {
	margin-bottom: 1rem;
}

.navbar-toggle {
	border:0px;
	border-radius:0;
}

.icon-bar {
    background-color: #000;
}

.navbar-toggle .icon-bar {
    height: 3px;
    border-radius:0;
}

.checkbox-inline + .checkbox-inline, 
.radio-inline + .radio-inline {
    margin-left: 0px;
}

.btn-default {
    color: #fff;
    background-color: #c0392b;
    border:0;
    border-radius:0;
}

.btn-lg{
	height:43px;
}

/* * * * * * * * * * * * * * * * * * * * *
 * Overwrite MetaSlider Properties
 * * * * * * * * * * * * * * * * * * * * */
 
div.metaslider{
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

div.caption-wrap{
	position:absolute;
	top:40%;
	left:5%;
	background:#fff;
	opacity:0.5;
	padding:10px 20px;
	min-width:590px;
	max-width:590px;
	display:none; /*remove to show*/
}

div.caption-wrap div.caption{
	color:#000;
	font-size:0.9em;
	display:none; /*remove to show*/
}

/* * * * * * * * * * * * * * * * * * * * *
 * Standard styles
 * * * * * * * * * * * * * * * * * * * * */
 
 body{
	font-family: "GTWalsheimRegular", Arial, san-serif;
	margin:0 auto;
	font-size:1.5em;
	min-width:320px;
	background-color:#fafafa;
	/*max-width:1116px;*/
}

h1,
h2,
h3{
	font-family: "GTWalsheimBold", Arial, san-serif;
}

a{
	color:#c0392b;
}

a:hover{
	color:#c0392b;
}

input[type="submit"],
input[type="button"],
button{
	background-color:#c0392b;
	color:#fff;
	border:0;
	border-radius:0;
	padding:5px 5px 15px 5px;
	height:35px;
	font-family: "GTWalsheimRegular", Arial, san-serif;
}

input[type="text"],
input[type="password"],
select,
textarea{
	background-color:#fff;
	border-radius:0;
	padding:5px;
	font-family: "GTWalsheimRegular", Arial, san-serif;
}

body.page h1,
body.category h1,
body.search-results h1,
body.single h1{
	font-family: "GTWalsheimRegular", Arial, san-serif;
	font-weight:normal;
	font-size:3.2em;
	margin-bottom:1em;
}

body.category-news h2,
body.single h2,
body.page h2,
body.search-results h2{
	font-family: "GTWalsheimRegular", Arial, san-serif;
	font-weight:normal;
	font-size:1.6em;
	margin:0 0 0.2em 0;
}

body.category-news h3,
body.single h3,
body.page h3,
body.search-results h3{
	font-family: "GTWalsheimRegular", Arial, san-serif;
	font-weight:normal;
	font-size:1.4em;
	margin:0 0 0.4em 0;
}

body.page .attachment-full{
	margin-bottom:2em;
}

a.navbar-brand{
	width:207px;
	height:20px;
	margin:16px 0 0 4px;
	background:url("/wp-content/uploads/2016/09/obos-header-logo.png") no-repeat;
	background-size:100%;
}

.subbannerrow{
	position:relative;
	color:#fff;
	text-align:center;
	padding:0;
}

.subbannerrow-inner{
	position:absolute;
	top:40%;
	left:0;
	margin:0 auto;
	text-align:center;
	width:100%;
}

.subbannerrow-inner h2{
	color:#fff;
	font-size:4.2em;
	padding:0 0 0.4em 0;
	margin:0;
}

.subbannerrow-inner a{
	font-weight:bold;
	font-size:1.4em;
	color:#fff;
	text-decoration:none;
	border-bottom:solid 1px #fff;
}

.subbannerrow-inner a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom:0;
}

.secondaryheaderrow{
	margin:20px auto 10px auto;
	text-align:center;
}

.secondaryheaderrow h2{
	font-family: "GTWalsheimRegular", Arial, san-serif;
	font-size:2.8em;
}

.productthumbnailsrow {
	margin:15px auto;
	text-align:center;
}

.productthumbnailsrow ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	margin:0;
}

.productthumbnailsrow ul li{
	margin:17px 17px 17px 15px;
	text-align:center;
	display:block;
	width:150px;
	height:120px;
	float:left;
	position:relative;
	font-size:0.9em;
	font-family: "GTWalsheimBold", Arial, san-serif;
}

.productthumbnailsrow li.cat-item{

}

.productthumbnailsrow li.cat-item a{
	margin:0 auto;
	text-align:center;
	color:#000;
	position:absolute;
	bottom:0;
	left:0;
	padding-top:100px;
	width:100%;
}

.row-container{
	margin:0 1rem 0 1rem;
}

.cat-item-8,
.cat-item-9,
.cat-item-10,
.cat-item-11,
.cat-item-12,
.cat-item-13,
.cat-item-14,
.cat-item-15,
.cat-item-16,
.cat-item-45,
.cat-item-18,
.cat-item-36{
	background-size:100%;
	background-repeat:no-repeat;
}
.cat-item-8{
	background-image:url(/wp-content/uploads/2016/09/seating-thumb.png);
}
.cat-item-9{
	background-image:url(/wp-content/uploads/2016/09/desking-thumb.png);
}
.cat-item-10{
	background-image:url(/wp-content/uploads/2016/09/breakout-thumb.png);
}
.cat-item-11{
	background-image:url(/wp-content/uploads/2016/09/tables-thumb.png);
}
.cat-item-12{
	background-image:url(/wp-content/uploads/2016/09/business-technology-thumb.png);
}
.cat-item-13{
	background-image:url(/wp-content/uploads/2016/09/lighting-thumb.png);
}
.cat-item-14{
	background-image:url(/wp-content/uploads/2016/09/acoustics-thumb.png);
}
.cat-item-15{
	background-image:url(/wp-content/uploads/2016/09/storage-thumb.png);
}
.cat-item-16{
	background-image:url(/wp-content/uploads/2016/09/ergonomics-thumb.png);
}
.cat-item-45{
	background-image:url(/wp-content/uploads/2016/09/office-supplies-thumb.png);
}
.cat-item-18{
	background-image:url(/wp-content/uploads/2016/09/reception-thumb.png);
}
.cat-item-36{
	background-image:url(/wp-content/uploads/2016/09/space-division-thumb.png);
}

a.download-pdf-link{
	display:inline-block;
	margin:1px;
	padding:1px 0 0 18px;
	height:14px;
	list-style:none;
	background:url("/wp-content/uploads/2016/10/pdf-icon.gif") no-repeat;
}

.logorow{
	background:#fff;
	margin:2.5rem 10px 2.5rem 10px;
}

.footerrow{
	background:#fff;
	font-size:1em;
	padding:0 10px 0 10px;
}

.footerrow h2{
	font-size:1em;
	margin:0;
	padding:0;
}

.footerrow table{
	margin:1.5rem 0 0 0;
}

.footerrow table td{
	line-height:2em;
}

body.single ul{
	padding:0 0 0 14px;
	margin:0;
}

body.single ul.slides{
	padding:0 !important;
}
/* Category Child Cats */
ul.thumbs{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

ul.thumbs li{
	list-style:none;
	float:left;
	text-align:center;
}

a.cat-thumb{
	display:block;
	width:256px;
	height:244px;
	color:#000;
	font-family:"GTWalsheimRegular", Arial, sans-serif;
	font-size:1.6em;
	line-height:1.4em;
	text-decoration:none;
	float:left;
	margin:10px 10px 10px 0;
	overflow:hidden;
}

.cat-header {
    clear: both;
    padding: 12px 0 6px 0;
}

body .cat-header h1{
    font-size:1.8em;
}

.post-item {
    float:left;
	width:152px;
	min-height:218px;
	max-height:218px;
	overflow:hidden;
	color:#000;
	font-family:"GTWalsheimRegular", Arial, sans-serif;
	font-size:1em;
	line-height:1.05em;
	text-decoration:none;
	margin:0px 31px 0px 0px;
	text-align:center;
}

body.category-37 .post-item{
	width:256px;
	height:264px;
	min-height:264px;
	margin:10px 10px 10px 0px !important;
	overflow:hidden !important;
	font-size:1.6em;
	line-height:1.4em;
}

body.category-37 .post-item img{
	max-height:264px;
	overflow:hidden !important;
}

.post-item-small {
	width:76px !important;
	height:134px;
	min-height:134px !important;
	max-height:134px !important;
	font-size:0.8em !important;
	line-height:1em !important;
	margin:15px 95px 15px 0px;
}


.post-group-container div:nth-child(6n){
	/*margin-right:0px;
	border-right:red solid 1px;*/
}

.post-item img{
	padding-bottom:10px;
}

.post-item a{
	color:#000;
}

.littleHouseIcon{
	display:block;
	float:left;
	margin:2px 4px 0 0;
	background:url("/wp-content/uploads/2016/09/littleHouseIcon.png") no-repeat;
	width:16px;
	height:12px;
}

a.pro-thumb{
	float:left;
	display:block;
	width:122px;
	height:26px;
	margin:8px 6px 0 0;
	padding:115px 0 0 4px;
	color:#CB0101;
	text-decoration:none;
	font-size:0.65em;
}

a.pro-thumb:hover{
	opacity:0.6;
}

.breadcrumbs {
	margin:0 0 10px 0;
	font-size:0.9em;
	color:#999;
}

.breadcrumbs a{
	color:#999;
}

.breadcrumbs a:hover{
	color:#333;
}

.requestedItemContainer{
	float:left;
	margin:5px 10px 5px 0;
	width:130px;
	height:150px;
	border:#e6e6e6 solid 1px;
	position:relative;
}

a.viewItem{
	color:#fff;
	background:#666;
	opacity:0.5;
	width:100%;
	display:block;
	text-align:center;
	font-size:0.9em;
}

a.removeItem{
	background:#999;
	color:#fff;
	font-weight:bold;
	padding:4px;
	border:solid 1px #999;
	position:absolute;
	top:0;
	right:0;
	line-height:1;
}

a.removeItem:hover,
a.viewItem:hover{
	text-decoration:none;
	background:#c0392b;
	color:#fff;
	opacity:1;
}

#toggle-search{
	width:43%;
	min-width:320px;
	background-color:#fff;
	overflow:hidden;
	padding:0px 0 5px 1%;
	float:right;
}

#toggle-search #s{
	width:78%;
	height:35px;
	padding:5px;
	margin:0 .05% 0 0;
	background-color:#fff;
	color:#333;
	float:left;
	display:inline;
	border:2px solid #999;
}

#toggle-search #search-button{
	float:left;
	display:inline;
	width:20%;
	min-width:68px;
}

a.magglassIcon,
a.heartIcon{
	margin:15px 0 0 0 !important;
	padding:0 !important;
	width:20px !important;
	height:20px !important;
	background-image:url("/wp-content/uploads/2016/10/sprite-01-1.png");
	background-repeat:no-repeat;
}
	
a.magglassIcon{
	 background-position: 0 -40px;
	 margin-right:15px !important;
}

a.magglassIcon:hover{
	background-position:0 -60px;
}

a.heartIcon{
	background-position:0 -20px;
}

a.heartIcon:hover{
	background-position:0 0;
}

a.redheart{
	background-position:0 0 !important;
}

.top-container{
	background:#fff;
}

#map {
    width: 100%;
    height:435px;
    max-height: 435px;
}

/* Media Queries */

/* Large desktops and laptops */
@media (min-width: 1200px) {

	.productthumbnailsrow ul li:nth-child(6n){
		margin-right:0;
	}

}

/* Landscape tablets and medium desktops */
@media (min-width: 981px) and (max-width: 1199px) {
	
	.productthumbnailsrow ul li:nth-child(5n) {
	    /*margin-right:0;*/
	}

}

/* Portrait tablets and small desktops */
@media (min-width: 767px) and (max-width: 980px) {

	.navbar-brand{
		width:118px;
		padding: 5px 5px;
		font-size: 1.1em;
		background:url("/wp-content/uploads/2016/10/obos-logo-grey.png") no-repeat;
		background-size:100%;
	}
	
	.subbannerrow-inner h2,
	.subbannerrow-inner h2{
		font-size:4em;
		padding:0 0 0.2em 0;
	}
	
	.subbannerrow-inner a{
		font-size:1.5em;
	}
	
	.productthumbnailsrow ul li {
		margin:32px 16px 16px 16px;
	}
	
	
	.productthumbnailsrow ul li:nth-child(4n) {
	    margin-right:0;
	}
	
	a.cat-thumb{
		width:160px;
		height:122px;
		font-size:0.9em;
		line-height:1.1em;
		margin:0px 15px 15px 0;
	}
	
}

/* Landscape phones and portrait tablets */
@media (min-width:479px) and (max-width: 766px) {
	
	.navbar-brand{
		width:118px;
		padding: 5px 5px;
		font-size: 1.1em;
		background:url("/wp-content/uploads/2016/10/obos-logo-grey.png") no-repeat;
		background-size:100%;
	}
	
	.subbannerrow-inner h2{
		font-size:3.2em;
		padding:0 0 0.1em 0;
	}

	.subbannerrow-inner a{
		font-size:1.3em;
	}
	
}

/* Portrait phones and smaller */
@media (min-width:361px) and (max-width: 480px) {
		
	.subbannerrow-inner h2{
		font-size:2.2em;
		padding:0 0 0.05em 0;
	}
	
	.subbannerrow-inner a{
		font-size:1.1em;
	}
		
	.navbar-brand{
		width:118px;
		padding: 5px 5px;
		font-size: 1.1em;
		background:url("/wp-content/uploads/2016/10/obos-logo-grey.png") no-repeat;
		background-size:100%;
	}
                
}

/* Portrait phones and smaller */
@media (max-width: 360px) {
	
	body.page h1, 
	body.category h1, 
	body.search-results h1,
	body.single h1{
	    font-size: 1.8em;
	    margin-bottom: 1em;
	}

	body.category-news h2,
	body.single h2,
	body.page h2,
	body.search-results h2{
		font-size:1.4em;
	}
	
	body.category-news h3,
	body.single h3,
	body.page h3,
	body.search-results h3{
		font-size:1.2em;
	}
	.breadcrumb{
		font-size:0.9em;
	}
	
	.navbar-brand{
		width:118px;
		padding: 5px 5px;
		font-size: 1.1em;
		background:url("/wp-content/uploads/2016/10/obos-logo-grey.png") no-repeat;
		background-size:100%;
	}
	
	.subbannerrow-inner h2{
		font-size:1.4em;
		padding:0 0 0.02em 0;
	}
	
	.subbannerrow-inner a{
		font-size:0.9em;
	}
	
	.secondaryheaderrow{
		margin:10px auto 10px auto;
		text-align:center;
	}
	
	.secondaryheaderrow h2{
		font-size:1.4em;
	}
		
	.productthumbnailsrow {
		margin:0px auto;
		overflow:hidden;
	}
	
	.productthumbnailsrow ul li{
		margin:8px;
		width:128px;
		height:110px;
		font-size:0.8em;
		font-family: "GTWalsheimRegular", Arial, san-serif;
	}
	
	.productthumbnailsrow li.cat-item a{
		padding-top:92px;
	}

	
	.post-item {
		width:60px;
		min-height:129px;
		max-height:129px;
		font-size:0.9em;
		line-height:1em;
		margin:0px 6px 6px 0px;
	}
	
	a.cat-thumb,
	body.category-37 .post-item{
		width:120px;
		height:110px;
		min-height:110px;
		font-size:1em;
		line-height:1.1em;
		margin:0px 15px 15px 0;
	}

	
	/*body.category-37 .post-item{
		width:200px
		height:294px;
		min-height:294px;
		margin:0px 66px 0px 0px;
	}*/

	/*body.category-37 .post-item {
		width:120px !important;
		min-height:208px !important;
		max-height:208px !important;
		font-size:0.9em !important;
		line-height:1.2em !important;
		margin:0px 12px 12px 0px !important;
	}*/
	
	div.caption-wrap{
		display:none;
	}

	div.caption-wrap div.caption{
		display:none;
	}
	
	#toggle-search{
		width:100%;
		background-color:#fff;
		overflow:hidden;
		padding:1px 0% 1px 0%;
	}
	
	#toggle-search #s{
		width:70%;
		padding:5px;
		margin:0 .05% 0 0;
		border:1px solid #999;
	}

	#toggle-search #search-button{
		width:25%;
	}

}