/*
    Theme Name: Bryant Furnishings
    Author: We Are 778 / BIOSTALL
*/


body                                                { background:#FFF; margin:16px 0; font-family: "proxima-nova",sans-serif;}

.single-service-gallery                             { margin:0;}
.single-service-gallery header,
.single-service-gallery footer                      { display:none;}

.table                                              { display:table; width:100%; height:100%; }
.table-cell                                         { display:table-cell; width:100%; height:100%; vertical-align:middle; }

/*Header*/

header                                              { position:relative; background:#FFF; }
header .small-logo                                  { /*display:none;*/ float:left; /*margin-top:16px;*/ margin-bottom:16px; margin-left:20px;}
.page-id-22 header .small-logo,
.single-post header .small-logo, 						
.page-template-service-template header .small-logo,
.page-template-about-template header .small-logo 						{ display:block; }
header .centre-logo                                 { max-width:317px; margin:0 auto;}
header .centre-logo a 								{ background-color:#FFF; width:317px; height:95px; display:inline-block; padding:15px 20px 10px 15px;}
header .journal-link                                { position:absolute; top:0px; right:90px;}
header .journal-link a                              { font-family: adobe-caslon-pro, serif; background:#FFF; color:#1b1b1b; text-transform:uppercase; font-size:16px; padding:0 10px; border:1px solid #FFF;}

.floating-header header                             { /*position:absolute; top:0px; left:0; width:100%; z-index:100;*/}
.floating-header header .small-logo                 { /*margin-left:36px;*/}

/*Homepage*/

.cycle-banner                                       { /*margin-top:-94px;*/}
.cycle-banner .banner-image                         { text-align:center; width:100%; height:100%;}
.cycle-banner .banner-image h3                      { font-size:40px; line-height:50px; font-family: Geomanist, sans-serif; font-weight:bold; text-rendering: optimizeLegibility; color: #58585a; text-transform:uppercase; letter-spacing:3px;}
.cycle-banner .banner-image span                    { font-size:20px; font-family: "proxima-nova",sans-serif; font-weight:300;}
.cycle-banner .banner-image .pagination ul          { list-style-type:none; text-align:center; margin:0; margin-top:24px;}
.cycle-banner .banner-image .pagination ul li       { display:inline-block; background-color:#FFFFFF; border-radius:50%; height:15px; width:15px; margin:0px 7px; box-shadow: 0px 0px 10px #e1e1e1; transition:background-color 0.2s linear; -webkit-transition:background-color 0.2s linear;}
.cycle-banner .banner-image .pagination ul li:hover { background-color:#1b1b1b;}
.cycle-banner .banner-image .pagination ul li.active{ background-color:#1b1b1b;}
.cycle-banner .banner-image .pagination ul li a     { display:inline-block; height:100%; width:100%;}

/*Page Content*/

/*About Page*/

.about-page                                         { padding:170px 0 80px 0; /*margin-top:-94px;*/}

.about-page .about-content h1                       { text-align:right; font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:60px; margin-bottom:50px;}
.about-page .about-content .section .line           { width:60px; height:1px; background-color:#000; float:right; margin-bottom:60px;}
.about-page .about-content .section p               { text-align:right}
.about-page .about-content .section a.button        { display:inline-block; text-transform:uppercase; font-size:16px; letter-spacing:1px; color:#000000; background:#FFF; border-radius:0px; float:right;}
.about-page .about-content .section a.button.active,
.about-page .about-content .section a.button:hover  { background:#1b1b1b; color:#7d7d7d}

.about-page .about-content label                    { font-size:14px; line-height:14px; margin-bottom:10px;}
.about-page .about-content input                    { border-radius:0px; border-color:#b5b5b5; background-color:#f3f3f3; font-size:14px;}
.about-page .about-content select                   { border-radius:0px; border-color:#b5b5b5; background-color:#f3f3f3; font-size:14px;}
.about-page .about-content textarea                 { border-radius:0px; border-color:#b5b5b5; background-color:#f3f3f3; font-size:14px;}
.about-page .about-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777;
}
.about-page .about-content ::-moz-placeholder { /* Firefox 19+ */
  color: #777;
}
.about-page .about-content :-ms-input-placeholder { /* IE 10+ */
  color: #777;
}
.about-page .about-content :-moz-placeholder { /* Firefox 18- */
  color: #777;
}
.about-page .about-content input[type="submit"]     { border:0; float:left; background-color:#FFF; color:#7d7d7d; text-transform:uppercase; font-size:16px; letter-spacing:2px; cursor:pointer; padding:10px 22px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.about-page .about-content input[type="submit"]:hover    { background-color:#1b1b1b; }

.about-page .about-buttons                          { padding-left:25%}
.about-page .about-buttons a.button                 { display:block; padding-top:1.25em; font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:16px; color:#7d7d7d; background:#FFF; border-radius:0px; }
.about-page .about-buttons a.button.active,
.about-page .about-buttons a.button:hover           { background:#1b1b1b; }

/*Services*/

.services-page                                      { }
.services-page .service-panel                       { width:25%; float:left; height:100%; position:relative; }
.services-page .service-panel .overlay              { position:absolute; top:0; left:0;  height:100%; width:100%; padding:10%; opacity:0; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear;}
.services-page .service-panel:hover .overlay		{ opacity:1;}
.services-page .service-panel.pink .overlay         { background:rgba(148,30,71,0.8)}
.services-page .service-panel.cream .overlay        { background:rgba(207,181,148,0.8)}
.services-page .service-panel.blue .overlay         { background:rgba(67,97,159,0.8)}
.services-page .service-panel.brown .overlay        { background:rgba(160,124,107,0.8)}

.services-page .service-panel .info             { position:relative; top:0; left:0; height:100%; width:100%; padding:10% 15%; }
.services-page .service-panel .info .table-cell 	{ vertical-align:top }
.services-page .service-panel .info .bold-text   { font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:72px; color:#FFF; font-weight:600;}
.services-page .service-panel .info .title       { font-family: adobe-caslon-pro, serif; font-size:1.2em; text-transform:uppercase; color:#FFF; font-weight:600; }
.services-page .service-panel .info .line        { opacity:0; width:60px; height:1px; background:#FFF; margin:30px 0px; color:#FFF; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear;}
.services-page .service-panel .info .summary-text                { opacity:0; font-size:14px; line-height:18px; width:75%; margin-bottom:30px; color:#FFF; font-weight:300; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear;}
.services-page .service-panel .info .page-link a.button          { opacity:0; font-size:16px; text-transform:uppercase; letter-spacing:2px; border:1px solid #FFF; background-color:transparent; color:#FFF; border-radius:0px; padding:10px 30px; font-weight:300; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear;}
.services-page .service-panel .info .page-link a.button:hover    { background-color:#FFF; color:#000;}
.services-page .service-panel:hover .info .line { opacity:1; }
.services-page .service-panel:hover .info .summary-text { opacity:1; }
.services-page .service-panel:hover .info .page-link a.button { opacity:1; }

/*Service Template*/

.service-navigation                                 { margin-bottom:80px;}
.service-navigation ul                              { margin:0; list-style-type:none; text-align:center;}
.service-navigation ul li                           { display:inline-block; font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:14px; white-space:nowrap; max-width:20.5%; margin: 0 2.5%;}
.service-navigation ul li.current-menu-item         { font-weight:700; }

.service-content                                    { margin-bottom:80px; text-align:center;}
.service-content .main-content-text h1              { font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:36px; margin-bottom:50px;}
.service-content .main-content-text p               { font-size:14px; line-height:20px;}

.gallery-thumbnails                                 { margin-bottom:50px;}
.gallery-thumbnails .gallery-thumb                  { margin:.9375rem 0}

.gallery-thumbnails .gallery-thumb a                { display:block; height:100%; width:100%;}
.gallery-thumbnails .gallery-thumb .overlay         { height:100%; width:100%; opacity:0; transition:opacity 0.2s linear; -webkit-transition:opacity 0,2s linear; text-align:center;}
.gallery-thumbnails .gallery-thumb .overlay:hover   { opacity:1;}
.gallery-thumbnails .gallery-thumb .overlay.pink    { background:rgba(148,30,71,0.8)}
.gallery-thumbnails .gallery-thumb .overlay.cream   { background:rgba(207,181,148,0.8)}
.gallery-thumbnails .gallery-thumb .overlay.blue    { background:rgba(67,97,159,0.8)}
.gallery-thumbnails .gallery-thumb .overlay.brown   { background:rgba(160,124,107,0.8)}

.gallery-images                                     { position:relative;}
.gallery-images .back-icon                          { position:fixed; top:70px; left:90px; z-index:10;}

.gallery-images .info-icon-toggle                   { position:fixed; top:70px; left:180px; z-index:10;}
.gallery-images .info-icon-toggle a                 { display:block; background:url(images/info-icon.png) no-repeat center center; height:47px; width:47px;}
.gallery-images .info-icon-toggle a.active          { background:url(images/info-icon-close.png);}

.gallery-images .gallery-image                      { position:relative;}
.gallery-images .gallery-image .arrows .up-arrow    { position:absolute; right:60px; bottom:130px;}
.gallery-images .gallery-image .arrows .down-arrow  { position:absolute; right:60px; bottom:70px;}

.gallery-images .gallery-image .info-panel          { position:absolute; top:117px; left:320px; display:none; border:1px solid #FFF; background:rgba(0,0,0,0.4); padding:30px; color:#FFF;}
.gallery-images .gallery-image .info-panel h4       { font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:36px; margin-bottom:25px;}
.gallery-images .gallery-image .info-panel .line    { height:1px; width:64px; background:#FFF; margin-bottom:35px;}
.gallery-images .gallery-image .info-panel p        { font-size:14px; line-height:18px; margin-bottom:20px;}



/*Journal*/

.journal-page                                       { padding-bottom:35px}

.journal-categories                                 { margin-bottom:100px;}
.journal-categories ul                              { text-align:center; list-style-type:none; margin:0;}
.journal-categories ul li                           { display:inline-block; text-transform:uppercase; font-size:14px; font-family: adobe-caslon-pro, serif; margin:0 4%;}
.journal-categories ul li a 						{ background:url(images/ellipse.png) no-repeat center bottom; padding-bottom:15px; display:block; }
.journal-categories ul li.active a 					{ font-weight:600; }

.journal-text                                       { text-align:center; margin-bottom:20px;}
.journal-text h1                                    { font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:36px; margin-bottom:25px;}
.journal-text p                                     { font-size:14px; line-height:18px; margin-bottom:20px;}

.journal-posts                                      { padding-bottom:80px; }
.journal-posts .grid                                {  }
.journal-posts .grid-item                           { width: 33.333%; padding:0 1%; }
.journal-posts .post                                { border:0; position:relative; min-height:230px; margin:.9375rem 0;}
.journal-posts .post .overlay                       { opacity:0; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(255,255,255,0.6); padding:30px; font-size:16px; line-height:18px; text-transform:uppercase; font-family: adobe-caslon-pro, serif; transition:opacity 0.2s linear; -webkit-transition:all 0.2 linear;}
.journal-posts .post:hover .overlay                 { opacity:1;}
.journal-posts .post .overlay span                  { font-style:italic; text-transform:none; display:block; margin-top:5px;}
.journal-posts .post .overlay a                     { height:100%; width:100%; display:block;}
.journal-posts .post .overlay .table-cell           { vertical-align:bottom;}

.journal-post .date                                 { font-family: adobe-caslon-pro, serif; font-size:16px; font-style:italic; text-transform:none;}
.journal-post .title                                { text-transform:uppercase; font-family: adobe-caslon-pro, serif; font-size:36px; margin-bottom:60px;}
.journal-post p                                     { font-size:14px; line-height:18px; margin-bottom:20px;}

.journal-post .share                                { text-transform:uppercase; font-size:14px; font-weight:600; letter-spacing:1px;}
.journal-post .share img                            { margin:0 5px;}
.journal-post .share .ssba                          { display:inline-block;}

.recent-posts h4                                    { font-family: adobe-caslon-pro, serif; font-size:16px; font-style:italic; margin-bottom:25px;}
.recent-posts .line                                 { padding-bottom:1px; border-bottom:1px solid #000; margin-bottom:30px;}
.recent-posts .line-inner                           { width:100%; height:1px; background:#000;}

.recent-posts                                       { padding-top:138px;}
.recent-posts ul                                    { list-style-type:none; margin:0;}
.recent-posts ul li                                 { border-bottom:1px solid #eeeeee; padding-bottom:10px; margin-bottom:10px;}
.recent-posts ul li:last-child                      { border-bottom:none;}
.recent-posts ul li .thumb                          { width:30%; float:left; margin-right:5%;}
.recent-posts ul li .thumb a                        { display:block; height:100%; width:100%;}
.recent-posts ul li .post-link                      { width:65%; float:left; font-size:16px; line-height:18px; text-transform:uppercase; font-family: adobe-caslon-pro, serif;}
.recent-posts ul li .post-link span                 { font-style:italic; text-transform:none;}

/*Contact*/

.contact-page                                       { border-bottom:1px solid #dfdfdf; padding-bottom:70px}

.contact-text                                       { padding:60px 0; text-align:center;}
.contact-text h1                                    { font-family: adobe-caslon-pro, serif; text-transform:uppercase; font-size:60px; margin-bottom:30px;}
.contact-text p                                     { font-family: adobe-caslon-pro, serif; font-size:21px; font-style:italic;}

.opening-times  h4                                  { text-transform:uppercase; font-family: adobe-caslon-pro, serif; font-size:16px;}
.opening-times .line                                { width:60px; height:1px; background-color:#000; margin:50px 0px;}
.opening-times p                                    { font-size:14px; margin-bottom:20px; font-weight:300;}
.opening-times p strong                             { font-weight:600;}

.contact-map .map-canvas                            { height:500px;}

.contact-form label                                 { font-size:14px; line-height:14px; margin-bottom:10px;}
.contact-form input                                 { border-radius:0px; border-color:#b5b5b5; background-color:#f3f3f3; font-size:14px;}
.contact-form select                                { border-radius:0px; border-color:#b5b5b5; background-color:#f3f3f3; font-size:14px;}
.contact-form textarea                              { border-radius:0px; border-color:#b5b5b5; background-color:#f3f3f3; font-size:14px;}
.contact-form input[type="submit"]                  { border:none; background-color:#FFF; color:#7d7d7d; text-transform:uppercase; font-size:16px; letter-spacing:2px; cursor:pointer; padding:10px 22px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border:1px solid #1b1b1b;}
.contact-form input[type="submit"]:hover            { background-color:#1b1b1b; color:#7d7d7d;}

/* Shop Page */
.shop__back-link {
  text-transform: uppercase;
  font-family: adobe-caslon-pro, serif;
  text-align: center;
  display: block;
  margin: auto;
  font-size: 14px;
  position: relative;
}

.shop__back-link:hover {
  opacity: 0.8;
}

.shop__back-link::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #e5e5e5;
  bottom: -16px;
  left: 50%;
  margin-left: -5px;
}

.shop-page__title {
  font-family: adobe-caslon-pro, serif; 
  text-transform: uppercase; 
  font-size: 36px; 
  margin-top: 85px;
  margin-bottom: 30px;
  text-align: center;
}

.shop-page__intro {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 50px;
}

.shop-page__button {
  border: 1px solid black;
  color: black;
  margin: auto;
  display: block;
  width: 200px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 3px 0;
}

.shop-page__button:hover {
  background-color: #000;
  color: #fff;
}

.shop-page__grid {
  margin-top: 60px;
  text-align: center;
  margin-bottom: 50px;
}

.shop-page__grid .-product-image {
  max-width: 100%;
  object-fit: contain;
  height: 184px;
}

.shop-page__grid .-product-name {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 30px;
}

.shop-page__grid .-product-description {
  font-size: 14px;
  color: #1b1b1b;
}

.shop-page__grid .-product-description h3 {
  font-size: 14px;
  font-weight: bold;
  color: #1b1b1b;
}

.shop-page__grid .-product-description p {
  line-height: 16px;
}

.shop-page__grid .-product-price {
  font-size: 21px;
  color: #30302f;
  font-family: adobe-caslon-pro, serif;
}

/*Footer*/

footer                                              { position:fixed; background:#FFF; bottom:0; left:0; width:100%; padding:24px 0;}
footer nav                                          { font-family: adobe-caslon-pro, serif;}
footer nav ul                                       { list-style-type:none; margin:0;}
footer nav ul li                                    { display:inline-block; font-size:16px; text-transform:uppercase; margin-right:36px; border-bottom:1px solid #FFF; border-top:1px solid #FFF; padding-top:1px; padding-bottom:1px;}
footer nav ul li:hover,
footer nav ul li.current-menu-item,
footer nav ul li.current-page-ancestor              { border-bottom:1px solid #1b1b1b; }
footer nav ul li a                                  { display:inline-block; border-bottom:1px solid #FFF; border-top:1px solid #FFF;}
footer nav ul li a:hover,
footer nav ul li.current-menu-item a,
footer nav ul li.current-page-ancestor a                { border-bottom:1px solid #1b1b1b}

footer .social-icons 								{ float:none; margin-left:0; padding-top:10px; }
footer .social-icons ul                             { list-style-type:none;  margin:0;}
footer .social-icons ul li                          { display:inline-block; margin-left:20px; margin-right:6px; opacity:1; transition:opacity 0.2s linear; -webkit-transition:0.2s linear;}
footer .social-icons ul li:hover                    { opacity:0.8;}
footer .social-icons ul li a                        { display:block; background:no-repeat center center; background-size:contain; height:19px; width:20px; }
footer .social-icons ul li.facebook a 				{ background-image:url(images/facebook-icon.png); }
footer .social-icons ul li.facebook a:hover 		{ background-image:url(images/facebook-icon-hover.png); }
footer .social-icons ul li.twitter a 				{ background-image:url(images/twitter-icon.png); }
footer .social-icons ul li.twitter a:hover 			{ background-image:url(images/twitter-icon-hover.png); }
footer .social-icons ul li.yt a 				{ background-image:url(images/yt-icon.png); }
footer .social-icons ul li.yt a:hover 			{ background-image:url(images/yt-icon-hover.png); }
footer .social-icons ul li.instagram a 				{ background-image:url(images/instagram-icon.png); }
footer .social-icons ul li.instagram a:hover 		{ background-image:url(images/instagram-icon-hover.png); }

footer .mini-link 									{ float:none; font-family: adobe-caslon-pro, serif; padding-top:5px; margin-left:20px; font-size:11px; text-transform:uppercase; }

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

div.makeitcentral {text-align:center; padding-top:10px;}
div.centralise {margin-left:auto; margin-right:auto; text-align:center;}

div.contactusheader {float:right; text-align:right; margin-right:0; margin-top:10px}
div.contactusheader p {margin-bottom:0 !important;}
div.contactusheader p.callme a {font-size:24px; font-family: "proxima-nova",sans-serif; font-weight:300; line-height:1.2em; margin-bottom:0;}
div.contactusheader p.emailme a {font-size:16px; font-family: "proxima-nova",sans-serif; font-weight:300; text-transform:lowercase; line-height:1.2em; margin-bottom:0;}

@media (max-width: 700px) {
	div.contactusheader{display:none}
}
div.show1, div.show3, div.show5, div.show7, div.show9 {margin-bottom:0; padding-bottom:50px; padding-top:30px;}
div.show1, div.show3, div.show5, div.show7, div.show9, div.galshow1, div.galshow3, div.galshow5, div.galshow7, div.galshow9 {background-color:#e9e9e9;}
div.add-bottom-margin {margin-bottom:120px}
p a.cta-btn{
	padding:10px 50px;
	background-color: #000000;
	color:#ffffff;
	border: 1px solid #000000;
}

p a.cta-btn:hover{
	padding:10px 50px;
	background-color: #ffffff;
	color:#000000;
	border: 1px solid #000000;
}

body.page-id-753 form input[type="submit"] {margin-bottom:100px}

@font-face { 
font-family: Geomanist; 
src: url(fonts/geomanist-regular-webfont.woff);
}




.page-id-2012 .main-content-text .columns {
  width: 460px;
}

@media (max-width: 468px) {
  .page-id-2012 .main-content-text .columns {
    width: 100%;
  }
 .page-id-2012 #ethos h1 {
    font-size: 2em !important;
  }
}

.page-id-2012 .service-navigation {
  margin-bottom: 40px;
}

.page-id-2012 .service-content {
  background-color: white;
  background-image: url('images/about-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 100%;
  padding-top: 80px;
}


@media screen and (min-height: 1300px) and (max-height: 1399px) {
    .page-id-2012 .service-content {
      background-position: center 150%;
    }
}


@media screen and (min-height: 1400px) {
    .page-id-2012 .service-content {
      background-position: center 300%;
    }
}

.page-id-2012 .main-content-text > h1 {
  display: none;
}

.page-id-2012 .line {
    width: 60px;
    height: 1px;
    background-color: #000;
    float: right;
    margin-bottom: 60px;
}

.page-id-2012 #ethos h1 {
  font-size: 3.75em;
}

.page-id-2012 #ethos p {
  font-size: 1em;
}


html {
    overflow-x: initial !important; /* override the rule in pullouts.css that cause 2 scrollbars - MJ */
}

/**
 * //////////////////// GUTENBERG TEMPLATE STYLES ///////////////////
 */

.gb-full-width {
  width: 100%;
}

.gb-boxed {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.gb-boxed-narrow {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.gb-boxed-wide {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

footer { /* show above gutenberg cover image blocks */
  z-index: 2;
}

.grecaptcha-badge {
  z-index: 3;
}



/* About - Our Team page */
.page-id-751 .about-template-title {
    display: none !important;
}

/* The Art of Decoration page */

.page-id-3258 .service-content {
    padding-bottom: 30px;
}

.gallery-thumbnails {
    padding-bottom: 50px;
}
.page-id-3258 .show3,
.page-id-3258 .show5
{
    background-color: #000;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.page-id-3258 .show4,
.page-id-3258 .show6 {
    padding-bottom: 0px;
    background-color: #e9e9e9;
}
.page-id-3258 .show3 h1,
.page-id-3258 .show5 h1 {
    font-family: proxima-nova;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 28px;
}
@media (max-width: 767px) {
    .page-id-3258 .show3 h1,
    .page-id-3258 .show5 h1 {
        margin-bottom: 0px !important;
    }
    
}
.page-id-3258 .galshow2,
.page-id-3258 .galshow3,
.page-id-3258 .galshow4,
.page-id-3258 .galshow5 {
    display: none;
}
@media (max-width: 1096px) {
    .wp-image-3477 {
            width: 450px;
            height: 310px;
    }
}

/**
 * /////////// Interior Designs page /////////////
 */
 
 .page-template-interior-design-template-gutenberg .centre-logo a {
     display: none;
 }

.page-template-interior-design-template-gutenberg #interior-design-cover {
  margin-bottom: 30px;
}

.page-template-interior-design-template-gutenberg #interior-design-cover-title{
  font-family: Geomanist, sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 3px;
}

.page-template-interior-design-template-gutenberg .stage {
  padding-top: 1.75em;
  padding-bottom: 1.75em;
}

.page-template-interior-design-template-gutenberg hr {
  border: 1px solid #58585a;
  width: 100px;
}

.page-template-interior-design-template-gutenberg h1 {
  font-family: adobe-caslon-pro, serif;
  text-transform: uppercase;
  font-size: 2.5em;
  margin-bottom: 30px;
}

.page-template-interior-design-template-gutenberg h2 {
  font-family: adobe-caslon-pro, serif;
  text-transform: uppercase;
  font-size: 1.8em;
  margin-bottom: 10px;
}

.page-template-interior-design-template-gutenberg h3 {
  font-family: adobe-caslon-pro, serif;
  font-size: 2em;
  margin-bottom: 10px;
}

.page-template-interior-design-template-gutenberg #summary-bullets {
  line-height: 1.5;
  font-size: 1.4em;
  
}

.page-template-interior-design-template-gutenberg #intro-section.section {
    padding-top: 10px;
    padding-bottom: 40px;
}

.page-template-interior-design-template-gutenberg #intro-text{
  line-height: 1.5;
  font-size: 1.4em;
  font-weight: 300;
  
}

.page-template-interior-design-template-gutenberg .intro-text {
  line-height: 1.5;
  font-size: 1.1em;
  font-weight: 300;    
}

.page-template-interior-design-template-gutenberg p {
  font-size: 1.1em;
}

.page-template-interior-design-template-gutenberg .section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.page-template-interior-design-template-gutenberg #soft-furnishing-curtains-section {
    padding-top: 90px;
    padding-bottom: 60px;
}

.page-template-interior-design-template-gutenberg #soft-furnishing-curtains-section-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-template-interior-design-template-gutenberg #soft-furnishing-curtains-section-2 .wp-block-image.pull-up {
    margin-top: -450px;
}
@media (max-width: 781px) {
    .page-template-interior-design-template-gutenberg #soft-furnishing-curtains-section-2 .wp-block-image.pull-up {
        margin-top: 0px;
    }
}

.page-template-interior-design-template-gutenberg hr.wp-block-separator {
  border-bottom: 1px solid #868686;
  margin-top: 0px;
}

.page-template-interior-design-template-gutenberg .wp-block-columns.has-background{
  padding-left: 0px;
  padding-right: 0px;
}

#interior-designers {
    max-width: 900px;
}

.page-template-interior-design-template-gutenberg #interior-designers #anne{
    padding-right: 3%;
}

.page-template-interior-design-template-gutenberg #interior-designers #marlaine{
    padding-left: 3%;
}


.page-template-interior-design-template-gutenberg #showroom-appointment-cover{
  padding-top: 100px;
  padding-bottom: 100px;
  background: rgb(57,53,48);
  mask-image: linear-gradient(90deg, rgba(57,53,48,1) 0%, rgba(110,108,104,1) 25%, rgba(255,255,255,1) 100%); 
}

.page-template-interior-design-template-gutenberg #showroom-appointment-inner h2{
  font-size: 3.3em;
  line-height: 1;
  font-weight: 900;
}
.page-template-interior-design-template-gutenberg #showroom-appointment-inner hr{
  border-bottom: 2px solid #fff;
}
.page-template-interior-design-template-gutenberg #showroom-appointment-inner .wp-block-group__inner-container{
  max-width: 450px;
}

.page-template-interior-design-template-gutenberg .showroom-book-appointment a.wp-block-button__link {
  font-size: 2.1em;
  padding: 0.2em 1em;
  transition: background-color 0.3s, color 0.3s ;
}

.page-template-interior-design-template-gutenberg .showroom-book-appointment a.wp-block-button__link:hover {
  background-color: #fff;
  color: #000 !important;
}

.page-template-interior-design-template-gutenberg .showroom-book-appointment p{
  font-size: 2.25em;
}

.page-template-interior-design-template-gutenberg #showroom-appointment p#quote {
  font-family: adobe-caslon-pro, serif;
  font-size: 2.5em;
  line-height: 1.5;
  margin-top: 80px;
  margin-bottom: 80px;
}




@media screen and (max-width: 1300px) {
  .section > .wp-block-group__inner-container > :not(.wp-block-cover) {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 781px) {
  .page-template-interior-design-template-gutenberg #stage-2, #stage-4 {
    flex-direction: column-reverse;
  }
  
  .page-template-interior-design-template-gutenberg #interior-design-cover p{
      font-size: 2.0em;
  }
  
  .page-template-interior-design-template-gutenberg h2#showroom-appointment{
    font-size: 2.3em;
  }
  
  .page-template-interior-design-template-gutenberg .showroom-book-appointment a.wp-block-button__link{
    font-size: 1.6em;
    padding: 0.2em 1em;
  }
  
  .page-template-interior-design-template-gutenberg #showroom-appointment p#quote{
    font-size: 1.7em;
  }
  
}

/* End Interior Design template */

.gallery-thumbnails .gallery-thumb .overlay.black   { background-color:rgba(0,0,0,0.5)}

.gallery-thumbnails .gallery-thumb .overlay p {
  color: white;
  font-weight: bold;
}

div#popuppress-2553 label.pps-not-show-again {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

/* /////////////////  END GUTENBERG TEMPLATES ////////// */

/*
 * ////////////////////// LATEST PROJECTS section //////////////////////////////
 */
 
.single-project-gallery {
    margin:0;
}
.single-project-gallery header,
.single-project-gallery footer {
    display:none;
}

.page-template-latest-projects-template h1,
.page-template-latest-projects-template h2,
.page-template-latest-projects-template h3,
.page-template-latest-projects-template h4,
.page-template-latest-projects-template h5,
.page-template-latest-projects-template h6
 {
    font-family: adobe-caslon-pro, serif;
    padding: 5px;
}
.page-template-latest-projects-template p {
    
}
.page-template-latest-projects-template h1,
.page-template-latest-projects-template h2 {
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 20px;
  text-align: center;
}

.page-template-latest-projects-template p {
    font-size: 1em;
    font-weight: 300;
    font-family: proxima-nova, sans-serif;
 }
 
.page-template-latest-projects-template .page-nav-link a {
     color: #231f20;
     font-size: 1.1em;
     font-weight: 600;
     font-family: Geomanist, sans-serif;
 }
 
.page-template-latest-projects-template .add-bottom-margin {
    margin-bottom: 150px;
}
.page-template-latest-projects-template .wp-block-cover,
.page-template-latest-projects-template .cycle-banner {
    margin-bottom: 30px;
}
.page-template-latest-projects-template .cycle-banner h3 {
    color:#231f20 !important;
}
.page-template-latest-projects-template .cycle-banner .banner-image { 
    height:90%;
    background-position: center 90%;
}
.page-template-latest-projects-template .cycle-banner #banner-image-4 {
    background-position: center center;
}
.page-template-latest-projects-template .cover-title {
     font-family: Geomanist, sans-serif;
    font-size: 2.5em;
    line-height: 1.2;
    letter-spacing: 3px;
    font-weight: bold;
    color:#231f20 !important;
}
.page-template-latest-projects-template .cover-subtitle {
    font-family: Geomanist, sans-serif;
    font-size: 70%;
    letter-spacing: 2px;
    font-weight: 400;
}
.page-template-latest-projects-template .wp-block-cover.is-position-center-center hr {
  border: 2px solid #231f20 !important;
  width: 100px;
}

.page-template-latest-projects-template .wp-block-columns.project-single-column {
    justify-content: center;
}
.page-template-latest-projects-template .gallery-thumbnails.gb-boxed {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.page-template-latest-projects-template p.project-intro {
    font-family: "proxima-nova", serif;
    font-size: 1.3em;
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-template-latest-projects-template .wp-block-separator.project-intro-hr {
    border-top-width: 0px !important;
    margin-top: 30px;
    margin-bottom: 30px;
}

.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.page-template-latest-projects-template p.project-details {
    font-weight: 300;
}
.page-template-latest-projects-template p.narrow {
    max-width: 760px;
}
.page-template-latest-projects-template.page-id-3799 p.narrow {
    max-width: 820px;
}
@media (max-width: 810px) {
    .page-template-latest-projects-template.page-id-3799 p.narrow {
        max-width: 700px;
    }
}

.page-template-latest-projects-template #gallery h2 {
    font-family: adobe-caslon-pro, serif;
    text-transform: uppercase;
}

.page-template-latest-projects-template .boards-section {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-template-latest-projects-template .boards-section  h2,
.page-template-latest-projects-template .boards-section  h3 {
    text-transform: uppercase;
    font-size: 1.3em;
}

.page-template-latest-projects-template .boards-section .wp-block-group__inner-container {
    width: max-content;
}

body.single-project-gallery {
    background-color: #333;
}
.single-project-gallery .gallery-image {
    margin-bottom: 10px;
    margin-top: 10px;
}
@media (max-width: 810px) {
    .single-project-gallery .gallery-image {
        max-height: 540px;
    }
}

@media (min-width: 811px) and (max-width: 1280px) {
    .single-project-gallery .gallery-image {
        max-height: 690px;
    }
}

.page-id-747 .service-content {
    margin-bottom: 70px; /* fix for text blocked by bottom fixed menu */
}

/* /////// HOME PAGE SLIDERS ////////// */

.home .cycle-banner .banner-image .table {
    background-color: rgb(255,255,255,0.6);
}
.home .cycle-banner .banner-image {
    background-position-x: center;
    background-position-y: center;
}
@media (max-width: 767px) {
    .home .cycle-banner .banner-image:nth-child(4) {
        background-position-x: 35%;
    }
}

/* /////////////////// SERVICES GALLERY MARGIN FIXES //////////////////////// */



.gallery-images, .postid-64, .postid-63 {
    background: rgb(51, 51, 51);
}
.gallery-images {  /* prevent margin collapse */
    display: flex;
    flex-direction: column;
    
}

@media (min-width: 1081px) {
    .single-service-gallery .gallery-images .gallery-image:not([style*="png"]),
    .single-project-gallery .gallery-images .gallery-image
    {
        margin-top: 3.5vh;
        margin-bottom: 3.5vh;
    }
}

/* ///////////////// The Art of Decoration custom styles //////////////////// */

.page-template-service-template.parent-pageid-5 .service-content .main-content-text h1, 
.page-template-service-template.parent-pageid-5 .service-content .main-content-text h2 {
  font-family: adobe-caslon-pro, serif;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 50px;
  text-align: center;
}

.page-template-service-template.parent-pageid-5 .service-content .main-content-text h3 {
  font-family: adobe-caslon-pro, serif;
  font-size: 1.9rem;
  text-align: center;
}

.page-template-service-template.parent-pageid-5 .service-content .main-content-text p {
    text-align: left;
}

.page-id-3258 .show3 h1, .page-id-3258 .show5 h1 {
  font-family: proxima-nova !important;
  font-weight: 400;
  margin-bottom: 0px !important;
  font-size: 28px !important;
}

/* new services subpages template */
.service-intro .main-content-text h1 { 
    font-family: adobe-caslon-pro, serif; 
    text-transform:uppercase; 
    font-size:36px; 
    margin-bottom: 20px;
    text-align: center;
}

.service-content .main-content-text h2 { 
    font-family: adobe-caslon-pro, serif; 
    text-transform:uppercase; 
    font-size:2em; 
    margin-bottom: 50px;
    text-align: center;
}

/* New service main page template */

.services-intro .main-content-text h1 { 
    font-family: adobe-caslon-pro, serif; 
    text-transform:uppercase; 
    font-size:36px; 
    margin-bottom: 20px;
    text-align: center;
}

.services-intro .main-content-text h2 { 
    font-family: adobe-caslon-pro, serif; 
    text-transform: initial; 
    font-size:1.8em; 
    margin-bottom: 0px;
    text-align: center;
}

.services-intro .main-content-text {
    text-align: center;
    padding-top: 20px;
}

@media (min-width: 1024px) {
    .page-id-5 .services-page .service-panel {
        min-height: 600px;
    }
}

.nowrap { white-space: nowrap; }