/*

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

*/

:root {
	--color-prime: #eb8517; /* orange */
	--color-second: #231f20; /* almost black */
	--color-tert: #3a3b3e; /*  charcoal  */
	--color-quart: #f2f2f2; /*  light gray  */
}


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:#0b0b0a;
}

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
    cursor:pointer;
}


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


.social-head a { color:#eb8517;margin-left:1em !important; }
.social-head a:hover { color:#ffffff; }

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

h1, h2, h3, h4, h5, h6 { 
	font-family: Open Sans, serif !important;
	font-weight: 400;
	font-style: normal;
	color:#231f20 !important;
	letter-spacing:0em !important;
	line-height:1.3em !important; 
}

.rule h1, .rule h2, .rule h3, .rule h4 { 
	display:inline-block;
	width: auto;
	padding: 0 1em .3em;
	border-bottom:2px solid #eb8517 !important;
}

h1 { font-size:2.6em !important; }
h2 { font-size:2.2em !important; }
h3 { font-size:2em !important; }
h4 { font-size:1.8em !important; }
h5 { font-size:1.5em !important; }

.homeposts h1, .homeposts h2, .homeposts h3, .homeposts h4, .homeposts h5, .homeposts h6 { 
	font-size:inherit !important;
}

	@media (max-width: 767px) {
		.mobile-call h4 { font-size:1.5em !important; }
	}


.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; }

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




 /* #Hero
================================================== */
.x-slider-container { margin-top:0px;border:0px solid #ff0000 !important; }



.hero {
	height: 60vh;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}

.hero-head { margin-top: 18vh !important; }

	@media (max-width: 760px) {
		.hero { height: 30vh; }
		.x-bg-layer-lower-image { background-size: contain; }
		.hero-head { margin-top: 0vh !important; }
	}



@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;}
}


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

footer h5 { color:#fff !important; }

.social-foot a { color:#eb8517; }
.social-foot a:hover { color:#ffffff; }


/* #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="submit"] {
    font-family: "Open Sans", sans-serif;
    font-weight: 500 !important;
}

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



.form-check label { margin-top:.4em !important; }
.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important;
 }

.wpcf7-list-item {  }



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #231f20;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-weight: 400;
    color: #231f20;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #231f20;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-weight: 400;
    color: #231f20;
}




label { /* margin-top:20px;height:1px; */ }

.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, .esg-navigationbutton, #wpsl-search-btn {
	display: initial !important;
	font-size: 1rem !important;
	font-weight:normal;
	letter-spacing:normal !important;
	padding: 0.813em 2em 0.813em !important;
	border-radius:.3em;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    white-space:none;
    text-transform:lowercase;
}

.x-btn-global.orange, a.more-link {
	color:#fff !important;
	border: 2px solid #eb8517 !important;
	background-color:#eb8517 !important;
	text-decoration:none;
}
.x-btn-global.orange:hover, a.more-link:hover {
	color:#fff !important;
	border: 2px solid #231f20 !important;
	background-color:#231f20 !important;
}


 /* #Widget
================================================== */

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

.h-widget {
    margin: 0 0 .5em;
    font-size: 2.5em;
    line-height:1;
}

.widget .h-widget:before, .widget .h-widget:after {
    opacity:.35
}



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

.entry-wrap {
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.135);
    background-color: transparent;
}

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


.nowrap { white-space:nowrap; }


a.x-image img {
     transition: opacity 0.5s ease-in-out;
}
a.x-image 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; }

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


.x-div a
	{ text-decoration:none !important; }
	

.client-lists {
	text-align:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-end;
	margin-right:1em;
	border-radius:2em;
}

.client-lists a {
	padding:1em;
	border-radius:1em;
	line-height:1.2em; 
}
.client-lists a:hover {
	border-radius:1em;
	background-color:#f2f2f2;
}

.client-lists .items {
	text-align:center;
	width:33.33%;
	margin-bottom:3.2em;
}
.client-lists .items img { 
	width:95%;
}

	#past-clients .client-lists .items {
		width:24.33%;
	}




