/*

Theme Name: Partners in Property
Theme URI: partnersinproperty.com.au
Description:  Partners in Property Pty Ltd. Powered by Bootstrap Framework wp-bootstrap-starter

Custom Design and Development by 8BM
Author: Eightball Media Digital Marketing Agency
Author URI: 8bm.com.au
Framework based on Bootstrap wp-bootstrap-starter

Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: business
Powered by Bootstrap CSS/HTML Framework

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Normalize
# Typography
# Accessibility
# Alignments
# Clearings
# Widgets
# Infinite scroll
# Media
# Captions
# Galleries
# Buttons
# Gutters
# Padding Elements

# Partners in Property

# DESIGN STRUCTURE
	## Heading Underlines
	## Pop Up Overlay
	## Header Search 
	## The sidebar menu 
    ## Top Bar / Navigation 
    ## Menus
    ## Banners
		## Home Banner Images
		## Page Banner Images
    ## Breadcrumbs
    ## Primary Content Area
	## Services Page
    ## Project View
	## Contact Page
    ## Posts and pages
	## List style for blog/category/tag pages 
	## Blog Grid
	## TEAM LIST
    ## Team View
    ## Masonry Grid https://w3bits.com/css-masonry/ 

# OTHER PROJECTS

# FOOTER

## SIDEBAR - Team Bio List

# Comments

# PLUGINS
    ## Contact Form 7
	## Highlight Search Term
	## Post Navigation
	## Woocommerce

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body { margin: 0; padding: 0; /* -webkit-font-smoothing: auto; */ }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
dfn { font-style: italic; }
mark {  background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 2.5rem; }
hr { box-sizing: content-box; height: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table {  border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body { 
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;           
    -webkit-hyphens:manual;
    -moz-hyphens:manual;
    hyphens:manual;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

h1 {
	font-size: 30px ; 
	line-height: 38px;
    font-weight: 400;
}

	h1.entry-title,
	h1.home-entry-title { font-size: 30px; line-height: 38px; margin:0 0 0 0; padding: 0; } 

	@media (min-width: 992px) {
		h1.entry-title, 
		.entry-content h1, 
		h1.home-entry-title { font-size: 40px; line-height: 48px; } 
	}

	@media (min-width: 1200px) { 
		h1.entry-title, 
		.entry-content h1,
		h1.home-entry-title { font-size: 50px; line-height: 58px; } 
	}


h2 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 300;
}

	h2.headingStatement { width: 90%; }
	h2.fontsize80 { font-size: 80px; line-height: 92px; width: 80%; }
    h2.entry-title, 
	.entry-content h2 { font-size: 26px; line-height: 34px; margin-bottom: 20px; }

	@media (min-width: 992px) {
		h2.headingStatement, 
		.entry-content h2,
		h2.entry-title { font-size: 32px; line-height: 40px; width: 80%; }
	}

	@media (min-width: 1200px) { 
		h2.headingStatement, 
		.entry-content h2,
		h2.entry-title { font-size: 40px; line-height: 48px; margin-bottom: 20px; }
	}

h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
}

    h3.widget-title { font-size: 22px }

	@media (min-width: 992px) {
		h3.entry-title, 
		.entry-content h3 { font-size:26px; line-height: 34px; margin-bottom: 20px; }
	}

	@media (min-width: 1200px) { 
		h3.entry-title, 
		.entry-content h3 { font-size:30px; line-height: 38px; margin-bottom: 20px; }
	}

h4 {
    font-size: 20px;
    line-height: 26px;
}

    h4.entry-title {  }
	h4.subHeadingSmallFont { color: #dea366; font-size: 18px; font-family: 'Open Sans', sans-serif;	margin: 0; 
	padding: 0;  }    
	.entry-content h4 { font-size: 20px; line-height: 28px; margin-bottom: 20px; }


h5 {
    font-size: 16px;
    line-height: 24px;
}

    h5.entry-title {  }
    .entry-content h5 { margin-bottom: 20px; }

.entry-content a { color: #fff; }
    .entry-content a:hover { color:#a98867; text-decoration: underline; }

.entry-content,
.entry-content p { font-size:14px; line-height:20px; margin-bottom: 20px; }

@media (min-width: 992px) {
	.entry-content,
	.entry-content p { font-size:18px; line-height:28px; margin-bottom: 24px; }
}

.entry-content ul,
.entry-content ol { padding:0; margin: 18px 0 24px 10px;  }
.entry-content ul li,
.entry-content ol li{
    padding: 0px 0 0px 10px;
    margin: 0 0 0 20px;
    -webkit-hyphens:manual;
    -moz-hyphens:manual;
    hyphens:manual;    
}


.font80 { font-size:80px; line-height: 90px; }
.font50 { font-size:50px; line-height: 60px; }
.font40 { font-size:40px; line-height: 50px; }
.font30 { font-size:30px; line-height: 40px; }
.font24 { font-size:24px; line-height: 34px; }
.font20 { font-size:20px; line-height: 30px; }

.spacer120 { height:120px; display: block; clear: both; }
.spacer100 { height:100px; display: block; clear: both; }
.spacer80 { height:80px; display: block; clear: both; }
.spacer50 { height:50px; display: block; clear: both; }
.spacer30 { height:30px; display: block; clear: both; }

.bold { font-weight:bold; }

.viewmore { font-size: 14px; line-height: 24px; text-align: center; }
	.viewmore a { color: #dea366 ; text-decoration: underline; }
	.viewmore a:hover { color: #e2b484; } 

ul.linedivide  { margin-top:0px ;  }
ul.linedivide { margin: 0; padding: 0;  }
ul.linedivide li { border-top: 1px solid #acd171; padding: 10px 0 10px 25px; margin: 0; list-style: none; background:url(images/list_image.png) no-repeat left; }

ul.linedividegrey  { margin-top:0px ;  }
ul.linedividegrey { margin: 0; padding: 0;  }
ul.linedividegrey li { border-bottom: 1px solid #dddddd; padding: 10px 0 10px 25px; margin: 0; list-style: none; background:url(images/list_image.png) no-repeat left; }
ul.linedividegrey li:last-child { border-bottom: none; }

.pageheader-scrolldown a span {
	position: absolute;
	bottom: 4%;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}

.pageheader-scrolldown a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: scrollDownButton 2s infinite;
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/*
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 0.313rem;
    line-height: normal;
    padding: 0.938rem 1.438rem 0.875rem;
    text-decoration: none;
    top: 0.313rem;
    width: auto;
    z-index: 100000;
}
*/

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
      outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft, .entry-content img.alignleft { float: left; margin-right: 1.5em; }
.alignright,.entry-content img.alignright { float: right; margin-left: 1.5em; }
.aligncenter, .entry-content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft { float: left; margin: 0.313rem 30px 30px 0; }
img.alignright { float: right; margin: 0.313rem 0 30px 30px; }
img.alignnone { margin: 0.313rem 30px 30px 0; }
img.aligncenter { display: block; margin-left: auto;  margin-right: auto; }

.wp-caption.alignnone { margin: 0.313rem 30px 30px 0; }
.wp-caption.alignleft { margin: 0.313rem 30px 30px 0; }
.wp-caption.alignright { margin: 0.313rem 0 30px 30px; }

.text-center img { text-align:center; float:none; margin:0 auto; }	

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
      margin: 0 0 1.5em;
      /* font-size: 0.875rem; */
      /* Make sure select navbar-brand fit in widgets. */
}
.widget select {
      max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
      display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #f2f2f2;  text-decoration: none; }

.half-rule {
    width: 6rem; margin: 2.5rem 0; 
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
      /* Theme Footer (when set to scrolling) */
      display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
      display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none; margin-bottom: 0; margin-top: 0; padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
      max-width: 100%;
}

/*--------------------------------------------------------------
# Captions
--------------------------------------------------------------*/

.wp-caption {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #efefef;
    max-width: 96%;
    padding: 5px;
    text-align: center;
}

.wp-caption img[class*="wp-image-"] {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    font-size: 0.688rem;
    line-height: 1.063rem;
    margin: 0;
    padding: 5px;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
# Galleries
--------------------------------------------------------------*/

.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-item .gallery-columns-2 { max-width: 50%; }
.gallery-item .gallery-columns-3 { max-width: 33.33333%; }
.gallery-item .gallery-columns-4 { max-width: 25%; }
.gallery-item .gallery-columns-5 { max-width: 20%; }
.gallery-item .gallery-columns-6 { max-width: 16.66667%; }
.gallery-item .gallery-columns-7 { max-width: 14.28571%; }
.gallery-item .gallery-columns-8 { max-width: 12.5%; }
.gallery-item .gallery-columns-9 { max-width: 11.11111%; }
.gallery-caption { display: block; } 

/*--------------------------------------------------------------
# Buttons 
--------------------------------------------------------------*/

a.orangeSolidButton { 
    font-size: 14px; 
	padding: 5px 10px; 
	text-transform: uppercase; 
	background: #e2b484; 
	color: #ffffff !important;
    border:none;
	display:inline-block;
    text-align: center;
	margin: 0;
}

a.orangeSolidButton:hover,
a.orangeSolidButton:focus,
a.orangeSolidButton:active {
    background: #a98867;
	border:none;
    text-decoration: none;
    color:#ffffff;
}	

a.orangeOutlineButton { 
    font-size: 20px; 
	font-weight: 900; 
	padding: 5px 10px;  
	text-transform: uppercase; 
	background: none; 
	color: #e2b484 ;
    border:4px solid #e2b484;
	display:inline-block;
    text-align: center;
	margin: 0;
}

a.orangeOutlineButton:hover,
a.orangeOutlineButton:focus,
a.orangeOutlineButton:active {
    background: #fcb040 !important;
	border:4px solid #a98867;;
    text-decoration: none;
    color:#a98867 !important;
}	

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	a.orangeSolidButton,
	a.orangeOutlineButton { padding: 15px 20px;  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
# Gutters
--------------------------------------------------------------*/

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.row.gutters-15 {
    margin-right: 15px;
    margin-left: 15px;
}
.row.gutters-15 > [class^="col-"],
.row.gutters-15 > [class*=" col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.row.gutters-30 {
    margin-right: 30px;
    margin-left: 30px;
}
.row.gutters-30 > [class^="col-"],
.row.gutters-30 > [class*=" col-"] {
    padding-right: 30px;
    padding-left: 30px;
}

.row.gutters-50 {
    margin-right: 50px;
    margin-left: 50px;
}
.row.gutters-50 > [class^="col-"],
.row.gutters-50 > [class*=" col-"] {
    padding-right: 50px;
    padding-left: 50px;
}

/*--------------------------------------------------------------
# Padding Elements
--------------------------------------------------------------*/

.no-padding,
.row.no-padding { padding: 0 !important;   margin: 0 !important; }

.p-50 { padding:50px; }
.p-60 { padding:60px; }
.p-70 { padding:70px; }
.p-80 { padding:80px; }
.p-90 { padding:90px ; }
.p-100 { padding:100px; }

.ptb-400 { padding-top:400px; padding-bottom: 400px; }
.ptb-350 { padding-top:350px; padding-bottom: 350px; }
.ptb-300 { padding-top:300px; padding-bottom: 300px; } .mtb-300 { margin-top:300px; margin-bottom: 300px; }
.ptb-250 { padding-top:250px; padding-bottom: 250px; }
.ptb-200 { padding-top:200px; padding-bottom: 200px; } .mtb-200 { margin-top:200px; margin-bottom: 200px; }
.ptb-150 { padding-top:150px; padding-bottom: 150px; }
.ptb-100 { padding-top:100px; padding-bottom: 100px; }
.ptb-80 { padding-top:80px; padding-bottom: 80px; }
.ptb-50 { padding-top:50px; padding-bottom: 50px; }
.ptb-40 { padding-top:40px; padding-bottom: 40px; }
.ptb-30 { padding-top:30px; padding-bottom: 30px; }
.ptb-20 { padding-top:20px; padding-bottom: 20px; }
.ptb-10 { padding-top:10px; padding-bottom: 10px; }

.pt-200 { padding-top:200px; }
.pt-150 { padding-top:150px; }
.pt-100 { padding-top:100px; }
.pt-90 { padding-top:90px; }
.pt-80 { padding-top:80px; }
.pt-70 { padding-top:70px; }
.pt-60 { padding-top:60px; }
.pt-50 { padding-top:50px; }
.pt-40 { padding-top:40px; }
.pt-30 { padding-top:30px; }

.pr-100 {  padding-right: 100px; }
.pr-80 {  padding-right: 80px; }
.pr-70 {  padding-right: 70px; }
.pr-60 {  padding-right: 60px; }
.pr-50 {  padding-right: 50px; }

.pb-100 { padding-bottom:100px; }
.pb-80 { padding-bottom:80px; }
.pb-50 { padding-bottom:50px; }
.pb-40 { padding-bottom:40px; }
.pb-30 { padding-bottom:30px; }
.pb-20 { padding-bottom:20px; }
.pb-10 { padding-bottom:10px; }

.pl-100 {  padding-left: 100px; }
.pl-80 {  padding-left: 80px; }
.pl-50 {  padding-left: 50px; }

.ptb-percentage25 { padding-top: 25%; padding-bottom: 25%; }
.ptb-percentage10 { padding-top: 10%; padding-bottom: 10%; }

/*--------------------------------------------------------------
# Partners in Property
--------------------------------------------------------------*/

body {
    background: #221f1d;
    /* Fallback for when there is no custom background color defined. */
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table { margin: 0 0 1.5em; width: 100%; }

.fade {
    opacity: 1.0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

.fade:hover {
    opacity: 0.4;
}

.fade70 {
    opacity: 1.0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

.fade70:hover {
    opacity: 0.3;
}

.fadeall {
    opacity: 1.0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

.fadeall:hover {
    opacity: 0.0;
}

.entry-content table td { border: none !important; }

.fill { oveflow:hidden; }
.fillimage { width:100%; height: 100%; object-fit: cover; }
.fillbg { padding-bottom: 100%; margin-bottom: -100%; }

.fullheight {
	min-height: 100%;
	height: 100%;

}

.vh-100 {
	min-height: 100vh;
	height: 100vh;
}

.align-center { margin: 0 auto; text-align: center; }
.vertical-align {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.desktop { display:block; }
.tablet { display:none; }
.mobile { display:none; }

.container { max-width: 1200px; margin: 0 auto; padding: 0;  }
.half-container { width: 600px;  margin: 0; padding: 0; }

    @media (max-width: 1199px) {
        .container { max-width: 100%; padding-left: 20px; padding-right: 20px; }
        .half-container { width: 100%; }
    }

/* Colors */
.white { color:#fff; }
.brown { color:#a08162;}
.orange { color:#dea366;}
.darkbrown { color:#625851; }

/* Backgrounds */
.whitebg { background:#fff; }
.creambg { background:#eae2de; }
.darkbrownbg { background:#292624; }
.orangebg { background:#e2b484; }

.brownopacitybg { background:url(images/brown_opacity_bg.png) repeat; padding: 0; margin: 0;   }

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

/*--------------------------------------------------------------
# DESIGN STRUCTURE
--------------------------------------------------------------*/

.pageheadinggap { padding-top:80px; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.page-mr-nav { margin-right:60px; }
	.pageheadinggap { padding-top:150px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

/*--------------------------------------------------------------
## Heading Underlines
--------------------------------------------------------------*/

.headingunderline { background:url("images/heading_underline.gif") repeat-x center; display: block; margin: 10px auto 20px; height: 1px; max-width: 400px; }

.headingunderline200 { background:url("images/heading_underline.gif") repeat-x center; display: block; margin: 10px auto 0 auto; float: none; height: 1px; max-width: 200px; }

.headingunderlineleft { background:url("images/heading_underline.gif") repeat-x center; display: block; margin: 10px 0 20px; height: 1px; max-width: 400px; }

.headingunderlineleft200 { background:url("images/heading_underline.gif") repeat-x center; display: block; margin: 10px 0 20px; height: 1px; max-width: 200px; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.headingunderline { margin: 50px auto 80px; height: 3px; }
	.headingunderline200 { height: 3px; }
	.headingunderlineleft {  margin: 20px 0 30px; height: 3px; }
	.headingunderlineleft200 { margin: 20px 0 30px; height: 3px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
## Top Bar / Navigation 
--------------------------------------------------------------*/

#header { 
	width: 100%; 
    display: block; 
	position: fixed; 
	z-index: 100;
    
	/* 
    width: 100%;
    height: 65px;

    position: fixed;
    top: 0;
    left: 0;

    z-index: 100 !important;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;  
	*/
}

#header nav { padding-left: 0; padding-right: 0; }

    #header .logo { float: left; text-align: left; padding: 0 0 10px 0; }
        #header .logo img { height:36px; }		

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	#header { height: 85px; }
	#header .logo { padding: 10px 0 10px 10px;  }
	#header .logo img { height:60px; }	

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
Pop Up Overlay
--------------------------------------------------------------*/

.overlay .overlay-logo {
	width: 40px;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 100;
}

.mainmenu { text-align:center; }

.menucontact a { color: #fff; }
.menucontact a:hover { color:#a98867; }
.socialoverlay { text-align: center; margin-top: 50px; font-size: 30px;  }
.socialoverlay ul { margin:0; padding: 0; }
.socialoverlay ul li { display: inline-block; list-style: none;    }
.socialoverlay a {  color:#fff;  }
		.socialoverlay a:hover,
		.socialoverlay a:focus, 
		.socialoverlay a:active { color:#a98867; }

.overlay button { background:none; color: #877a71;  }
.overlay input.search-field:hover,
.overlay input.search-field:active,
.overlay input.search-field:focus { color:#fff !important; }
.overlay .search-form { margin-bottom: 80px; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	.mainmenu { text-align:left; }
	.socialoverlay { text-align: left;  margin-top: 0; font-size: 40px;  }
	.socialoverlay ul li { margin-right: 20px; }
	
	.overlay .overlay-logo {
		width: 90px;
	}

}

/*--------------------------------------------------------------
Header Search 
--------------------------------------------------------------*/

.search { text-align: center; padding-top: 16px; }
.search-field { background:none; border-top:none !important; border-left:none !important; border-right:none !important; border-bottom: 1px solid #877a71; font-size: 14px; color:#fff ; opacity: 1; }
.search-submit {
	background-color:none;
	border: none;
}

#header button { background:none; color: #877a71;  }
#header input.search-field:hover,
#header input.search-field:active,
#header input.search-field:focus { color:#fff !important; }

/*--------------------------------------------------------------
## The sidebar menu 
--------------------------------------------------------------*/

.fa.fa-navicon {
  	color:#241d19; 
}

.navbar-toggler { 
	margin:26px 20px 0 0; 
	padding: 0;
	font-size:30px; cursor:pointer; 
	top: 0;
	right: 0;
	position: fixed;
	z-index: 2000;
}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sidenav_fixed */

.fullheightnav {
	height: 100%;
	width: 60px;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	background-color: #e2b484;
	overflow-x: hidden;
}

.fullheightnav a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 25px;
	color: #221f1d;
	display: block;
}

.fullheightnav a:hover {
  	color: #a98867;
}

.mobilenav {
	z-index: 1000;
	top: 0;
	right: 0;
	position: fixed;
}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {  }

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {  }

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) {  
		.navbar-toggler { margin:40px 12px 0 0px; font-size:40px; } 
	}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.current_page_item,
.current-menu-item { color:#dea366 ; }

/*--------------------------------------------------------------
## Banners
--------------------------------------------------------------*/

#bannerfullheight { height: 100%; }
#banner { margin: 0; padding: 0;  }

	#homebanner {  }
	#homebanner .homebannerimage {  width: 100%; height: 100%; overflow:hidden; margin:0; padding:0; position: relative; z-index: 1; }
    #homebanner .homebannerimage img {  min-height: 1024px; object-fit:cover; }

    .contentoutputhome { padding-right: 15px; padding-left: 15px; padding-top: 80px; }

    .pagebannertext { padding-top: 50px; padding-bottom: 50px; text-align: center; }

	.pagebannertext h1 {}

	.mobilehomebanner img { padding-bottom: 20px; min-height: 200px; object-fit:cover;}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {  }

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {  }

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) { 
		.contentoutputhome { padding-right: 80px; padding-left: 40px; }
 		.pagebannertext { padding-top: 150px; padding-bottom: 150px; }
		.pagebannertext h1 {}
	}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {  }


	@media (max-width: 991.98px) { 
		#homebanner.vh-100 {
			min-height: auto;
			height: auto;
		}
	}

/*--------------------------------------------------------------
## Home Banner Images
--------------------------------------------------------------*/

.pip_home_1 { height: 100%; background: url(images/bannerhome/pip_home_1.jpg) no-repeat center center;
object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_2 { height: 100%; background: url(images/bannerhome/pip_home_2.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_3 { height: 100%; background: url(images/bannerhome/pip_home_3.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_4 { height: 100%; background: url(images/bannerhome/pip_home_4.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_5 { height: 100%; background: url(images/bannerhome/pip_home_5.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_6 { height: 100%; background: url(images/bannerhome/pip_home_6.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_7 { height: 100%; background: url(images/bannerhome/pip_home_7.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_8 { height: 100%; background: url(images/bannerhome/pip_home_8.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_9 { height: 100%; background: url(images/bannerhome/pip_home_9.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_10 { height: 100%; background: url(images/bannerhome/pip_home_10.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_11 { height: 100%; background: url(images/bannerhome/pip_home_11.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_12 { height: 100%; background: url(images/bannerhome/pip_home_12.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_13 { height: 100%; background: url(images/bannerhome/pip_home_13.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}
.pip_home_14 { height: 100%; background: url(images/bannerhome/pip_home_14.jpg) no-repeat center center; object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
}

/*--------------------------------------------------------------
## Page Banner Images
--------------------------------------------------------------*/

.pip_page_banner_1 { background: url(images/bannerpages/pip_page_1.jpg) no-repeat center center; background-size: auto; 
	/* object-fit:cover; object-position: 50% 50%; object-position: 0 0; 
	-webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; 
	*/
}

.pip_page_banner_2 { background: url(images/bannerpages/pip_page_2.jpg) no-repeat center center;  background-size: auto; 
}

.pip_page_banner_3 { background: url(images/bannerpages/pip_page_3.jpg) no-repeat center center;  background-size: auto; 
}

.pip_page_banner_4 { background: url(images/bannerpages/pip_page_4.jpg) no-repeat center center;  background-size: auto; 
}

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbcontainer { font-size:14px; margin: 0 auto; padding: 0; text-align: center;  background: none; color:#dea366; font-family: 'Open Sans', sans-serif; }
    .breadcrumbcontainer a { color: #dea366; text-decoration: underline;  }
    .breadcrumbcontainer a:hover { color:#a98867;  }

.breadcrumbs { margin:0; padding: 0;  }

/*--------------------------------------------------------------
## Primary Content Area
--------------------------------------------------------------*/

#homecontent {  }

#homecontent .homebanner img { object-fit:cover;  }

#pagecontent { padding-top: 40px; padding-bottom: 30px; }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#pagecontent { padding-top: 60px; padding-bottom:40px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#pagecontent { padding-top: 80px; padding-bottom: 60px; }
}

/*--------------------------------------------------------------
## Services Page
--------------------------------------------------------------*/       

#servicescontent { padding-top: 40px; padding-bottom: 30px; }

	#servicescontent .pl-80 { padding-left:0px; }
	#servicescontent .pr-80 { padding-right:0px; }	

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#servicescontent { padding-top: 60px; padding-bottom: 40px; }
	#servicescontent .pl-80 { padding-left:80px; }
	#servicescontent .pr-80 { padding-right:80px; }	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
}

/*--------------------------------------------------------------
## Project
--------------------------------------------------------------*/        
        
#projectview {  } 
	
#projectview .projettitle h1 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 500;  font-size: 30px;
    line-height: 38px;  }
	#projectview .projettitle h1 a { color: #dea366 ; text-decoration: underline; }
	#projectview .projettitle h1 a:hover { color: #e2b484 ; }
	#projectview .description h1 { font-size: 24px; font-weight: bold; font-family: 'Open Sans', sans-serif; line-height:30px; margin:0 0 16px 0; }	
		#projectview .description h1 a { color:#dea366; }
		#projectview .projettitle h1 a:hover { color: #e2b484 ; }

	.projectdetails { font-size: 14px; line-height: 24px; margin-bottom: 30px;  }

#projectview .featuredimage,
#projectcontent .featuredimage { margin-bottom: 30px; }

#projectcontent .projettitle h3 { margin-bottom: 30px; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 500;  }
	#projectcontent .projettitle h3 a { color: #dea366 ; text-decoration: underline; }
	#projectcontent .projettitle h3 a:hover { color: #e2b484 ;}

#projectview h2.headingStatement,
#projectcontent h2.headingStatement { width: 100%; margin: 0 auto 10px auto; text-align: center; }
#projectview .headingunderlineleft200,	
#projectcontent .headingunderlineleft200 { margin:0 auto 30px auto; }
#projectcontent .projectmenunav { display: none; }

.projectmenu h4 { font-family: 'Open Sans', sans-serif; }
	.projectmenu h4 a { color: #898988; }
		.projectmenu h4 a:hover { color: #dea366; }

#projectcontent .projectdetails h3,
#projectcontent .description h3 { display:none; }

.project-email a, .project-phone a { color:#dea366; }
.project-email a:hover, .project-phone a:hover { color:#e2b484; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#projectview { padding-top: 80px; } 
	#projectview .projettitle h1 { display:none; }
	
	#projectcontent { padding-top:100px; }
	#projectcontent .projettitle h3 { display: none; }
	#projectcontent .projectmenunav { display: block; } 
	#projectcontent .projectdetails { margin-bottom: 50px;  }
	#projectcontent .projectdetails h3 { display:block; }
	#projectcontent .description h3 { display:block; }	
	#projectcontent .featuredimage { margin-bottom: 80px; }
	#projectview h2.headingStatement,
	#projectcontent h2.headingStatement { text-align: left; margin: 0 auto 20px auto;   }
	#projectview .headingunderlineleft200, 
	#projectcontent .headingunderlineleft200 { text-align: left; margin-left: 0; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/   

#contactcontent { padding: 0; margin: 0;  } 
	#contactcontent h2.fontsize80 { margin-bottom: 100px; }
	/*
	#contactpageform p,
	#contactcontent .table-responsive table { font-size: 14px; }
	*/

#contactcontent .pr-70 { padding-right: 0; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#contactcontent .pr-70 { padding-right: 70px; }
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.entry-footer {  font-size: 14px;  }
    .entry-footer span .icon { color:#dea366 !important; }
    .entry-footer a { color:#dea366 ;  }
    .entry-footer a:hover { color:#e2b484; text-decoration: underline; }
    .entry-footer .tags { margin: 0; padding: 0;}

#content.site-content { /* padding-bottom: 3.75rem; padding-top: 4.125rem; */ }

.sticky .entry-title::before {
    content: '\f08d';
    font-family: fontawesome;
    font-size: 1.563rem;
    left: -2.5rem;
    position: absolute;
    top: 0.375rem;
}

.sticky .entry-title { position: relative; }
.single .byline, .group-blog .byline { display: inline; }

.page-content,
.entry-content,
.entry-summary {
      /* margin: 1.5em 0 0; */
}

.page-links { clear: both;  margin: 0 0 1.5em; }
.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content { margin-top: 0; }
.post.hentry { margin-bottom: 4rem; }
.posted-on, .byline, .comments-link { color: #9a9a9a; }
.entry-title > a { color: inherit; }


/*--------------------------------------------------------------
List style for blog/category/tag pages 
--------------------------------------------------------------*/

#col1of1llistblogpage article { margin: 0 0 30px 0; padding: 0; }
#col1of1llistblogpage h3 { font-size: 22px;  color: #dea366; }
#col1of1llistblogpage h3 a { color:#dea366; }
#col1of1llistblogpage h3 a:hover { color:#a98867; }

#col1of1llistblogpage .thumbnail { float: left; margin-bottom: 20px; }
    #col1of1llistblogpage .thumbnail img { height: 200px; object-fit:cover; }
    #col1of1llistblogpage .textOutput { float: right; }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#col1of1llistblogpage .thumbnail img { height: 160px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
## Blog Grid
--------------------------------------------------------------*/

#bloggrid { padding: 0; margin: 0;  }

#bloggrid h3 { font-size: 22px;  color: #dea366; }
#bloggrid h3 a { color:#dea366; }
#bloggrid h3 a:hover { color:#a98867; }

	#bloggrid .thumbnail { float: left; margin-bottom: 20px; background: #e2b484;  }
    #bloggrid .thumbnail img { height: 150px; object-fit:cover; }


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	#bloggrid .thumbnail img { height: 200px;  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#bloggrid .thumbnail img { height: 300px;  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#bloggrid { }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#bloggrid {  }
}

/*--------------------------------------------------------------
## TEAM LIST
--------------------------------------------------------------*/

#teamlist { padding-top: 40px; padding-bottom: 30px; }

#teamlist .subHeadingSmallFont { margin: 0 auto; text-align: center; }
#teamlist h2.headingStatement {  width: 100%; margin: 0 auto 30px auto; text-align: center; }
#teamlist .headingunderlineleft200 { margin:0 auto 30px auto; }

	#teamlist article .biolistthumbnailshort {  max-width: 600px;  overflow:hidden; margin:0; padding:0; position: relative;
        z-index: 1;     }

    #teamlist article .biolistthumbnailshort img { height:200px; object-fit:cover;  
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  		filter: grayscale(100%); 
		transition: all 0.5s ease;
	}

    #teamlist article .biolistthumbnailshort img:hover { object-fit:cover;  
		-webkit-filter:  grayscale(0); 
		filter:none; 	
	}

	#teamlist article .biolistthumbnail {  max-width: 600px;  overflow:hidden; margin:0; padding:0; position: relative;
        z-index: 1;   }
    #teamlist article .biolistthumbnail img { height:400px; object-fit:cover;  
		-webkit-filter: grayscale(100%); 
  		filter: grayscale(100%); 
		transition: all 0.5s ease;
	}

	#teamlist article .biolistthumbnail img:hover {
		-webkit-filter:  grayscale(0); 
		filter:none; 	
	}

	#teamlist h3 { font-size: 22px; }

	#teamlist .bioteamlistprofile  { text-align: center; padding-top: 15px; }
	#teamlist .bioteamlistposition { font-size:14px; color: #dea366; text-align: center; margin: 0; padding: 0; line-height: 22px; }

	#teamlist .teamSocial { margin-top: 10px; }
 	#teamlist .teamSocial ul { margin:0 auto; padding: 0; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#teamlist article .biolistthumbnailshort img { height:300px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#teamlist .subHeadingSmallFont { text-align: left; }
	#teamlist h2.headingStatement { text-align: left; }
	#teamlist .headingunderlineleft200 { margin-left:0; }
	#teamlist article .biolistthumbnailshort img { height:350px; }
	#teamlist h3 { font-size: 30px; }
	#teamlist { padding-top: 60px; padding-bottom: 40px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#teamlist article .biolistthumbnailshort img { height:400px; }
	#teamlist { padding-top: 80px; padding-bottom: 60px; }
}

/*--------------------------------------------------------------
## TEAM VIEW
--------------------------------------------------------------*/

#teamview {  } 

	#teamview .biothumbnail { margin-top: 80px;
        z-index: 1;   }
    #teamview .biothumbnail img { height:400px; object-fit:cover;  
	}

	.bioprofile { padding-top: 50px;  }
		.bioprofile h1 { line-height: 30px;  } 
		.bioprofile .subHeadingSmallFont { color:#dea366; }
	.teamSocial ul { margin:0; padding: 0; }
	.teamSocial ul li { list-style: none; display: inline; margin-right: 20px;  }
	.teamSocial a { color:#ffffff; }
		.teamSocial a:hover { color:#dea366; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { #teamview .biothumbnail img  { height:600px; } }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  #teamview .biothumbnail img  { height:700px; }  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	.bioprofile { padding: 0 80px 0 80px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
## SIDEBAR - Team Bio List
--------------------------------------------------------------*/

#sidebarTeamList { margin-top: 100px; margin-bottom: 80px;  }
	
	#sidebarTeamList .profile { padding:15px; border-bottom:1px solid #766b65;  }

	#sidebarTeamList .textOutput { margin:0 15px 0 0; float: left; display: block;}

	#sidebarTeamList .bioSidebarThumbnail { margin-right:15px; width:60px; height: 60px; display: block; float: left; overflow:hidden; background: #e2b484; }
 	#sidebarTeamList .bioSidebarThumbnail img {  object-fit:cover; }

	#sidebarTeamList .bioSidebarPosition { font-size:14px; }

	#sidebarTeamList h4 { font-family: 'Open Sans', sans-serif; }
		#sidebarTeamList h4 a { color:#fff; }
		#sidebarTeamList h4 a:hover { color:#e2b484; }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.sidebarTeam { border-left:1px solid #766b65; } 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
## Masonry Grid https://w3bits.com/css-masonry/ 
--------------------------------------------------------------*/

.masonry {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -moz-column-fill: initial;
    -webkit-column-fill: initial;
    column-fill: initial;
}

.masonry .brick {
      margin-bottom: 30px;
}

.masonry .brick img {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.masonry .brick:hover img {
     opacity: .75;
}

.masonry.bordered {
    -moz-column-rule: 1px solid #eee;
    -webkit-column-rule: 1px solid #eee;
    column-rule: 1px solid #eee;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
}

.masonry.bordered .brick {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.masonry.gutterless {
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
}

    .item {
        background-color: #000;
        position: relative;
    }

    .item img {
        opacity: 1;
        display: block;
        width: 100%;
        height: auto;
        transition: .5s ease;
        backface-visibility: hidden;
    }

    .middle {
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);        
        text-align: center;
    }
        
        .middle h3 { margin-bottom:0px; padding-bottom: 0px; }
        .middle h3, .middle h3 a, .middle p { color:#fff !important; }
        .middle h3:hover, .middle h3 a:hover, .middle p:hover { text-decoration: none; cursor:pointer; }

    .item:hover img {
        opacity: 0.2;
        cursor:pointer;
    }

    .item:hover .middle {
        opacity: 1;
    }

.span {
    -moz-column-span: all;
    -webkit-column-span: all;
    column-span: all;
    *margin: 30px 0;
}

/* Grid break responsive queries search-submit*/
.masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

@media (min-width: 768px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1024px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

/*--------------------------------------------------------------
# sCROLL Down
--------------------------------------------------------------*/

.ct-btn-scroll {
	width: 49px;
	height: 49px;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 500px;
	z-index: 9;
	border-radius: 50%;
	-webkit-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
}

img, 
figure {
  	max-width: 100%;
}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/

#footer { 
	padding: 30px 0 30px 0; margin: 0; font-size: 14px; display: block; 
	background:#292624; 
}

    .footersocial {  color:#fff;   }
	.footersocial ul { margin:0; padding: 0; }
	.footersocial ul li { display: inline-block; list-style: none;  font-size:30px; margin-right: 20px; }
        #footer a,
        .footermenu a { color:#fff; font-weight: 500; }
            #footer a:hover,
            .footermenu a:hover,
            .footermenu a:focus, 
            .footermenu a:active { color:#625851; text-decoration: underline; }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#footer { padding: 80px 0 30px 0; margin: 0;  background: #e2b484; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/

.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; } 
.comment-body .pull-left { padding-right: 0.625rem; }
.comment-list .comment { display: block; }
.comment-list { padding-left: 0; }
.comments-title { font-size: 1.125rem; }
.comment-list .pingback { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.563rem 0; }
.comment-list .pingback:first-child { border: medium none; }

/*--------------------------------------------------------------
# PLUGINS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Highlight Search Term
--------------------------------------------------------------*/

mark.hilite { background-color: #dea366 ; }

/*--------------------------------------------------------------
## Contact Form 7
--------------------------------------------------------------*/

/* Placeholder text color -- selectors need to be separate to work. 
::-webkit-input-placeholder { color: #716861; }
:-moz-placeholder {	color: #716861; }
::-moz-placeholder { color: #716861; opacity: 1; }
:-ms-input-placeholder { color: #716861; }
*/

.form-control::placeholder {
	color: #716861;
	opacity: 1;
}
.form-control::-moz-placeholder {
	color: #716861;
	opacity: 1;
}

.form-control {
	display: block;
    color: #716861;
    background:none;
	background-clip: padding-box;
	/*
    border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    */
}

.wpcf7-form input[type="password"],
.wpcf7-form input[type="datetime"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="month"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="week"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="color"],
.wpcf7-form .uneditable-input,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7 select {
    outline: none;
    box-shadow:none !important;
	margin-bottom:30px;
	width:100%; 
	/* padding:7px 10px; */
	color: #716861;
	border-left:0; border-top: 0; border-right:0;
	border-bottom: 1px solid #3d3936 !important;
    font-size:18px; line-height:28px;
    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;  
}

.wpcf7-form textarea { height:50px; margin-bottom:5px !important; color:#716861 ; }

.wpcf7-form input[type="text"]:hover,
.wpcf7-form input[type="tel"]:hover,
.wpcf7-form input[type="password"]:hover,
.wpcf7-form input[type="datetime"]:hover,
.wpcf7-form input[type="datetime-local"]:hover,
.wpcf7-form input[type="date"]:hover,
.wpcf7-form input[type="month"]:hover,
.wpcf7-form input[type="time"]:hover,
.wpcf7-form input[type="week"]:hover,
.wpcf7-form input[type="number"]:hover,
.wpcf7-form input[type="email"]:hover,
.wpcf7-form input[type="url"]:hover,
.wpcf7-form input[type="search"]:hover,
.wpcf7-form input[type="tel"]:hover,
.wpcf7-form input[type="color"]:hover,
.wpcf7-form .uneditable-input:hover,
.wpcf7-form textarea:hover,
.wpcf7-form select:hover
{
	color:#3d3936 ;
    border-bottom: 1px solid #3d3936;
    box-shadow:0 !important;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="password"]:focus,
.wpcf7-form input[type="datetime"]:focus,
.wpcf7-form input[type="datetime-local"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form input[type="month"]:focus,
.wpcf7-form input[type="time"]:focus,
.wpcf7-form input[type="week"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="search"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="color"]:focus,
.wpcf7-form .uneditable-input:focus, 
.wpcf7-form textarea:focus,
.wpcf7-form select:focus
{
    background: none;
    color:#3d3936 ;
    border-bottom:1px solid #3d3936 ;
    box-shadow:0 !important;  
    outline: none !important;
}

.wpcf7-form input[type="submit"] { 
	margin-top: 50px;
    font-size:18px; 
	padding: 10px 30px; 
	background: #776d66; 
	color: #fff;
    border:none;
	float:left !important;
	display:block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;   
}

.wpcf7-form input[type="submit"]:hover {
    color: #fff !important; background: #e2b484; text-decoration: none;
}

span.wpcf7-not-valid-tip { 
	background: #be1a1a; color: #fff; font-size:12px; margin-bottom:10px; padding-left:10px; padding-right:10px; line-height:20px !important;
}

.wpcf7-validation-errors { background: #be1a1a; color: #fff; font-size:12px; line-height:20px !important; border:none !important; padding-bottom:3px !important;
}

/*--------------------------------------------------------------
## Post Navigation
--------------------------------------------------------------*/

#postNavigiation { font-size:14px; font-weight:700; text-align:center; padding:50px 0; margin: 10px auto 10px auto; display:block; clear:both; float: none; }

    #postNavigiation > div.wp-pagenavi > span.pages { background:#625851; color:#fff; border:none; padding:10px 12px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px;	border-radius: 1px; }
    #postNavigiation > div.wp-pagenavi > span.current { background:#625851; color:#fff; border:none; padding:10px 12px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
    #postNavigiation > div.wp-pagenavi > a.page.larger {  background:#625851;  color:#fff !important; border:none; padding:10px 12px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
    #postNavigiation > div.wp-pagenavi > a.previouspostslink { background:#625851;  color:#fff !important; border:none; padding:10px 12px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
    #postNavigiation > div.wp-pagenavi > a.page.smaller { background:#625851;  color:#fff !important; border:none; padding:10px 12px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
    #postNavigiation > div.wp-pagenavi > a.nextpostslink { background:#625851;  color:#fff !important; border:none; padding:10px 12px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

    #postNavigiation > div.wp-pagenavi > a.last { background:#625851;  color:#fff !important; border:none; padding:10px 10px; margin-left:3px; margin-right: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

        div#postNavigiation > div.wp-pagenavi > a.page.larger:hover,
        div#postNavigiation > div.wp-pagenavi > a.nextpostslink:hover,
        div#postNavigiation > div.wp-pagenavi > a.previouspostslink:hover,
        div#postNavigiation > div.wp-pagenavi > a.page.smaller:hover,
        #postNavigiation > div.wp-pagenavi > a.last:hover {  background:#625851; color:#fff !important; }

/* Previous and Next Articles */
#nav-articles-bottom { font-size:14px; margin-top: 20px; border-top:1px solid #e2b484; border-bottom:1px solid #e2b484; clear: both; display: block; padding-top: 10px; padding-bottom: 0px; }

    #nav-articles-bottom .arrow-right { font-size: 40px; color:#e2b484; margin-left: 10px; display: none; }
    #nav-articles-bottom .arrow-left { font-size: 40px; color:#e2b484; margin-right: 10px; display: none; }
    #nav-articles-bottom .next, 
    #nav-articles-bottom .prev { font-size:14px; line-height: 14px; color:#e2b484; margin-top: 12px; }

    #nav-articles-bottom div.nav-next p.float-right a,
    #nav-articles-bottom div.nav-previous p.float-left a { font-size:14px; line-height:30px; }

	#nav-articles-bottom > div.nav-previous { float:left; text-align:left; }
	#nav-articles-bottom > div.nav-next { float:right; text-align:left; }
	
		#nav-articles-bottom a { 
			margin:0px auto;
			display: block; 
            width:100%; height:100%;
			color:#e2b484; 	
		}
			#nav-articles-bottom div.col-6.nav-next a:hover, 
            #nav-articles-bottom div.col-6.nav-previous a:hover { color:#625851 !important; text-decoration:none; }

            #nav-articles-bottom div.col-6.nav-next a p.arrow-right:hover,
            #nav-articles-bottom div.col-6.nav-previous a p.arrow-left:hover { color:#625851 !important; text-decoration:none; }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) { 
        #nav-articles-bottom .arrow-right { display: block; }
        #nav-articles-bottom .arrow-left { display: block; }
    }

/*--------------------------------------------------------------
## Hide Google reCaptcha
--------------------------------------------------------------*/

.rc-anchor-invisible {
    opacity: 0 !important;
}

.grecaptcha-badge {
	display: none;
}

/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*
===============================================================
# MEDIA QUERIES
===============================================================
*/

@media only screen and (max-width: 1190px) {
    #content { text-align:left; }
}

/*--------------------------------------------------------------
## Large devices (desktops, less than 1200px)
--------------------------------------------------------------*/
@media (max-width: 1199.98px) {
    html {
        font-size: 95%;
    }
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    html {
        font-size: 90%;
    }
}

/*--------------------------------------------------------------
## Medium devices (tablets, less than 992px)
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
    html {
        font-size: 85%;
    }
}

/*--------------------------------------------------------------
## Small devices (landscape phones, less than 768px)
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
    html {
        font-size: 80%; 
    }
} 

/*--------------------------------------------------------------
## Extra small devices (portrait phones, less than 576px)
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
    html {
        font-size: 75%; 
    }
}