/*
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
*/

@font-face {
    font-family: 'montblack';
    src: url('fonts/mont-black-webfont.eot');
    src: url('fonts/mont-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mont-black-webfont.woff2') format('woff2'),
         url('fonts/mont-black-webfont.woff') format('woff'),
         url('fonts/mont-black-webfont.ttf') format('truetype'),
         url('fonts/mont-black-webfont.svg#montblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

.style-dark .link-hover,
.style-light .style-dark .link-hover,
.style-dark a:not(.btn-text-skin):hover,
.style-light .style-dark a:not(.btn-text-skin):hover,
.style-dark a:not(.btn-text-skin):focus,
.style-light .style-dark a:not(.btn-text-skin):focus,
.style-dark a.active,
.style-light .style-dark a.active,
.style-dark .tmb .t-entry-text .t-entry-title a:hover,
.style-light .style-dark .tmb .t-entry-text .t-entry-title a:hover,
.style-dark .tmb .t-entry-text .t-entry-title a:focus,
.style-light .style-dark .tmb .t-entry-text .t-entry-title a:focus,
.style-dark .tmb-content-under.tmb .t-entry p.t-entry-author a:hover span,
.style-light .style-dark .tmb-content-under.tmb .t-entry p.t-entry-author a:hover span,
.style-dark .tmb-content-lateral.tmb .t-entry p.t-entry-author a:hover span,
.style-light .style-dark .tmb-content-lateral.tmb .t-entry p.t-entry-author a:hover span,
.style-dark .tmb .t-entry p.t-entry-comments .extras a:hover i,
.style-light .style-dark .tmb .t-entry p.t-entry-comments .extras a:hover i,
.style-dark .tmb .t-entry p.t-entry-comments .extras a.active i,
.style-light .style-dark .tmb .t-entry p.t-entry-comments .extras a.active i,
.style-dark .tmb .t-entry p.t-entry-comments .extras a:focus i,
.style-light .style-dark .tmb .t-entry p.t-entry-comments .extras a:focus i,
.style-dark .drop-hover-accent.uncode-post-titles .tmb:hover .t-entry-title *,
.style-light .style-dark .drop-hover-accent.uncode-post-titles .tmb:hover .t-entry-title *,
.style-dark .tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:hover,
.style-light .style-dark .tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:hover,
.style-dark .tmb.tmb-table .t-inside-post-table .t-entry-table-typography a:hover,
.style-light .style-dark .tmb.tmb-table .t-inside-post-table .t-entry-table-typography a:hover,
.style-dark .tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:focus,
.style-light .style-dark .tmb.tmb-table .t-inside-post-table a.t-entry-table-typography:focus,
.style-dark .tmb.tmb-table .t-inside-post-table .t-entry-table-typography a:focus,
.style-light .style-dark .tmb.tmb-table .t-inside-post-table .t-entry-table-typography a:focus,
.style-dark .widget_nav_menu li.active > a,
.style-light .style-dark .widget_nav_menu li.active > a,
.style-dark div[class*=sharer-].share-button label:hover,
.style-light .style-dark div[class*=sharer-].share-button label:hover,
.style-dark div[class*=sharer-].share-button label:focus,
.style-light .style-dark div[class*=sharer-].share-button label:focus {
  color: #857a7a !important;
}

.portfolio-navigation-custom .fa, .uncode-custom-navigation__link {
	color: #2c2c2c !important;
}

strong {
    color: #857a7a;
    font-weight: 200;
}

.h1.text-accent-color {
    background: url("https://www.declinedesign.com/new/wp-content/uploads/2020/03/title_img-dark.png") no-repeat center top;
    padding-top: 70px;
}

/*
#page-header .header-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(https://www.declinedesign.com/new/wp-content/uploads/2020/03/pattern.svg) repeat center top;
  background-size: 100%;
}
*/

#page-header .header-wrapper .uncont {
	padding-top: 0 !important;
}

.vc_custom_heading_wrap.services-list p {
    font-size: 20px;
    line-height: 20px;
	letter-spacing: 0.1em;
}

.pattern-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(https://www.declinedesign.com/new/wp-content/uploads/2020/03/pattern.svg) repeat center top;
  background-size: 100%;
}


.isotope-filters ul.menu-smart > li > span > a:not(.social-menu-link) {
    font-size: 16px;
}

.t-overlay-content .t-entry-meta p {
	margin-bottom: 16px !important;
}

.portfolio-wrapper .post-title {
	font-size: 40px;
}

.wp-video::before {
    background: url(https://www.declinedesign.com/new/wp-content/uploads/2021/02/declinedesign-posterimage.jpg) top center;
    content: " ";
    background-size: cover;
    width: auto;
    height: auto;
    position: absolute;
}

.uncode-video-container.self-video mediaelementwrapper {
    background: url(https://www.declinedesign.com/new/wp-content/uploads/2021/02/declinedesign-posterimage.jpg) top center;
    content: " ";
    background-size: cover;
    width: auto;
    height: auto;
    position: absolute;
}

.wpcf7-not-valid-tip {
	color: #dc3232 !important;
}

.wpcf7-captcha-box {
	display: flex;
	justify-content: center;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #ffffff !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    padding: 16px !important;
    background-color: #46b450 !important;
}

.menu-light .menu-smart > li a.active {
    color: rgba(44, 44, 44, .5) !important;
}




/* ------ MEDIA QUERIES ------- */





@media (max-width: 576px) {

	#page-header .header-wrapper::after, .pattern-overlay::after {
    		background-size: 300%;
	}
}

@media (max-width: 768px) {

	#page-header .header-wrapper::after, .pattern-overlay::after {
    		background-size: 200%;
	}
}

@media (min-width: 360px) {

 	 #page-header .header-wrapper .single-wrapper {
		max-width: 66% !important;	
	}

}

@media (min-width: 576px) {

 	 #page-header .header-wrapper .single-wrapper {
		max-width: 44% !important;	
	}

}

@media (min-width: 768px) {

 	 #page-header .header-wrapper .single-wrapper {
		max-width: 40% !important;	
	}

}

@media (min-width: 992px) {

 	 #page-header .header-wrapper .single-wrapper {
		max-width: 40% !important;	
	}

}

@media (min-width: 1200px) {

 	 #page-header .header-wrapper .single-wrapper {
		max-width: 24% !important;	
	}

}

@media (min-width: 1921px) {

 	 #page-header .header-wrapper .single-wrapper {
		max-width: 18% !important;	
	}

}

@media (max-width: 1200px) {

	#creativity {
    		min-height: 570px;
	}

	#creativity .background-inner {
		background-size:140%;
	}

}

@media (max-width: 576px) {

	#creativity {
    		min-height: 290px;
	}

	#creativity .background-inner {
		background-size:140%;
	}

}