/*

Theme Name: TMK Interiors
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

*/

:root {
	--color-prime: #1b3263; /* blue */
	--color-second: #274d98; /* dark blue */
	--color-tert: #0583c1; /* light blue */
	--color-quart: #131212; /*  almost black  */
	--color-quint: #646164; /*  gray  */
	--color-sex: #ffff00; /*  yella  */
}


html, body {
	/* font-family: "museo-sans",sans-serif !important; */
}

body {
    text-rendering: optimizeLegibility;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    color:var(--color-quart) !important;
}

a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}

 /* #Header
================================================== */

@media (max-width: 420px) {

}
@media (max-width: 1200px) {
	.x-bar-top {
		position:fixed;
		top:0px;
		transition-duration:.3s;
		transition-property:height, opacity;
		transition-timing-function:cubic-bezier(.4, 0, .2, 1);
		 margin:0;
	}
}


.logo h1 {
	padding:0em !important;
	margin:0em !important;
}
.logo h1 a { color:#fff; }
.logo h1 a:hover { color: rgba(255, 255, 255, .5) }



.top-info a {
    color:#fff !important;
}
.top-info a:hover {
    color:rgb(142, 142, 142) !important;
}

.top-nav a { }

.top-nav .current-menu-item a { border:4px solid rgba(255, 255, 255, .5) !important; }
.top-nav a:hover { }


.top-nav .x-anchor { border:4px solid #fff; }
.top-nav .x-anchor:hover { border:4px solid rgba(255, 255, 255, .5); }


 /* #Hero
================================================== */

.x-slider-container { margin-top:-133px !important;border:0px solid #ff0000 !important; }
	@media (max-width: 420px) {
		.x-slider-container,
		.entry-info { margin-top:173px !important; }
	}

.hero {
	/* height: 13vh; */
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media (max-width: 1024px) {
	/* .hero { height: 15vh; } */
}


@media (max-width: 420px) {

}

 /* #Fonts
================================================== */

.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}

.white a { color: rgba(255, 255, 255, .9) !important; }
.white a:hover { color: rgba(255, 255, 255, .5) !important; }


.x-text {
    /* line-height:1.4em !important; */
}


h1, h2, h3, h4, h5, h6 { 
	font-weight: 600 !important;
	line-height:1em !important;
}


h1 {
	font-size:2.4em !important;
	margin-bottom:.8em !important;
}

h2 {
	font-size:2.3em !important;
	margin-bottom:.8em !important;
}
h3 {
	font-size:1.8em !important;
	line-height:normal !important;
	margin-bottom:.8em !important;
}
	h3 small {
		font-size:.6em !important;
		color:#646164 !important;
	}
	

h4 {
	font-size:1.8em !important;
	margin-top:.6em !important;
	margin-bottom:.2em !important;
}

.x-text {
	text-wrap: balance;
}


 /* #Footer
================================================== */

footer .social { font-size:.7em !important; }
/*
footer a { color:#fff; }
footer a:hover { color:var(--color-prime) !important; }


.social { font-size:.8em !important; }

footer .social a { color:var(--color-quint); }
footer .social a:hover { color:var(--color-prime) !important; }


.footer-links a { color:var(--color-prime) !important; }
.footer-links a:hover { color:var(--color-second) !important; }

.footer-cat {
	color:var(--color-prime);
	text-transform:uppercase;
	letter-spacing:.1em;
	white-space: nowrap; 
}
*/

footer ul {
	margin:0em;
	list-style:none;
}
footer ul li {
	margin-bottom:.4em;
	line-height:normal;
}

.copyright {
	font-size:0.8em !important;
	color:rgba(0, 0, 0, 0.6) !important;
}



 /* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip {
    position: absolute !important;
    left: -40px !important;
    top: 0 !important;
    width: 44px !important;
    height: 35px !important;
    padding: 0 !important;
    background: url(_img/contact-form-error.png) !important;
    overflow: hidden;
    text-indent: -9999px !important;
    padding: 0;
    border:none !important
}
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }



input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}

input[type="submit"] {
	text-transform:uppercase;
}

textarea.foot {
	height:150px !important;
}

.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-weight: 500;
    color: #646164;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-weight: 500;
    color: #646164;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-weight: 500;
    color: #646164;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-weight: 500;
    color: #646164;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}


.x-btn, .button, .btn-primary, .more-link, #wpsl-search-btn, input[type="submit"] {
	font-size: 1em !important;
	font-weight:600 !important;
	text-transform:uppercase !important;
	letter-spacing:normal !important;
    padding: .813em 2em !important;
    border-radius: 0em;
    text-shadow: 0 0 0 rgba(255, 255, 255, .75) !important;
    text-decoration: none !important;
    white-space: none;
    text-transform:uppercase;
    display:inline-block;
    background-color:#131212;
}

 /* btn hover bg #656565 yellow - ffff00 */

.x-btn-global.white {
    color: #a70237 !important;
    border: 2px solid #fff !important;
    background-color: #fff !important;
    text-decoration:none
}

.x-btn-global.white:hover {
    color: #fff !important;
    border: 2px solid #fff !important;
    background-color:#a70237 !important
}

.DesignedButton__button {
	font-weight:600 !important;
	text-transform:uppercase !important;
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}

 /* #Misc
================================================== */

a.x-image img, .wp-caption img, .gallery-item img {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover, .wp-caption img, .gallery-item img:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}

.upper { text-transform:uppercase; }

.normal, .wpsl-wrap { line-height:normal !important; }

.center {
    text-align:center
}

.nowrap { white-space:nowrap; }


.x-main ul li {
	margin-bottom:.8em;
	line-height:normal;
}

.entry-wrap {
    padding: 0 !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .135);
    background-color:transparent
}

body.x-portfolio-template-default .entry-info {
	margin-top:2em;
	width:100% !important;
}
body.x-portfolio-template-default .entry-featured {
	display:none;
}

.entry-content a {
    text-decoration:none;
}

.entry-content a.none {
    text-decoration:none;
}


.widget {
    text-shadow:0 0 0 rgba(255, 255, 255, .95)
}

.boxes {
   color:#fff;
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}

.bg-black a {
    color: #ffffff !important;
	font-weight: 400 !important;
	text-transform:uppercase;
	text-decoration:underline;
}
.bg-black {
 	padding:8em 2em;
   -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bg-black:hover .x-bg-layer-upper-color {
    background-color:rgba(19, 18, 18, .5) !important;
   -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: opacity 0.5s ease-in-out;
}

.bucket .x-bg-layer-upper-color {
	/* background:linear-gradient(rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%) !important; */
	
}
.buckethead {
	font-size:1em;
	min-height:270px;
}

.buckethead h2 a {
	margin-top:2.3em;
	font-size:1.2em;
	color:#fff !important;
	text-decoration:none;
	display:block;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
/*
	min-width:420px;
	min-height:270px;
*/
}
.buckethead a:hover { color:rgba(255, 255, 255, .5) !important; }

	@media (max-width: 450px) {
		.buckethead h2 a {
			margin-top:2.8em;
			font-size:1em !important;
			min-width:300px;
		}
	}


.sbi_header_img { border:2px solid #ccc; }
.sbi_feedtheme_header_text h3 { margin-bottom:-2em;color:#131212; }
.sbi_bio { color:#131212; }


/* #Port images
================================================== */

.wp-caption, .gallery-item {
    max-width: 100%;
    border: 0px solid #ddd;
    border: 0px solid rgba(0, 0, 0, .15);
    padding: 0px !important;
    text-align: center;
    background-color: #fff;
    border-radius: 0px;
    box-shadow:0 0em 0em #00000013;
}

.wp-caption img, .gallery-item img {
    border-radius:0px;
}

.wp-caption > .gallery-caption, .wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child, .gallery-item > .gallery-caption, .gallery-item > .wp-caption-text, .gallery-item > .wp-caption-text:last-child {
    display: block;
    margin: 0px 0 0px;
    padding: 0 0%;
    font-size: 10px;
    line-height: 1.2;
    text-transform:uppercase;
}

.gallery-columns-3 .gallery-item {
    width:33.33% important;
/*
	align-items: stretch;
	align-content: stretch;
	margin-top: calc(((3px / 2) + 1px) * -1);
	margin-right: calc(((0px / 2) + 1px) * -1);
	margin-bottom: calc(((3px / 2) + 1px) * -1);
	margin-left: calc(((0px / 2) + 1px) * -1);
*/
 }

.gallery { margin-top:1em; }

.gallery .gallery-item {
    float: left;
    margin:1% 1% 0 0;
}


/* Target Essential Grid post titles */
.esg-entry-content .esg-entry-title .eg-washington-element-3 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Target post meta text */
.esg-entry-content .esg-meta .eg-washington-element-3 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px !important;
}


/* === Masonry layout for ALL galleries site-wide === */

/* Divi Gallery modules */
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_items {
  column-count: 3;
  column-gap: 24px;
}

.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_item {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 24px;
  width: auto !important;
  float: none !important;
}

.et_pb_gallery .et_pb_gallery_image,
.et_pb_gallery .et_pb_gallery_image img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}