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

.about-sub { padding: 20px; background:#af2129;color:#fff;}
.test-sub { padding: 20px; background:#af2129;color:#fff;}

.about-sub p {text-transform: uppercase; color:#fff!important; text-align: center; font-weight:300; font-size:140%;padding:0;margin:0;font-size:25px;}
.test-sub p {text-transform: uppercase; color:#fff!important; text-align: center; font-weight:300; font-size:140%;padding:0;margin:0;font-size:18px;}

span.author-designation, span.item-company, span.author-location { text-transform: uppercase; font-size: 130%;}
.tss-grid-item .item-content p {font-size: 150%;}
.team-header {text-align: center!important;}

.post-content .heading-text h2 {font-size: 36px; font-weight: 300; text-align:left; letter-spacing: .05em;}

.portfolio-body .row-container:first-child { display: none;}


.portfolio-wrapper .double-top-padding { padding-top: 36px!important; }

.portfolio-wrapper h1.post-title {
  text-transform: uppercase;
  margin-top: 0px;
}


.tss-carousel1 .entry-content p { font-size: 14px;  }


.theredbox-thick {
  padding:      40px 40px;
  background: 	linear-gradient(to right, transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 100% / 100% 20px no-repeat, /* bottom  */
		            linear-gradient(to right,  transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 0 / 100% 20px no-repeat, /* top */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 0 0 / 20px 100% no-repeat, /* left */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 100% 0 / 20px 100% no-repeat /* right */
} 


.theredbox-thick-phil {
  padding:      40px 40px;
  background: 	linear-gradient(to right, transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 100% / 100% 20px no-repeat, /* bottom  */
		            linear-gradient(to right,  transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 0 / 100% 20px no-repeat, /* top */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 0 0 / 20px 100% no-repeat, /* left */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 100% 0 / 20px 100% no-repeat /* right */
} 



.theredbox-thick-small {
  padding:      40px 40px;
  background: 	linear-gradient(to right, transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 100% / 100% 20px no-repeat, /* bottom  */
		            linear-gradient(to right,  transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 0 / 100% 20px no-repeat, /* top */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 0 0 / 20px 100% no-repeat, /* left */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 100% 0 / 20px 100% no-repeat /* right */
} 



.theredbox-mid {
  padding:      40px 40px;
  background: 	linear-gradient(to right, transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 100% / 100% 10px no-repeat, /* bottom  */
		            linear-gradient(to right,  transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 0 / 100% 10px no-repeat, /* top */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 0 0 / 10px 100% no-repeat, /* left */
		            linear-gradient(to bottom, #af2129 40%, transparent 40%, transparent 60%, transparent 60%, #af2129 60%, #af2129 100%) 100% 0 / 10px 100% no-repeat /* right */
} 

.theredbox-thin {
  padding:      40px 40px;
  background: 	linear-gradient(to right, transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 100% / 100% 3px no-repeat, /* bottom  */
		            linear-gradient(to right,  transparent 0%, #af2129 0%, #af2129 100%, transparent 100%) 0 0 / 100% 3px no-repeat, /* top */
		            linear-gradient(to bottom, #af2129 25%, transparent 25%, transparent 75%, transparent 75%, #af2129 60%, #af2129 100%) 0 0 / 3px 100% no-repeat, /* left */
		            linear-gradient(to bottom, #af2129 25%, transparent 25%, transparent 75%, transparent 75%, #af2129 60%, #af2129 100%) 100% 0 / 3px 100% no-repeat /* right */
} 


.theredbox-thick-white {
  padding:      40px 40px;
  background: 	linear-gradient(to right, transparent 0%, #fff0%, #fff 100%, transparent 100%) 0 100% / 100% 20px no-repeat, /* bottom  */
		            linear-gradient(to right,  transparent 0%, #fff 0%, #fff 100%, transparent 100%) 0 0 / 100% 20px no-repeat, /* top */
		            linear-gradient(to bottom, #000 40%, transparent 40%, transparent 60%, transparent 60%, #000 60%, #000 100%) 0 0 / 20px 100% no-repeat, /* left */
		            linear-gradient(to bottom, #000 40%, transparent 40%, transparent 60%, transparent 60%, #000 60%, #000 100%) 100% 0 / 20px 100% no-repeat /* right */
} 




.theredbox-thick p {text-transform: uppercase; color:#000!important; text-align: center; font-weight:300; font-size:140%;padding:0;margin:0;font-size:25px;}
.theredbox-mid p {text-transform: uppercase; color:#000!important; text-align: center; font-weight:300; font-size:140%;padding:0;margin:0;font-size:25px;}
.theredbox-thin p { color:#666!important; text-align: left; font-weight:300; font-size:140%;padding:0;margin:0;font-size:18px;}
.theredbox-thick-small p {text-transform: uppercase; color:#000!important; text-align: center; font-weight:300; font-size:140%;padding:0;margin:0;font-size:18px;}



.out-of-box { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45); text-align: center; }