/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; max-width: 100%;}
.container, iframe { max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html,body	{ height:auto; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after { display:table; content:"";}
.clearFloat::after	{ clear:both; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }

/* PALETTE
------------------------------------------------------------------------------------*/
body { background: #fff; color: #888; }
a:link, .navbar-default .navbar-nav>li>a, ul.sub-menu li a {color: #8c6350 !important; } /*brown*/
.mainContent a	{color: #333;}
h2, a:hover, .navbar-default .navbar-nav>li>a:hover {color: #be3300; } /*red - alt: { color: #be2634; } */

.lilac: {color: #fceffe;}
.paleBG {color: #fef4f0;}

/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
    font-family: 'Open Sans', Arial, sans-serif; 
    display: optional;  
    font-size: 100%; 
    font-weight: 400;
}

h1 {
    margin-top: .5em;
}

h2 {
    font-size: 1.9em; 
    font-weight: 300;
    line-height: 1.9em;
}

h2.siteTitle	{
    font-size: 2.2em;
}

h2.row-heading	{ 
    font-variant: small-caps;
    padding: 10px 0 10px 15px;
}



h3 {color: #000;margin-bottom: 20px;}
h4 {color: #666;}
p {
    margin-bottom: 1em;
    max-width: 60em;
    font-weight: 300;
}

em	{
    font-style: italic;
}

p::-moz-selection { color: white; background: #4b5e81;}
p::selection { color: white; background: #4b5e81; }


/* NAVIGATION
------------------------------------------------------------------------------------*/

/* container ------------------------------------------------------------*/
.navbar-wrapper {background-image: url('/wp-content/themes/myrelch/images/transp/white40pc.png');margin-bottom: 10px;}
.container-fluid {}
.navbar {min-height: 50px;margin-bottom: 0;}
.navbar-default{ background-color: initial;border: 0px;}
.navbar-static-top	{}

/* site title/logo ------------------------------------------------------------*/
.navbar-header	{ width: auto;}
.navbar-brand, a.header_logo_link {padding-top: 10px;    padding-left: 15px;}
.navbar-default a.navbar-brand, a.header_logo_link {color: #423424; font-family: centaur, georgia, serif;}
.navbar-default a.navbar-brand:hover, a.header_logo_link:hover	{color: BLACK; text-decoration: none !important;}


@media screen and (max-width: 768px)	{
    .navbar-header	{padding-right: 0px; }
}

@media (min-device-width:991px){
    .mobText 	{display: none;} 
}

/* navigation ------------------------------------------------------------*/
.navbar-nav	{ 
    float: right; 
    font-weight: 300; 
    font-size: .9em;
}

ul#menu-main-navigation.navbar-nav	{list-style: none;}
ul#menu-main-navigation.navbar-nav>li	{display:inline-block; float: left; padding: 10px;}
.navbar-nav	 ul.sub-menu	{text-transform: none;}
.navbar-default .navbar-collapse	{}
.navbar-header .navbar-toggle {display: none;}
.navbar-collapse.collapse {display: none !important;}

@media (max-width:769px) {
.navbar-collapse.collapse.in {display: block !important;}
}

@media (min-width:769px) {
#navmenu .navbar-collapse.collapse {display: block !important;}
}

@media screen and (max-width:812px){
    .navbar-header{margin-right:0px !important;}
    .navbar-header .navbar-toggle{margin-right:0px !important;}
    .navbar-header .navbar-toggle {display:block;}
    #menu-main-navigation{display:none;}
    .navbar-header	{ width: 100%; position:absolute;margin-top: 0px;padding-right: 30px;}	
    #navbar ul{width:100%;}
    .navbar-nav{margin:0px;}
    .navbar-collapse{padding-right:0px;}
    #navmenu {
        display: none;
    }
}
@media screen and (min-width:960px){
    .navbar-header .navbar-toggle {display:none!important;}
    #menu-main-navigation {display:block;}
    .navbar-header	{ width: auto;}	
    .container.mainContent .gallery_main{display:block;}
}

.sectionheadertitle {
    margin-bottom: 20px;
    font-size: 2.5em;
    color: #bbb;
}

.navbar-default .navbar-toggle	{background-color: transparent; border-color: #be3300;}
.navbar-default .navbar-toggle .icon-bar	{background-color: #be3300;}
.navbar-default .navbar-toggle:hover	{border-color: #be3300;}
.navbar-default .navbar-toggle:hover	{background-color: #fef4f0;}

/*BIG LINKS ON ALL PAGES */
#navbar ul {list-style-type: none;padding: 10px 0px 20px 0;}
#navbar ul li {display: block; width: 100%; text-align: right; font-size: 20px; margin: 0px auto 0px; border-bottom: 1px solid #fef4f0;}
#navbar ul li a{padding: 18px 0 14px;}
#navbar ul li a:hover	{color: #be3300; text-shadow: 1px 1px 5px white;text-decoration: none;}
#navbar ul li:hover, .dropdown-menu li a:visited, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:visited	{color: #8c6350; background-color: #FFF; }
#navbar ul li a:hover,.dropdown-menu>.active>a:hover,.navbar-nav>li>a:hover, ul.sub-menu li a:hover,
.dropdown-menu li a:hover, .dropdown-menu>.active>a:hover {color: #be3300 !important;}
.nav>li>a {padding: 4px 10px;}

@media (min-width: 768px) {
    .navbar-nav>li>a {padding-top: 4px;padding-bottom: 4px;}
}

#navbar ul li ul {padding: 0;}

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

.mainContent	{
	min-height: calc(100vh - 170px);
	padding-bottom: 20px;
}

.footer	 .container	{
	padding: 0 15px;
}

.footer .container {
    display:flex;
}

.fcol3 {
    display: flex;
    justify-content: flex-end;
}

@media screen and (min-width: 900px)	{

.fcol1,.fcol2,.fcol3 {
    flex-basis: 30%;
}

.fcol2 {
    flex-basis: 40%;
}

}

@media screen and (max-width: 900px)	{
    .footer .container {
        flex-direction: column;
    }
    .md-modal {
        width: 90%!important;
        top: 70%!important;
        padding: 2em 1em!important;
        left:5%;
    }
    .fcol2 {
        align-self: left;
        width:98%;
        max-width: 500px;
    }
    .fcol1 {
        align-self: center;
        text-align:center;
    }
    .fcol3 {
        justify-content: center;
    }
    .fcol2 {
        order: -1;
/*        max-width: 500px;*/
    }
}

.contactForm {
    width: 40%;
    margin: auto;
}

.ctct-email {
    width: 100%;
}

input {
    padding: 5px 7px;
    margin: 2px 0px;
    max-width: 500px;
}

.footer	{
	min-height: 100px;
	padding-top: 20px;
	font-size: 14px;
	color: BLACK;	
	background-color: WHITE;
	border-top: 1px solid #eee;
	}

.footer .leftText,
.footer .rightText	{
	text-align: center;
}

.footer .rightText ul {margin: auto !important; display: inline-block !important;}
	
	@media screen and (min-width: 530px)	{
	.footer .leftText,
	.footer .rightText	{ width: 48%; float: left; text-align: left;
	}
}

@media screen and (min-width: 530px)	{
	.footer .rightText	{text-align: right;}
	.footer .rightText ul {margin: 0;}
}

.footer .leftText p	{
	margin-bottom: 6px;
}

.footer	a {
	color: BLACK;
	font-weight: 400;
}

.footer	a:hover {
	text-decoration: underline;
}



.copyright	{text-align:center;}

div.credit	{display: none;}

.page-contact div.credit	{
	display: block;
	font-size: .8em;
	color: #888;
	text-align: right;
	margin-right: 10px;
}	

.page-contact div.credit a	{
	color: #777;
}

.page-contact div.credit a:hover	{
	color: #8c6350;
}

div.wpcf7-mail-sent-ok 	{
	border: 2px solid #8c6350 !important;
}

/* HOME
------------------------------------------------------------------------------------*/
body.home	{}

.home li.menu-item-home	{
    display:none !important;
}

@media (min-width:991px){
    .navbar-nav>li {float: left; max-width: 100%;}	
    .navbar-header button{display:none!important;}
}

@media (max-width:991px) {
    .navbar-header button{display:block;}
}
.home h2.row-heading {
    display: none;
}

@media screen and (max-width:812px){
	.container {
    width:100%;
    max-width:1300px;
    padding-right: 0px;
    padding-left: 0px;
}
#navbar ul li a
{
	padding-top: 16px;
    padding-bottom: 16px;
	padding-right: 30px;
	background-color: #fff;
}
#navbar ul li ul li a {
background-color: #eee;
}

}
@media screen and (min-width:812px){
	.container {
    width:100%;
    max-width:1300px;
    padding-right: 15px;
    padding-left: 15px;
}
}
.navbar-toggle{
    margin-right: 0px!important;
}
#navbar{
    position: absolute;
    background: white;
    top: 60px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.row-heading{
    padding:10px 0px;
}

@media screen and (max-width:812px){
	.homeImage	{padding: 5% 15px;;}
	}
	
.home .mobText {display: block;}
.home .mobText p {max-width: 100%;}

/* STATEMENT
------------------------------------------------------------------------------------*/

div.image a {
    cursor:zoom-in;
}




/* CONTACT
------------------------------------------------------------------------------------*/



.page-contact #email	{
    position: absolute;
    top: 48%;
    left: 50%;
    background: rgba(102, 0, 51, 0.5);
    font-size: 1.9em;
    padding: 25px 40px;
    transform: translateX(-50%);
}

.page-contact #email:hover	{
    background: rgba(153, 0, 102, 1);
    background: rgba(51, 0, 51, 0.6);
}

@media screen and (max-device-width: 414px) and (orientation: portrait)	{
    .page-contact #email	{ top: 25%; font-size: 1.4em;padding: 20px 30px;}
}

.page-contact #email a	{
    color: #fff;
    font-weight: 300;
}

.page-contact #email a:hover	{
    text-decoration: none;
}

.page-contact .navbar-default .navbar-nav>.active>a {
    background-color: #FFF !important;
}

/* ------------------------- */

/* ADDED BY CHIENLE
/* LIST-WORK
------------------------------------------------------------------------------------*/
.homeImage{
    text-align: center;
}
.navbar-static-top {
    padding-top: 10px;
}
/*#navbar ul.sub-menu{
    padding: 15px 0 0 0;
}*/
#navbar ul.sub-menu li:first-child{
    border-top: 1px solid #fef4f0;
    /*margin-top: 1px;*/
}
#navbar ul.sub-menu li:last-child{
    border: none;
    padding-bottom: 0;
    /*margin-bottom: 1px;*/
}
a:focus, a:hover{
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.current-menu-item>a{
    color: #be3300;
    text-decoration: none;
}
.btn_next,
.btn_prev{
    display: none;
}
.btn_next{
    float: right;
}
.btn_prev{
    float: left;
}
.page-pricelist.mainContent,
.list-work.mainContent{
    width: 80%;
}
.single-work .mainContent{
    width: 80%;
    margin-top: 0px;
}
.single-work .imageInfo.nav{
    margin-top: 10px;
}
.imageInfo.nav{
    margin-top: 20px;
}
@media (min-width: 1500px){
    .single-work .container.container-fluid{
        width: 1450px;	
        max-width: 1450px;
    }
    .single-work .container.container-fluid .container{
        max-width: 1450px;
    }
}
@media (min-width: 1600px){
    .single-work .container.container-fluid{
        width: 1550px;	
        max-width: 1550px;
    }
    .single-work .container.container-fluid .container{
        max-width: 1550px;
    }
}
@media (min-width: 1700px){
    .single-work .container.container-fluid{
        width: 1650px;	
        max-width: 1650px;
    }
    .single-work .container.container-fluid .container{
        max-width: 1650px;
    }
}
.list-work .item{
    margin-bottom: 15px;
    padding-left: 0;
    text-align: center;
}

@media screen and (max-width: 599px)	{
    .list-work .item, .listimg .item{ width: 100%; margin: 0 auto 15px;}
}

@media screen and (min-width: 600px)	{
    .page-id-16 .list-work .item img,
    .page-id-12 .listimg .item img{max-height: 180px;width: auto;}
    .page-id-14 .listimg .item img {max-height: 240px;width: auto;}
    .page-id-16 .list-work .item,
    .page-id-12 .listimg .item{
        min-height: 200px;
    }
    .page-id-14 .listimg .item{
        min-height: 280px;
    }
}
.list-work .item.nth-child-7n{clear:left}
@media (min-width: 768px) and (max-width: 1199px){
    .list-work .item.nth-child-7n{clear: none}
    .list-work .item.nth-child-4np1{clear:left}
}
@media (max-width:768px){
    .list-work .item.nth-child-3np1{clear:none}
    .list-work .item.nth-child-2np1{clear:left}
    .detail-work.mainContent,
    .single-work .mainContent{
        width: 100%;
    }
    .page-pricelist.mainContent,
    .list-work.mainContent{
        width: 100%;
    }
    /*    .container .container.mainContent{
            padding-left: 0;
            padding-right: 0;
        }*/
}
@media (min-width: 768px) and (max-width: 1330px){
    #carousel-images{
        padding-right: 30px;
    }
}
@media screen and (max-device-width:1024px) and (orientation:portrait){
    .page-pricelist.mainContent,
    .list-work.mainContent{
        width: 100%;
    }
    .mainContent {
        width: 100%;
    }
    .page-pricelist.mainContent{
        padding: 0;
    }
    .container.mainContent.list-work{

    }
    .container-fluid{
        /*padding: 0 !important;*/
    }
    .detail-work.mainContent,
    .single-work .mainContent{
        width: 100%;
    }
    #carousel-images{
        padding: 0;
    }

    .detail-work .carousel-control{
        display: none;
    }

    .btn_next,
    .btn_prev{
        display: block;
    }
    .btn_next{
        float: right;
    }
    .btn_prev{
        float: left;
    }
}
@media (min-width: 568px) and (max-width:767px){
    .list-work .col-sm-4{
        width: 50%;
        float: left;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .list-work .col-sm-4{
        text-align: center;
    }
    .list-work .item{
        padding-left: 0;
        padding-right: 0;
    }
    .container.mainContent.list-work{
        width: 100%;
    }
    .colum6.list-work .col-xs-6{
        width: 100%;
    }
}
@media (max-width: 380px) {
    .header_logo_link{
        font-size: 28px;
    }
}

/* DETAIL-WORK
------------------------------------------------------------------------------------*/
.work_title{
    margin: 15px 0;
}
.listimg {
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
}
.detail-work .carousel-inner{
    text-align: center;
}
.detail-work img{
    width: auto;
    max-height: 100%;
}
.detail-work .carousel-inner>.item>a>img,
.detail-work .carousel-inner>.item>img,
.detail-work .img-responsive, 
.detail-work .thumbnail a>img,
.detail-work .thumbnail>img{
    display: inline-block;
}
.detail-work .carousel-control{
    width: 30px;
    position: fixed;
    z-index: 0;
}
.detail-work .carousel-control.left{
    left: 15px;
    background-image: none;
}
.detail-work .carousel-control.left svg,
.detail-work .carousel-control.right svg{
    position: absolute;
    top: calc(50% - 40px);
    left: 0;
    z-index: 99999;
}
.detail-work .carousel-control.right{
    right: 15px;
    background-image: none;
}
.detail-work .carousel-caption{
    position: static;
}
.single-work .detail-work .imageInfo li{
    font-size: 14px;
    padding-bottom: 10px;
}
.detail-work .imageInfo li{
    padding-right: 15px;
    padding-bottom: 15px;
    float: none;
    display: inline-block;
}
.detail-work .imageInfo li a{
    padding: 0;
}
.listimg.nav > li > a{
    padding: 5px;
}
.detail-work .nav > li > a.thumbs,
.detail-work .nav > li > a.magnify{
    display: block;
    background-image: url(../images/prevNext.png);
    border-radius: 0;
    overflow: hidden;
    text-indent: -200px;
    height: 16px;
    background-position: -12px -47px;
    width: 14px;
    margin-top: 2px;
}
.nav > li > a:hover,
.nav > li > a.thumbs:focus, 
.nav > li > a.thumbs:hover{
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    opacity: 1;
}
.detail-work .nav > li > a.thumbs:focus, 
.detail-work .nav > li > a.thumbs:hover{    
    background-position: -12px 17px;
}
.detail-work .nav > li >a.magnify {
    background-position: -44px -16px;
}
.detail-work .nav > li >a.magnify {
    width: 25px;
}

.detail-work .nav > li > a.magnify:hover {
    background-position: -44px 0;
}
.detail-work .carousel-caption{
    padding-bottom: 0;
}
@media (min-width: 1200px){
    .detail-work .carousel-control.right{
        /*right: -64%;*/
    }
}
@media (min-width: 1350px){
    .detail-work .carousel-control.left{
        /*left: -50%;*/
    }
    .detail-work .carousel-control.right{
        /*right: -68%;*/
    }
}
@media (max-width:768px){
    .listimg {
        max-width: none;
        margin-left: -5px;
        margin-right: -5px;
    }
    #carousel-images{
        padding: 0;
    }
    .container.mainContent.detail-work{

    }
    .detail-work .col-xs-11{
        margin: 0 auto;
        float: none;
    }
    .detail-work{
        margin-left: 0;
    }
    .detail-work .carousel-control{
        display: none;
    }
    .btn_next,
    .btn_prev{
        display: block;
    }
    .btn_next{
        float: right;
    }
    .btn_prev{
        float: left;
    }
}
@media (min-width: 568px) and (max-width:767px){
    .detail-work .col-sm-4{
        width: 50%;
        float: left;
        text-align: center;
    }
}
@media (max-width: 568px) {
    .detail-work .col-sm-4{
        text-align: center;
    }
    .detail-work .carousel-control.left svg,
    .detail-work .carousel-control.right svg{
        /*top: 35%;*/
    }
}
@media (max-width: 420px) {
    .detail-work .carousel-control.left svg,
    .detail-work .carousel-control.right svg{
        /*top: 30%;*/
    }
}
@media (max-width: 380px) {
    .detail-work .carousel-control.left svg,
    .detail-work .carousel-control.right svg{
        /*top: 25%;*/
    }
}

/* PAGE-PRICELIST
------------------------------------------------------------------------------------*/

.page-pricelist .item {
    margin-bottom: 15px;
}
.page-pricelist .item .image{
    max-width: 100px;
    float: left;
    margin-right: 20px;
}
.page-pricelist .imageinfor{
    float: left;
    width: calc(100% - 120px);
}
.page-pricelist .imageTitle{
    font-weight: bold;
}
.page-pricelist .item p{
    margin-bottom: 5px;
}
.page-pricelist .item.nth-child-2np1{clear:left}
@media (min-width: 640px) and (max-width:767px){
    .page-pricelist .col-sm-6{
        width: 50%;
        float: left;
    }
}
@media  (max-width: 640px){
    .page-pricelist .item{clear:left;overflow: hidden;}
}
@media  (max-width: 380px){
    /*    .page-pricelist .imageinfor{
            float: none;
            width: 100%;
        }*/
}

.back-link{
    clear: both; padding-left: 15px;
}
.inquire{
    font-size: 14px !important;
}
.dropdown-menu{
    padding: 0;
}
@media screen and (max-width:812px){
	#navbar ul li:hover {
    background-color: #fef4f0;
	}
	
    .sub-menu{
        display: none;
    }
    #navbar ul.sub-menu{
        padding-right: 0px;
    }
    #navbar ul.sub-menu li:hover,
    #navbar ul.sub-menu li:focus,
    #navbar ul.sub-menu li:visited,
    #navbar ul li:hover,
    #navbar ul li:focus,
    #navbar ul li:visited{
       /* background-color: rgba(0, 0, 0, 0); */
    }
    #navbar ul.sub-menu a{
        display: block;
    }
    .page-contact .row{
        display: -webkit-flex; /* Safari */
        display: flex;
        flex-direction: column;
    }
    .page-contact .col-md-6   {-webkit-order: 2;}
    .page-contact .col-md-6.image  {-webkit-order: 1; margin-bottom: 20px;}

    /* Standard syntax */
    .page-contact .col-md-6   {order: 2;}
    .page-contact .col-md-6.image  {order: 1;}
	.navbar-collapse
	{
		padding-left:0!important;
	}
}
/* END ADDED BY CHIENLE
----------------------------------------------------------------------------------*/

/* FONTS
------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Centaur';
    src: url('/wp-content/themes/wendyww/fonts/Centaur.woff2') format('woff2'),
        url('/wp-content/themes/wendyww/fonts/Centaur.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width: 1023px)	{
    .page-id-104 div.image	{display: none;}
}
.list-work .item
{
	max-height:364px;
}
@media screen and (max-width: 768px)	{
.item .image
{
	padding:15px;
}
}
@media screen and (max-width: 325px)	{
.siteTitle a
{
font-size:20px!important;
}	
}

/*MODAL THINGS*/
.md-modal {
	position: fixed;
	top: 85%;
	left: 50%;
	width: 50%;
	max-width: 520px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(40,43,49,.5);
	-webkit-transition: all 1s;
	transition: all 1s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-content {
    background-color: #ddd;
    padding: 3em 2em 2em;
    border-radius: 8px;
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.pop-header {
    display:flex;
    justify-content: space-between;
}

.pop-content .ctct-email {
    width: 100%;
    max-width: 100%;
}

.pop-content input {
    padding: 5px 10px;
    margin: 1px 0px;
}

#md-close {
    cursor: pointer;
    margin-top: -2em;
}

p.ctct-form-field.ctct-form-field-submit {
	text-align: right;
}

/* none of the following is working... */
/*
.ctct-form-wrapper input[type='email']:required:valid,
.ctct-form-wrapper input[type='email']	{
	border-color: solid 1px #8c6350 !important;
}

.ctct-form-wrapper input[type='email']:required:valid {
    border-color: solid 1px #8c6350 !important;
}
*/

.ctct-form-wrapper input[type='text']:required:valid, .ctct-form-wrapper input[type='email']:required:valid, .ctct-form-wrapper input[type='password']:required:valid, .ctct-form-wrapper input[type='tel']:required:valid, .ctct-form-wrapper input[type='number']:required:valid {
    border-color: #8c6350 !important;
    border: 1px solid;
}

.ctct-form-wrapper .ctct-message.ctct-success {
    background-color: rgba(46, 204, 64, 0.02);
    border-color: #8c6350 !important;
    color: #8c6350 !important;
}

strong	{
	color: #50565b;
}

/* fix for lines 514, 635, 907 - flex grid */
.listimg {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap */
    gap: 15px; /* Add space between items */
    justify-content: flex-start; /* Align images to the left */
}

.list-work .item {
    max-height: 364px; /* Set the maximum height */
    flex: 0 1 auto; /* Allow the item to size itself based on its content */
}

.list-work .image img {
    max-height: 364px; /* Respect the maximum height */
    width: auto; /* Maintain aspect ratio */
    height: auto; /* Maintain aspect ratio */
    display: block;
}