/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Typography */
p {
	color: rgba(6, 45, 69, 0.7);
}

.text-light p {
	color: rgba(255, 255, 255, 0.7);
}

/* Main Menu */
#menu-main-menu > li.menu-contact > a {
	background-color: #0b79bf;
	border: 1px solid #0b79bf;
	color: #fff !important;
	height: auto;
	padding: 10px 15px !important;
	
	-webkit-border-radius:  5px;
	-moz-border-radius:		5px;
	-o-border-radius:		5px;
	border-radius: 			5px;
	-webkit-transition: all 0.3s; /* Safari */
   transition: all 0.3s;
}

blockquote p {
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
}

.color-accent-border, blockquote {
  border-color: #88b23f;
}

#menu-main-menu > li.menu-contact:hover > a {
	background-color: transparent;
  border: 1px solid #0b79bf;
  color: #0b79bf !important;
}

li.menu-contact {
  padding-left: 10px;
}

body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.menu-contact > a {
	color: #fff !important;
}

.menu-light .menu-smart li.menu-contact a {
	color: #fff;
}

/* Intro Title */
.intro-title .single-block-padding {
  padding-top: 0;
	padding-bottom: 0;
}

/* Single Image - Replace Limited Width */
.uncode-single-media.img-full .icon-media {
  width: 100% !important;
}

/* Page Title - Remove Paddings */
.page-title {
  padding-left: 0 !important;
}

.page-title .uncont {
  padding-top: 0 !important;
}

/* Page Title - Positioning The Image */
.page-title .background-element .background-inner {
  background-position: right 25% top 36% !important;
}

/* Button Styling Adjsutemtns */
.btn-round {
  -webkit-border-radius:	5px !important;
  -moz-border-radius:		5px !important;
  -o-border-radius:			5px !important;
  border-radius: 			5px !important;
}

.btn-color-xsdn {
	color: #0b79bf !important;
}

.btn .fa, .btn-link .fa {
  vertical-align: middle;
  top: -2px;
}

/* Footer Menu Styling */
.footer-menu .widget_nav_menu li a{
  font-weight: 600;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
	
  -webkit-transition: all 0.3s; /* Safari */
  transition: all 0.3s;
}

.footer-menu .widget_nav_menu li.menu-contact a{
	border: 1px solid #0b79bf;
}

.footer-menu .widget_nav_menu li.menu-contact a:hover {
  background-color: transparent !important;
  border: 1px solid #0b79bf;
  color: #0b79bf !important;
}

.footer-menu .menu-smart {
	padding-right: 0;
}

.footer-menu .widget_nav_menu li.menu-contact:hover a {
  opacity: 0.8;
}

.footer-menu .widget_nav_menu li.menu-contact a {
  background-color: #0b79bf;
  border-radius: 5px;
  color: #fff;
  padding: 5px 15px;
}

/* Footer Copyright - Remove top space */
.footer-last {
  margin-top: -36px;
}

/* Icon List Styling */
ul.icons > li > .fa {
  float: left;
  top: 8px;
}

ul.icons > li > p {
  padding-left: 35px;
}

li p {
  margin: 0;
}

.text-lead + .uncode-list {
  margin-top: 15px !important;
}

/* Box Shadow on Team Member Images */
.team-member .tmb-media-shadowed.tmb .t-entry-visual {
  box-shadow: 0 30px 100px 0 rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow:  0 30px 100px 0 rgba(0, 0, 0, 0.4) !important;
}

.team-member.team-member-left .single-block-padding {
  padding-left: 0;
}

.team-member.team-member-right .single-block-padding {
  padding-right: 0;
}

/* Blog Single Post Adjustments */
.single-post .header-wrapper .header-content-inner {
  padding: 54px 120px 54px 120px !important;
}

.page-title.blog-hero .background-element .background-inner {
  background-position: right 25% top 50% !important;
}

.post-info {
	opacity: 0.5;
}

.tmb .t-entry p.t-entry-meta span {
  opacity: 0.5;
  text-transform: uppercase;
}

#thinkmesh-posts .t-entry-title {
  line-height: 34px;
}

#thinkmesh-posts .text-lead {
  opacity: 0.7;
}

.t-entry-readmore {
  position: relative;
  padding-left: 20px;
  padding-top: 20px;
}

.t-entry-readmore a {
  color: #0b79bf;  
}