.client-lists .items a { color:#231f20; }
.client-lists .items a:hover { color:#eb8517; }


	@media only screen and (max-width:480px) {
		.client-lists { margin-right:0em; }
		.client-lists .items { font-size:0px;width:32%; }
		.client-lists .items img { width:100%; }
	}

article.clients { text-align:center; }
article.clients .entry-header { margin-top:2em; }

article.clients .p-meta span:nth-child(1),
article.clients .p-meta span:nth-child(2)
	{ display:none; }
article.clients .p-meta span i { margin-right:.6em; }


.entry-thumb {
    display: block;
    position: relative;
    background-color:transparent;
    max-width: 500px !important;
    margin:0px auto;
}

.entry-featured {
    position: relative;
    box-shadow: 0px 0px 0px 0px #0002, 0px 0px 0px 0px #0002;
    transform:translate(0)
}
.entry-wrap {
    display: block;
    padding: 0px;
    background-color: #fff;
    border-radius: 0px !important;
    box-shadow:0 .0em 0em #0002  !important;
}


.x-pagination { text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important; }

.x-pagination span.current {
	color:#fff;
	border-radius:50%;
	background-color:#3a3b3e !important;
	text-decoration:none;
}

.x-pagination a, .x-pagination span, .woocommerce-pagination a, .woocommerce-pagination span {
    float: left;
    margin: 0 .35em;
    width: 32px;
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    text-shadow: 0 0px 0px rgba(255, 255, 255, .85);
    color: #bababa;
    background-color: #fff;
    border-radius: 50%;
    box-shadow:inset 0 0 #0000, 0 .1em .45em #00000040
}

.x-pagination a:hover, .woocommerce-pagination a:hover {
    color:#7a7a7a;
}

a.single_page {
	color:#fff;
	background-color:#eb8517 !important;
	text-decoration:none;
}
a.single_page:hover {
	color:#fff;
	background-color:#3a3b3e !important;
}

a.last {
	color:#3a3b3e;
	background-color:#ccc !important;
	text-decoration:none;
}
a.last:hover {
	background-color:#ccc !important;
}

a.prev-next, a.prev, a.next {
	color:#3a3b3e;
	border: 0px solid #3a3b3e !important;
	background-color:#ccc !important; }


 /* #Testes
================================================== */

.sp-testimonial-free-section .sp-testimonial-client-name,
h3.sp-testimonial-post-title {
    font-size: 1.5em !important;
    line-height: 1.8em !important;
    font-weight: 400 !important;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p,
.sp-testimonial-free-section .sp-testimonial-client-designation {
    font-size: 1em;
    line-height: 1.3em;
    text-transform: none;
    text-align: center;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    margin:0 0 20px 0
}
.sp-testimonial-free-section .testimonial-nav-arrow {
    font-size: 20px;
    line-height: 1;
    display: block;
    width: 32px;
    height: 32px;
    border-radius:2em;
    padding: 0;
    z-index: 22;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    transform: translateY(-50px);
    display: flex;
    justify-content: center;
    align-items:center
}

.sp-testimonial-free-section ul.sp-tfree-pagination {
    border-radius:2em !important;
}
.sp-testimonial-free-section ul.sp-tfree-pagination li a, .sp-testimonial-free-section ul.sp-tfree-pagination li span {
    position: relative;
    float: left;
    margin-right: 5px;
    line-height: 38px;
    text-decoration: none;
    font-weight: 400 !important;
    font-size: 16px;
    height: 38px;
    width: 38px;
    box-sizing: content-box;
    text-align: center;
    padding: 0;
    border-radius:2em !important;
}

    #sp-testimonial-free-wrapper-1760 .sp-testimonial-free-section ul.sp-tfree-pagination li a, #sp-testimonial-free-wrapper-1760 .sp-testimonial-free-section ul.sp-tfree-pagination li span.current {
        color: #fff;
        background: #eb8517;
        border: 0px solid #eb8517;
    }

    #sp-testimonial-free-wrapper-1760 .sp-testimonial-free-section ul.sp-tfree-pagination li span.current, #sp-testimonial-free-wrapper-1760 .sp-testimonial-free-section ul.sp-tfree-pagination li a:hover {
        color: #ffffff;
        border: 0px solid #eb8517;
        border-color: #3a3b3e;
		background: #3a3b3e;
   }

.widget ul li a, .widget ol li a {
    border-bottom: 0px dotted;
    color:#7a7a7a
}