.t-entry-readmore::before {
  display: block;
  content: "\f18e";
  font-family: "FontAwesome";
	text-rendering: optimizeLegibility;
  color: #0b79bf; 
  font-size: 14px;
  position: absolute;
  top: 24px;
  left: 0;
	-webkit-transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: 	color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 		color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.t-entry-readmore:hover a {
  color: #062d45 !important;
}

.t-entry-readmore:hover::before {
  color: #062d45;
}

/* Blog SIngle Comments and Navigation */
.row-navigation.row-navigation-light {
  background-color: #f5f6f7;
  border: none;
}

.post-wrapper .post-footer.post-footer-light {
  border: none;
  background-color: #eaeef1;
}

.comment-form input.btn {
  background-color: #fff;
	-webkit-border-radius:  5px;
	-moz-border-radius: 	5px;
	-o-border-radius: 		5px;
    border-radius: 			5px;
}

.comment-form input.btn:hover {
  background-color: #0b79bf;
  color: #fff;
}

/* Main Blog Navigation */
.isotope-footer .pagination {
  margin-top: 36px;
}

.pagination > li .current, .navigation > li .current, .pagination > li .current:hover, .navigation > li .current:hover, .pagination > li .current:focus, .navigation > li .current:focus {
  background-color: #0b79bf;
  color: #fff !important;
}

/* Main Blog Safari Image Not Displaying Fix */
.style-metro .tmb.tmb-content-lateral .t-inside .t-entry-visual {
  display: table-cell;
}

.style-metro .tmb .t-inside .t-entry-text {
  display: table-cell;
  float: none;
}

/* Custom Contact Form */
.c-input {
	position: relative;
	z-index: 1;
	display: block;
	width: 50%;
   padding: 0px 9px 0px 9px;
   float: left;
  margin-bottom: 20px;
}

.c-input_name, .c-input_message {
  width: 100% !important;
}

.c-input_message textarea {
  background-color: #f5f6f7;
  padding: 20px;
}

.c-input__field {
	position: relative;
	display: block;
	float: right;
	-webkit-appearance: none; /* for box shadows to show on iOS */
	padding: 0.5em 0em 0.25em;
	width: 100%;
	background: transparent;
	border-bottom: 3px solid #062d45;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  box-shadow: none;
  font-size: 18px;
}

.c-input__field:focus {
	outline: none;
  border-top: none;
  border-right: none;
  border-left: none;
}

.c-input__label {
  color: rgba(6, 45, 69, 0.5);
	float: right;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 0px;
  font-size: 15px;
  font-weight: 500;
	left: 9px;
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 0;
	pointer-events: none;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;
	transition: transform 0.2s 0.15s, color 1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.c-input__label-content {
	position: relative;
	display: block;
	width: 100%;
}

.c-input__field:focus + .c-input__label,
.input_filled .c-input__label{
	color: rgba(6, 45, 69, 0.5);
	-webkit-transform: translate3d(0, -0.5em, 0) scale3d(0.75, 0.75, 1);
	transform: translate3d(0, -0.5em, 0) scale3d(0.75, 0.75, 1);
}

.c-input__field:focus {
  border-bottom: 3px solid #0b79bf;
}


.c-input_message .c-input__label {
  left: 30px;
  top: 10px;
}

input.wpcf7-form-control.wpcf7-submit.btn {
  width: auto;
  float: right;
  padding: 10px 20px !important;
  border-radius: 5px;
  margin-right: 9px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(230, 241, 248, 1) inset;
	-moz-box-shadow: 0 0 0px 1000px rgba(230, 241, 248, 1) inset;
	box-shadow: 0 0 0px 1000px rgba(230, 241, 248, 1) inset;
}

/* Contact Form on Home Page */
.contact-home input {
  background-color: transparent;
  color: #fff;
}

.contact-home textarea {
  background-color: rgba(255, 255, 255, 0.2);
}

.contact-home .c-input__label {
  color: #fff;
}

.contact-home .c-input__field {
  border-bottom: 3px solid rgba(255, 255, 255, 0.5);
}

.contact-home .c-input__field:focus {
  border-bottom: 3px solid #fff !important;
  color: #fff;
}

.contact-home .c-input__field:focus + .c-input__label, .contact-home .input_filled .c-input__label {
  color: rgba(255, 255, 255, 0.5);
}

.contact-home input:-webkit-autofill,
.contact-home input:-webkit-autofill:hover, 
.contact-home input:-webkit-autofill:focus
.contact-home input:-webkit-autofill, 
.contact-home textarea:-webkit-autofill,
.contact-home textarea:-webkit-autofill:hover
.contact-home textarea:-webkit-autofill:focus,
.contact-home select:-webkit-autofill,
.contact-home select:-webkit-autofill:hover,
.contact-home select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(11, 121, 191, 1) inset;
	-moz-box-shadow: 0 0 0px 1000px rgba(11, 121, 191, 1) inset;
	box-shadow: 0 0 0px 1000px rgba(11, 121, 191, 1) inset;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.contact-home input.wpcf7-form-control.wpcf7-submit.btn {
  background-color: #fff !important;
	color: #0b79bf !important;
}

.contact-home input.wpcf7-form-control.wpcf7-submit.btn:hover {
	background-color: transparent !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.contact-home .wpcf7 .wpcf7-mail-sent-ok, .contact-home .wpcf7 .wpcf7-validation-errors, .contact-home .wpcf7 span.wpcf7-not-valid-tip {
  color: #fff !important;
}

/* Social Icons on Contact Page */
.social-icon .icon-media img {
  width: 30px !important;
	margin: 0 auto;
}

.social-icon.social-icon__facebook img {
	width: 20px !important;
}

/* Footer To Top Icon */
.footer-scroll-top i {
	-webkit-border-radius:  5px;
	-moz-border-radius:		5px;
	border-radius: 			5px;
}

/* Team Members More Text */
.team-more-text {
  display: none;
}

.team-read-more {
	font-weight: 500;
	color: #062d45;
	cursor: pointer;
	
	-webkit-transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: 	color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 		color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.team-read-more:hover p{
	color: #0b79bf;
}

/* Home Page Hero - Image before particles */
#page-header[data-imgready="true"] .header-wrapper .row-container > .row-background {
	z-index: 2;
}

/* Adjusting shadows */
.unshadow-xl {
	box-shadow: 0 30px 100px 0 rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow:  0 30px 100px 0 rgba(0, 0, 0, 0.4) !important;
}

/* Custom Quote on Home Page */
.custom-quote p{
	color: #062d45;
	font-weight: 500;
	font-size: 24px;
}

.custom-quote-author {
	margin-top: 10px !important;
}

/* Adjusting off-grid margins */
.shift_y_down_neg_quad {
	margin-bottom: -200px !important;
}

/* Adjusting Client Logotypes */
.client-media .icon-media {
  max-width: 100%;
}

.client-media .t-entry-visual img {
  width: auto;
  display: table;
  margin: 0 auto;
}

/* Newsletter Widget Bottom Styling */
.c-input_newsletter {
  width: 80%;
}

.c-submit_newsletter {
  position: relative;
  width: 20%;
  background-color: transparent !important;
  border: none;
  padding: 8px 15px !important; 
}

.c-submit {
  position: relative;
  border-bottom: 3px solid #eaeaea;
  width: 20%;
  float: right;
	top: -1px;
	-webkit-transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: 	all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 		all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.c-submit i {
  top: 3px;
  position: relative;
	-webkit-transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: 	color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 		color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.c-submit:hover {
  border-bottom: 3px solid #0b79bf;
}

.c-submit:hover i {
  color: #0b79bf;
}

.c-submit:hover input {
  color: #0b79bf;
}

.c-submit input:focus {
  border: none;
}

.mc4wp-response {
  width: 100%;
  float: left;
}

/* Post Single Categories, Tags, Archive Pages */
.post-content .post-title-wrapper {
  margin-bottom: 0;
  background-color: #eaeef1;
}

.post-content .post-title-wrapper .post-title {
  display: table;
  margin: 0 auto;
  background-color: #fff;
  padding: 60px;
  margin-top: -72px;
  z-index: 2;
  position: relative;
  max-width: 1200px;
  width: 1140px;
  text-align: center;
    font-weight: 300;
}

/* 
 * ----- Responsive Adjustments ----- 
*/

/* Mobile Devices */
@media (max-width: 576px) {
	.style-metro .tmb.tmb-content-lateral .t-inside .t-entry-visual {
  		display: table-cell;
	}	

	.style-metro .tmb .t-inside .t-entry-text {
  		display: table-cell;
  		float: none;
	}
}


/* Mobile Devices and Tablets */
@media (max-width: 959px) {
	
	/* Removing Hero Image */
	.hero-image .row-background .background-wrapper .background-inner {
		background-image: none !important;
	}
	
	/* Adjusting Page Title Image */
	.page-title .background-element .background-inner {
		display: none;
	}
	
	/* Intro Title */
	.intro-title h2.h3.font-weight-500 {
		font-size: 18px;
	}
	
	.intro-title h2.h3.font-weight-500 span {
		font-weight: 300 !important;
	}
	
	/* Negative Shift Reduce */
	.shift_y_neg_triple {
		margin-top: -20px !important;
	}
	
	.blog-intro-title .shift_y_neg_triple:not(.shift_y_fixed){
		margin-top: -56px !important;
	}
	
	/* Double Block Padding Adjustment */
	.double-block-padding {
		padding: 36px 10px;
	}
	
	/* Main Menu Adjustments */
	.submenu-light .menu-smart, .submenu-light .menu-sidebar-inner, .submenu-light .main-menu-container {
		background-color: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	
	#menu-main-menu > li.menu-contact > a {
		background-color: #fff;
		color: #062d45 !important;
		border: none;
		padding: 9px 36px 9px 36px !important;
	}
	
	li.menu-contact {
		padding-left: 0;
	}
	
	/* Order of MESH items */
	.responsive-flex .row-inner {
  		display: flex;
  		-ms-box-orient: horizontal;
  		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -moz-flex;
  		display: -webkit-flex;
   		-webkit-flex-flow: row wrap;
  		flex-flow: row wrap;
	}

	.main-container .row-inner .responsive-flex-item:nth-of-type(1) {
  		order: 3;
  		padding-top: 36px !important;
	}

	.main-container .row-inner .responsive-flex-item:nth-of-type(2) {
  		order: 1;
	}

	.main-container .row-inner .responsive-flex-item:nth-of-type(3) {
  		order: 2;
	}
	
	/* Clients images Adding some spacing */
	.client-media {
		padding: 0 36px 36px 36px !important;
	}
	
	.client-media:last-of-type {
		padding-bottom: 0 !important;
	}
	
	.client-media:first-of-type {
		padding-top: 0 !important;
	}
	
	/* Blog Read More Adjustments */
	.t-entry-readmore {
		display: inline-block;
		width: auto !important;
	}
	
	/* Team Members */
	.team-member .column-background .background-wrapper .background-inner {
		background-size: 250px !important;
	}
	
	.team-member .uncode-single-media.text-left {
		text-align: center;
	}
	
	 /* Contact Form - Inputs Full Width */
	.c-input {
		width: 100%;
	}
	
	/* Subscribe Form */
	.subscribe-form {
		padding: 0 36px;
	}
	
	.c-input_newsletter {
		width: 60%;
	}
	
	.subscribe-form .c-submit {
		width: 40%;
		top: 7px;
	}
	
	.subscribe-form .c-submit i {
		display: none;
	}
	
	.subscribe-form .c-submit_newsletter {
		top: -3px;
	}
	
	.responsive-centered .uncode-single-media.text-left,
	.responsive-centered .uncode-single-media.text-right {
		text-align: center;
	}
	
	/* Footer Menu */
	.footer-menu .widget_nav_menu li {
		padding: 5px 0;
	}
	
	.site-footer .row-container.footer-last {
		padding-bottom: 0;
	}
	
	/* Main Blog Fix */
	.style-metro .tmb.tmb-content-lateral .t-inside .t-entry-visual {
  		display: inline-block;
	}	

	.style-metro .tmb .t-inside .t-entry-text {
  		display: table;
  		float: right;
	}
	
	/* Blog Single */
	.single-post .header-wrapper .header-content-inner {
		padding: 36px !important;
	}
	
	#reply-title.comment-reply-title {
		text-align: center;
	}
	
	.comment-figure {
		display: table;
		margin: 0 auto 36px;
		width: auto;
		float: none;
		text-align: center;
	}
	
	.comment {
		text-align: center;
	}
	
	.comments-title {
		text-align: center;
	}
	
	.comment-content .logged-in-as {
		margin-right: 0;
	}
	
	.post-content .post-title-wrapper .post-title {
		max-width: 100%;
		width: 80%;
	}
	
	.must-log-in {
		text-align: center;
	}
}

@media (max-width: 1333px) {
	.main-container .header-wrapper .row-container .row-parent{
		padding: 72px 36px;
	}
}

/* Laptops and smaller Desktop Screens */
@media (min-width: 960px) and (max-width: 1199px) {
	.page-title .background-element .background-inner{
		background-size: 650px !important;
		background-position: right top 30% !important;
		z-index: 1;
	}
	
	.header-wrapper .heading-text {
		z-index: 2;
	}
	
	.page-title.blog-hero .background-element .background-inner {
		background-position: right top 50% !important;
	}

	.hero-image .background-element .background-inner {
		background-size: 450px !important;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	.page-title .background-element .background-inner{
		background-size: 650px !important;
		background-position: right top 100px !important;
		z-index: 1;
	}
	
	.header-wrapper .heading-text {
		z-index: 2;
	}
	
	.page-title.blog-hero .background-element .background-inner {
		background-position: right top 100px !important;
	}

	.hero-image .background-element .background-inner {
		background-size: 500px !important;
		background-position: right bottom !important;
	}
	
	.header-wrapper .row-container .row-parent {
		padding: 200px 36px !important;
	}
	
	.post-info {
		margin-bottom: 60px;
	}
	
	.shift_y_neg_triple {
		margin-top: -54px !important;
	}
}

@media (min-width: 1440px) and (max-width: 2559px) {
	.page-title .background-element .background-inner{
		background-size: 650px !important;
		background-position: right top 50% !important;
		z-index: 1;
	}
	
	.header-wrapper .heading-text {
		z-index: 2;
	}
	
	.page-title.blog-hero .background-element .background-inner {
		background-position: right top 50% !important;
	}

	.hero-image .background-element .background-inner {
		background-size: 650px !important;
	}
}