/*
Theme Name: THIS IS RED Agency 2021
Theme URI: http://thisisredagency.com
Version: 6.15.2021
Author: Steven Moye
*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url("//hello.myfonts.net/count/2f2790");
  
@font-face {font-family: 'WesFY-Black';src: url('webfonts/2F2790_0_0.eot');src: url('webfonts/2F2790_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2790_0_0.woff2') format('woff2'),url('webfonts/2F2790_0_0.woff') format('woff'),url('webfonts/2F2790_0_0.ttf') format('truetype');}
 
@font-face {font-family: 'WesFY-Bold';src: url('webfonts/2F2790_1_0.eot');src: url('webfonts/2F2790_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2790_1_0.woff2') format('woff2'),url('webfonts/2F2790_1_0.woff') format('woff'),url('webfonts/2F2790_1_0.ttf') format('truetype');}
  
@font-face {font-family: 'WesFY-Medium';src: url('webfonts/2F2790_2_0.eot');src: url('webfonts/2F2790_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2790_2_0.woff2') format('woff2'),url('webfonts/2F2790_2_0.woff') format('woff'),url('webfonts/2F2790_2_0.ttf') format('truetype');}
   
@font-face {font-family: 'WesFY-Regular';src: url('webfonts/2F2790_3_0.eot');src: url('webfonts/2F2790_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2790_3_0.woff2') format('woff2'),url('webfonts/2F2790_3_0.woff') format('woff'),url('webfonts/2F2790_3_0.ttf') format('truetype');}
 
@font-face {font-family: 'WesFY-Thin';src: url('webfonts/2F2790_4_0.eot');src: url('webfonts/2F2790_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F2790_4_0.woff2') format('woff2'),url('webfonts/2F2790_4_0.woff') format('woff'),url('webfonts/2F2790_4_0.ttf') format('truetype');}
/*
@font-face {
	font-family: 'Chunkfive';
	src: url('fonts/Chunkfive-webfont.eot');
	src: url('fonts/Chunkfive-webfont.woff') format('woff'), 
		url('fonts/Chunkfive-webfont.ttf') format('truetype'), 
		url('fonts/Chunkfive-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.chunkfive, .primaryNav li a{
	font-family: 'Chunkfive';
}*/

body,html{
	font-family: 'WesFY-Medium';
	margin:0;
	padding:0;
	background:#fff;
}
a img{
	border:none;	
}
header,footer,main,section{
	display:block;
	width:100%;
	text-align:center;
}
header{
	/*background:url(http://dev.thisisredagency.com/tir/web/wp-content/themes/tir2015/images/headers/tw2_header_low.jpg);
	background:#646462;
	text-align:center;*/
	background:#fff;
	height:40px;
	padding:50px 0 50px;
	z-index:260;
	
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	-o-transition:all ease-out .4s;
	transition: all ease-out .4s;
}
/* .fixed */
body{
	padding-top:80px;	
}
body.the-church, body.history-events{
	padding-top: 160px;
}
/* .fixed header */
body header{	position:fixed;
	top:0;	
	padding:20px 0 20px;
	
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	-o-transition:all ease-out .4s;
	transition: all ease-out .4s;
}


.specialColor .posterBtn,
.specialColor .social a:hover,/*
.specialColor footer h2.logo,*/
.specialColor .page-header,
.specialColor .call-to-action a{
	background-color:#ff616b;	
}
.project-page .main-content a,
.specialColor section.homeText,
.specialColor header nav a:hover,
.specialColor .p_highlight h2 {
    color: #ff616b;
}

.project-page .main-content a{
	text-decoration:none;	
}

header nav,
section .link,
.project-page h1,
.project-page h2,
.project-page .main-content{
	width:90%;
	max-width:1280px;	
	margin:0 auto;
}
header nav{
	text-align:left;
}
header nav li,
header nav ul{
	margin:0;
	padding:0;
	display:inline;
}	
header nav a{
	text-decoration:none;
	font-family: 'WesFY-Bold';
	font-size:18px;
	color:#000;
	margin-right:15px;
	
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition:all .1s;
	transition: all .1s;
}
	
header nav a:hover,
header nav a.active{
	color:#ff616b;	
}
header nav a.inactive{
	color:#c4c3c3;
}

.social{
	float:right;
	padding-top: 8px;	
}
.social a{
	display:inline-block;
	background:#818181;
	width:22px;
	height:19px;
	position:relative;	
	margin-right:6px;
	
	-webkit-transition: all ease-out .2s;
	-moz-transition: all ease-out .2s;
	-ms-transition: all ease-out .2s;
	-o-transition:all ease-out .2s;
	transition: all ease-out .2s;
}
.social a img{
	position:absolute;	
	top:0;
	height:19px;
	width:22px;
}
.social a:hover{
	background:#ff616b;	
}
header h1{
	display:inline-block;
	padding-right:60px;
}
header h1 img{
	width:180px;	
}

h1,h2{
	font-family: 'WesFY-Bold';
	font-weight:normal;
	margin:0;
	padding:0;	
}
h2{
	font-size:48px;	
}



main{
	position:relative;	
	z-index:1;
}
section{
	position:relative;	
	z-index:1;
}

.home-previews section img{
	position:relative;
	z-index:2;
	width:100%;
	display:block;
}

.blog-list-inner{
	background-image: url(images/362.GIF);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 400px;	
}	

.home-previews section .link{	
	width:90%;
	left:5%;
	text-align:left;
	position:absolute;
	top:40%;
	z-index:3;
	display:block;
	cursor:pointer;
	text-decoration:none;
}
.home-previews section .link h2{
	color:#fff;
	margin-bottom:15px;
	width:auto;
	padding-bottom:0;
}	
.home-previews section .link span{
	background: #fff url(images/home-link_arrow.png) center right no-repeat;
	color:#000;
	font-size:17.5px;
	font-family: 'WesFY-Black';
	padding:6px 35px 6px 6px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	-o-transition:all ease-out .3s;
	transition: all ease-out .3s;
}	
.home-previews section .link:hover span{
	padding-right:55px;	
	color:#333;
}
.specialColor section.homeText{
	color:#636363;
}
section.homeText{
	min-height:130px;
	padding:65px 25%;	
	width:50%;
	font-size:24px;
	height:auto;
}
.montage{
	height:759px;
}
.posterBtn{
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	background: url(images/VideoPosterFrame_hp.jpg) top center no-repeat;
	background-color:#ff616b;
	background-size:100% auto;
	cursor:pointer;
}
.posterBtn img{
	position:absolute;
	top:18%;
	width:30%;
	left:35%;	
	display:none;
}
.posterBtn h2{
	position:absolute;
	top:78%;		
	color:#fff;	
	width:100%;
	display:block;
	text-align:center;
}
.videoCon{
	display:none;
	position:absolute;
	top:0;
	width:100%;	
}

/* ----  7.26.19 Update -----*/
section.homeText .largeBold{
	color:#000000;
	font-family: 'WesFY-Bold';
	font-weight: normal;
	font-size:30px;
	letter-spacing: -.22px;
}
section.homeText{
	min-height:130px;
	padding:30px 10% 30px;
	width:880px;
	max-width:80%;
	margin:0 auto;
}

.homeSect2 .copy{
	font-size:27px;
	color:#585858;
}
.homeSect2 .copy p{
	padding-top:45px;	
	font-family: 'WesFY-Regular';
	max-width:70%;
	margin: 10px auto 20px;
}
@media (max-width: 640px){
	section.homeText .largeBold{
		font-size:24px;
	}
	.homeSect2 .copy p{
		padding-top:25px;
		font-size: 24px;	
	}
}

.posterBtn{
	background-image: url(images/videoPoster_jul19.jpg);
	background-image: url(http://www.thisisredagency.com/wp-content/uploads/2020/04/THIS-IS-RED-agency-film.jpg);
	background-size: auto 100%;
}
.posterBtn h2{
	top:11.8%;
	font-size: 42px;
	display:none;
}

/* ---- END Update -----*/

main{
	padding-top:40px;	
}


.project-page{
	padding-top:60px;	
}

.project-page h1,
.project-page h2{
	font-size:48px;
	font-family: 'WesFY-Bold';	
}
.project-page h2{
	color:#7f7f7f;
	padding-bottom:30px;
}
.project-page h3{
	font-size:18px;
	color:#000;
}

.project-page section{
	height:auto;	
}
.project-page section img{
	width:100%;
}
.project-page .main-content{
	color:#918e8e;
	font-size:24px;	
}

.project-page .main-content .text{
	text-align:left;
	padding:75px 5% 135px;
}
.project-page .main-content .text p{
	
}
.project-page .photo p,
.project-page .video p{
	color:#918e8e;	
	font-family: 'WesFY-Medium';
	font-size:16px;
}

.project-page .photo,
.project-page .video{
	padding-bottom:120px;
}
.vidPoster{
	cursor:pointer;
	display:none;	
}

.embed-con{
	width:100%;
	overflow:hidden;
}
.embedcode{
	width:90%; margin: 0 auto;	
}

.project-page .callout{
	padding:100px 0 124px;
	color:#000;
	font-size:48px;
	font-family: 'WesFY-Bold';
}

.project-page .callout p{
	padding: 0 5%;	
}
.project-page .photo h3,
.project-page .video h3,
.project-page .photo p,
.project-page .video p{
	padding: 0 10%;		
	margin: 8px 0 0;
}
.project-page .photo h3,
.project-page .video h3{
	margin:18px 0 0;	
}
.project-page .embedcode{
	text-align:center;
}

.project-page .embedcode iframe,
.project-page .embedcode .twitter-tweet,
.project-page .embedcode .twitter-tweet-rendered{
	display:inline-block !important;
	padding:0 15px !important;
	height: 571px !important;
	margin: 0 auto;
}

.page-header{
	padding:70px 0;	
	color:#fff;
	font-size:24px;
	background-size:100% auto;
	background-repeat:no-repeat; 
	background-position: center top;
}
.page-header .inside{
	margin:0 auto;
	max-width:867px;	
}
.page-header h2{
	padding-top:210px;	
	font-size:36px;
}
.perspective .page-header{
	padding-bottom: 30px;
}
.entry{
	max-width:920px;
	width:90%;
	padding:0 5%;
	margin:45px auto;
	display:block;
}
.perspective .entry{
	max-width:980px;	
}

.entry h2{
	font-size:34px;	
}

.call-to-action{
	margin: 150px auto 150px;
	max-width:550px;
	font-size:43px;
	color:#000000;
	font-family: 'WesFY-Thin';
}
.call-to-action hr{
	border:none;
	display:block;
	border-top: 1px solid #b0b0b0;	
	height:45px;
}
.call-to-action a{
	padding:31px 25px;
	height:38px;
	font-size:36px;
	color:#fff;
	font-family: 'WesFY-Bold';
	text-decoration:none;
	border-radius: 25px;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition:all .2s;
	transition: all .2s;
}
.call-to-action a:hover{
	background:black;	
}

.sevenrules{
	padding:150px 0 290px;	
}
.sevenrules b{
	display:block;
	font-size:36px;
	padding-top:33px;	
}

footer{
	max-width:450px;
	margin:0 auto;
	padding:85px 5% 15px;	
	color:#838080;
}
footer h2.logo{
	/*height:28px;
	width:290px;*/
	width:240px;
	margin:0 auto 77px;
	
	padding:0;
	position:relative;
	overflow:hidden;
	display:block;
	text-indent:none;
	/*
	background:#ff616b;	
	background:#a7a7a7;*/
}
footer h2.logo img{
	width:100%;
	/*	
	position:absolute;
	top:0;
	left:0;
	height:28px;
	width:290px;*/
}

.moreSect{
	text-align:center;
	padding-top:30px;
	position:relative;
	-webkit-overflow-scrolling: touch;
}

.moreSect h2{
	color:#db035d;
	border-top:1px solid #e6e6e6;
	padding:9px 0 30px;
	font-size:32px;	
	max-width:430px;
	margin:0 auto;
}
.moreSect .slideContainer{
	background:#e1015d url(images/moreBG.jpg) no-repeat;
	background-size:100% 100%;
	padding:92px 0 16px;
	height:450px;
	width:100%;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	position:relative;
}
.moreSect .inner-slider{
	width:966px;
	margin: 0 auto;
	text-align: left;
	-webkit-overflow-scrolling: touch;
}
.moreSect .slideContainer .linkBlock{
	width:310px;
	height:380px;
	overflow:hidden;
	font-family: 'WesFY-Regular';
	display:inline-block;
	float:left;
	text-decoration:none;
	background:#fff;
	margin: 0 6px;
	position:relative;
}
.moreSect .linkBlock img{
	height:175px;
	min-width:100%;
	position:absolute;
	top:0;
}
.moreSect .linkBlock h3 strong{
	font-size:21px;
	font-weight:normal;
	display:block;
}
.moreSect .linkBlock h3{
	padding:180px 16px 0;
	color:#000000;
	font-size:16px;
	font-family: 'WesFY-Bold';
	font-weight:normal;
}
.moreSect .linkBlock h4{
	padding:8px 16px;
	margin:0;
	color:#7f7f7f;
	font-size:16px;
	font-weight:normal;
	font-family: 'WesFY-Bold';
}
.moreSect .linkBlock .arrow{
	display:block;
	clear:both;
	padding:30px 0 20px;
	background: #fff url(images/home-link_arrow.png) center 32px no-repeat;
	height:30px;
	width:100%;
}

.no-touch-btns{
	display:none;
	width:60px;
	height:20px;
	margin: 30px auto 0;
	text-align:center;	
}
.no-touch-btns .sbtn{
	display:inline-block;
	width:11px;
	height:11px;	
	background:#fff;
	border-radius:100%;
	margin: 0 2px;
	opacity:.6;
} 

.no-touch-btns .sbtn-active{
	opacity:1;
}

address{
	font-style:normal;	
}
.contact{
	width:90%;
	max-width:480px;
	padding: 0 5% 24px;
	margin:15px auto 100px;
	font-size:18px;
	
}
.contact h3{
	color:#000;
	font-size:18px;
	font-style:normal;
	font-family: 'WesFY-Bold';
	padding-bottom:12px;
	margin:0;
}
.tiny-hr{
	width:242px;
	margin:0 auto;
	height:2px;
	border-bottom:1px solid #838080;
}
.contact .contact-link{
	font-family: 'WesFY-Regular';
	font-size:14px;
	line-height: 27px;
	color:#989898;
	text-align:center;
	border-bottom:1px solid #838080;
	padding:18px 0 20px;
	width:292px;
	margin:0 auto;
}
.contact-link a{
	color:#989898;
	text-decoration:none;
}
.contact-link a span{
	display:block;
	font-size:40px;
	font-style:normal;
	font-family: 'WesFY-Bold';
	color: #f75a6d;
	text-transform:uppercase;
}
address p a{
	color:#838080;	
	text-decoration:none;
}
address p a:hover{
	text-decoration:underline;	
}
/*
.work-mail{		background-image:url(images/icon_newBiz.png);	}
.career-mail{	background-image:url(images/icon_careers.png);	}*/

footer .copy{
	padding-top:60px;
	font-size:12px;	
}
footer p{
	width:90%;
	padding:10px 5%;	
}



/*  NEW BLOG POSTS  */
.new-blog-posts .column{
	float:left;
	padding: 0 15px 0;
	width: 300px;
}

.tir-feed{
	width:96%;
	margin: 0 auto;	
	overflow:auto;
	/*
	column-count: 4;
	-webkit-column-count: 4;
	-webkit-column-gap: 15px;
	-moz-column-count: 4;
	-moz-column-gap: 15px;

	-moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;*/
}
.new-blog-posts .post{
	display: inline-block;
	padding: 15px 0 45px;
    width: 300px;
	margin: 0 0 1em;
}
.new-blog-posts .post img{
	width:100%;	
}
.new-blog-posts .Twitter img{
	background: url(images/t_noImage.jpg);
}.new-blog-posts .Facebook img{
	background: url(images/fb_noImage.jpg);
}
.new-blog-posts .post .pdate {
	border-top:6px solid #333;
	padding:6px 0;
	
	color:#848486;
	font-size:12px;
	text-align:left;
}
.new-blog-posts .post .pdate i{
	float:right;
	font-style:normal;
	color:#000;	
}
.new-blog-posts .blogHdr a {
    color: #31271b;
    font-size: 22px;
    text-decoration: none;
    text-transform: uppercase;
}
.new-blog-posts .blogHdr{
	text-align:left;	
	font-size:inherit;
}
.post-copy{
	display:block;
	text-align:left;	
}
.c-name{
	display:inline-block;	
}
.error404{
	text-align:center;	
}


.about-1-sect{
	height:617px;
	background: url(images/Aboutpage_top.jpg) no-repeat;
	background-size:auto 100%;
}	
.about-1-sect h2{
	padding:144px 0 52px;
	color:#e5005d;
	margin:0 auto;
	max-width:800px;
	width:92%; 
}
.about-1-sect p{
	margin:0 auto;
	max-width:800px;	
	width:92%;
	font-size:24px;
	color:#000000;
	text-align:center; /* MEdium Font*/
}
.about-2-sect{
	padding:60px 0;
	height:160px;	
	margin:0 auto;
	max-width:800px;	
	width:92%;
}

.highlights-con{
	/*padding:30px 0 65px;
	overflow:auto;*/
}
.p_highlight{
	height:421px;
	width:100%;
	display:block;
	background: no-repeat;
	background-size:auto 100%;
}
.highlights-con .creative{
	background-image:url(images/Aboutpage_creative.jpg);
}.highlights-con .story{
	background-image:url(images/Aboutpage_story.jpg);
}.highlights-con .digital{
	background-image:url(images/Aboutpage_digital.jpg);
	background-position:center center;
}.highlights-con .strategy{
	background-image:url(images/Aboutpage_strategy.jpg);
}
.p_highlight .inner_area{
	width:412px;
	margin:0 auto;
	/*padding-right:412px;*/
	padding:118px 412px 0 0; 
	text-align:left;
	color:#fff;
	font-size:18px;
}

.p_highlight .inner_area hr{
	display:block;
	background:#f75a6d;
	border:none;
	width:108px;
	height:3px;	
	margin:0 0 15px;
}
.highlights-con .p_highlight h2{
	font-size:35px;	
	padding:15px 0;
	color:#fff;
	clear:both;
}
.story .inner_area, .strategy .inner_area{
	width:412px;
	padding:118px 0 0 412px; 
	text-align:right;
}
.story .inner_area hr, 
.strategy .inner_area hr{
	margin: 0 0 15px 302px;
}

.about-3{
	padding:90px 0 90px;	
	font-size:18px;
}
.btnB{
	background:#f75a6d;
	display:inline-block;
	padding:10px 14px;
	border-radius:15px;	
	color:#fff;
	font-size:24px;
	font-family: 'WesFY-Bold';
	text-decoration:none;
	margin-bottom:30px;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition:all .2s;
	transition: all .2s;
}
.btnB:hover{
	background:#000;	
}
.about-client,
.homeH2{
	max-width:830px;
	width:80%;
	color:#737373;
	border-bottom:1px solid #d2d2d2;
	margin: 0 auto 10px;
	padding-bottom:20px;
}

.homeH2{
	font-size:48px;
	text-align:center;
	margin: 45px auto;
}	

.clientList img{
	width:24%;	
}

nav .hamcontainer{display:none;}

.nav-subhead{
	height:70px;
	width:100%;
	clear:both;
	display:block;
	text-align:center;	
	margin-top:-40px;
}

.workHidden{
	display:none;
}
.wfbtn{
	display:inline-block;
	width:176px;
	height:60px;
	border-radius:14px;	
	margin:0 4px;
	position:relative;
	font-size:20px;
	font-style: normal;
	font-family: 'WesFY-Bold';
	z-index:20;
	cursor:pointer;
}
.wfbtn a{
	border:3px solid #eaecee;
	position:absolute;
	top:0;
	font-size:20px;
	color:#9a9a9a;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	width:160px;
	/*height:54px;*/
	height:21px;
	padding:14px 5px 18px; 
	background:#fff;
	border-radius:14px;	
	display:block;
	z-index:21;
}
.wfbtn-lgr a{
	width:162px;
	text-align:left;
	text-align:center;
	/*padding:16px 11px; */
	padding: 14px 11px 18px;
}
.wfbtn a .arrow{
	width:26px;
	height:21px;
	background:url(images/filter-arrow.png) center 6px no-repeat;	
	display:inline-block;
}

/*
.newvers{ }
*/
/* October 2022 Homepage Update*/
.vidPopUp iframe{
	max-width:100%;
}

.montagevideoBG{
	width:100%;
	height:600px;
	position:relative;
	overflow:hidden;
	background: #000;
}
.montagevideoBG video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}
/*
.montagevideoBG .loader-con{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}
*/
.homespace{
	background: url(images/home_spaceTIR_Space_img_mb.jpg) right top no-repeat;
	background-size:cover;
	height:300px;
	padding:350px 0;
	color:#fff;
}

.homespace h2{
	font-size:38px;
}
.homespace .inner{
	margin: 0 auto;
	width: 400px;
}
.homespace p{
	font-size:22px;
	padding-bottom:30px;
}
.homespace .txtbtn{
	color:#fff;
	font-family: 'WesFY-Bold';
	font-size:22px;
	text-decoration:none;
	display:block;
	margin:10px auto;
}
.homespace img{
	display:block;
	margin:10px auto;
	width:50px;
}
@media (min-width: 680px){
	.homespace{
		background-image: url(images/home_space_TIR_Space_img.jpg);
	}
}
@media (max-width: 1240px){
	.homespace{
		background: url(images/home_space_TIR_Space_img.jpg) 75% top no-repeat;
		background-size:auto 100%;
	}
}
@media (max-width: 740px){
	.homespace{
		background: url(images/home_spaceTIR_Space_img_mb.jpg) 75% top no-repeat;
		background-size:auto 100%;
		height:300px;
		padding:200px 0;
	}
	.homespace .inner{
		margin: 0 auto;
		width: 300px;
	}
	.homespace p{
		font-size:18px;
	}
	
	.montagevideoBG{
		height:520px;	
	}
}


.montagevideoBG .overlayText{
	position: absolute;
	z-index:5;
	color:#fff;
	padding-top:80px;
	width:100%;
	bottom: 5%;
}
.montagevideoBG .overlayText h2{
	font-size:22px;
}
.montagevideoBG .overlayText p{
	font-size: 36px;
    padding: 10px 12%;
	font-family: 'WesFY-Bold';
	margin-bottom: 30px;
}
.home-vidplayBtn{
	
	cursor:pointer;
}
.home-vidplayBtn img{
	margin-top:8px;
	width:80px;
	border:none;
}
@media (max-width: 700px){
	.homespace{
		height:300px;
		padding:100px 0 240px;
	}
	.montagevideoBG .overlayText p,
	.homespace h2{
		font-size:28px;
	}
}
@media (max-width: 560px){
	.homespace{
		height:300px;
		padding:70px 0 170px;
	}
}
.montagevideoBG .overlayText h2,
.homespace .txtbtn{
	text-decoration:underline;
}


.vidPopUp{
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:rgba(10,10,10,.95);
	width:100%;
	height:100%;
	z-index:2000;
}
.vidPopUp .clickableoverlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	cursor:pointer;
}
.vidPopOpen{
	display:block;
}
.vidPopUp span.closeX{
	height: 26px;
	width: 26px;
	margin: 50px 40px;
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight:bold;
	position: absolute;
	right: 0;	
	cursor:pointer;
	z-index:50;
}
.vidPopUp iframe{
	width:1280p;
	height:720px;
	display:block;
	margin: 0 auto;
	padding-top:150px;
	position:relative;
	z-index:50;
}


.wfbtn-lgr ul{
	z-index:20;
	position:absolute;
	top:0;
	padding:56px 14px 10px 14px;
	width:156px;
	display:block;
	text-align:left;
	background-color:#f75b6e;
	border-radius:14px;	
	border:3px solid #f75b6e; 
	display:none;
}
.wfbtn ul li{
	display:block;
	cursor:pointer;
	padding:6px 0;
	height:30px;
	color:#fff;
}	
.wfbtn ul li:hover{
	color:#000;	
}
.wfbtn ul li.active{
	background: url(images/white-check.png) 95% center no-repeat;
	color:#000;
}

.wfbtn-active a,
.wfbtn:hover a{
	border-color:#f75b6e;
	color:#f75b6e;
}
.wfbtn-active a .arrow,
.wfbtn-hover a .arrow{
	background-image:url(images/filter-arrowRed.png);
}
.wfbtn-hover ul{
	display:block;
}



/*
.client-filter .newvers, 
.digital-filter .newvers,
.story-filter .newvers,
.identity-filter .newvers{
	display:none;
}

.client-filter .parentproj{
	display:block;
}

.story-filter .cat-story,
.digital-filter .cat-digital,
.identity-filter .cat-identity{
	display:block;	
}

.all-filter .parentproj{
	display:none;
}

*/


.policyPage .copy{
	padding:80px 0 120px;
	margin: 0 auto;
	width:900px;
	text-align:left;
}

.black-page{
	background:#000;
}
.black-page .project-page h2{
	color:#999;
}
.black-page .project-page h1, 
.black-page .project-page .callout h2, 
.black-page .project-page h3, 
.black-page h3,
.black-page .project-page .callout {
	color: #fff;
}
.black-page footer h2.logo{
	min-height:62px;
	background: url(images/tir_footer_logo_Black.jpg) center top no-repeat;
	background-size: auto 62px;
}
.black-page footer h2.logo img{
	display:none;
}

.newvers{
	background:#e1e1e1;
} 

@media (max-width: 1350px){
	.page-header{
		background-size: auto 100%;
		width:90%; 
		padding-left:5%; 
		padding-right:5%;
	}	
}

@media (max-width: 640px){
  
	.call-to-action{
	  margin: 80px auto 200px;
	}
	.sevenrules{
	  padding:110px 0 180px;	
	}
	.page-header .inside{
	  font-size:16px;
	}	
	.no-touch-btns{
	  display:block;
	}
	.moreSect .slideContainer{
	  background-image:url(images/moreBG_vert.jpg);
	}
	
	.fixed header{
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+49,f7f7f7+100 */
	  background: #ffffff; /* Old browsers */
	  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 69%, #f7f7f7 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 69%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to bottom, #ffffff 0%,#ffffff 69%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	  border-bottom:1px solid #c0c0c0;
	  padding:16px 0;
	}
	
	.about-1-sect {
		height:auto;
		padding-bottom:40px;
	}
	.about-1-sect p{
		font-size:21px;	
	}
	.project-page .main-content{
		font-size:18px;	
	}
	.cline2{
		display:block;	
	}
	
	.home-previews section .link span{
		background: #fff url(images/home-link_arrow.png) center right no-repeat;
		color:#000;
		font-size:17.5px;
		font-family: 'WesFY-Black';
		padding:6px 35px 6px 6px;
		text-align:center;
		text-decoration:none;
		display:inline-block;
		
		-webkit-transition: all ease-out .3s;
		-moz-transition: all ease-out .3s;
		-ms-transition: all ease-out .3s;
		-o-transition:all ease-out .3s;
		transition: all ease-out .3s;
	}
	
	.contact h3{
		padding-bottom: 32px;
		margin: 0 auto;
		border-top: 1px solid #ccc;
		width: 210px;
		padding-top: 24px;
	}
	.tiny-hr{	
		display:none;
	}
	.tiny-hr2{
		width:210px;
		margin:24px auto 0;
		height:2px;
		border-bottom:1px solid #212121;
	}
	
	.contact .contact-link{
		font-family: 'WesFY-Regular';
		font-size:14px;
		line-height: 27px;
		color:#080808;
		text-align:left;
		border-bottom:none;
		padding:8px 0;
		margin:0 auto;
		width:auto;
	}
	.contact-link a{
		display:block;
		color:#080808;
		font-size:18px;
		text-decoration:none;
		padding:22px 42px 22px 12px;
		background:#e7e7e7 url(images/gray_black-arrow.png) 96% center no-repeat;
	}
	.contact-link a span{
		display:inline;
		font-size:18px;
		font-style:normal;
		font-family: 'WesFY-Bold';
		color:#080808;
		text-transform:lowercase;
	}
}
@media (max-width: 440px){
	.call-to-action a{
		padding: 21px 20px;
		font-size:26px;
	}	
		
	.project-page .embedcode iframe,
	.project-page .embedcode .twitter-tweet,
	.project-page .embedcode .twitter-tweet-rendered{
		height: 381px !important;
		padding:0 2px !important;
	}
	.homeH2, .moreSect h2{
		font-size:22px;	
		max-width:320px;
	}
	
	.about-1-sect h2{
		padding: 84px 0 52px;
		font-size:36px;
	}
	.about-1-sect p{
		font-size:18px;	
	}
}

@media (max-width: 900px){
	.posterBtn{
		display:none;
	}
	.videoCon{
		display:block;
	}
	
	.p_highlight{
		height:300px;
	}
	.p_highlight .inner_area{
		width: 85%;
		padding: 48px 10% 30px 5%;
		text-align:left;
	}
	.story .inner_area hr, .strategy .inner_area hr{
		margin: 0 0 15px;
	}
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media (max-width: 810px){
	.mobilenav{
		display:none;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background: #fff;/* rgba(255,255,255,.8) */
		text-align:center;
		z-index:250;
	}
	.mobile-open .mobilenav{
		display:block;	
	}
	.mobile-open.fixed header{
		height:100%;
	}
	.mobilenav ul li{
		display:block;
		padding:15px 0;
	}
	.mobilenav ul{
		padding:50px 0;	
		display:block;
	}
	.mobilenav ul li a{
		font-size:30px;	
	}
	.mobilenav ul.social{
		float:none;
		position:absolute;
		top:0;
		width:100%;
		padding:20px 0;
		text-align:center;	
	}
	.mobilenav ul.social li{
		display:inline;	
	}
	.mobilenav .social a{
		width:22px;
		height:19px;
	}
	.mobilenav .social a img{
		width:100%;
		left:0;
	}
	
	nav .hamcontainer{
		display:inline-block;
		padding-top:3px;
		height:24px;
		width:46px;
		float: right;
		cursor:pointer;
		position:relative;
		z-index:270;
	}
	nav .hamcontainer .hamburger {
    	padding: 5px 5px;
		outline:none;
	}
	/*nav .hamburger{
		height:24px;
		width:33px;
		background: url(images/mobile-ham.png) no-repeat;
		display:inline-block;
	}*/
	
	.hamburger {
	  padding: 15px 15px;
	  padding:0;
	  display: inline-block;
	  cursor: pointer;
	  transition-property: opacity, filter;
	  transition-duration: 0.15s;
	  transition-timing-function: linear;
	  font: inherit;
	  color: inherit;
	  text-transform: none;
	  background-color: transparent;
	  border: 0;
	  margin: 0;
	  overflow: visible; }
	  .hamburger:hover {
		opacity: 0.7; }
	
	.hamburger-box {
	  width: 40px;
	  height: 24px;
	  display: inline-block;
	  position: relative; }
	
	.hamburger-inner {
	  display: block;
	  top: 50%;
	  margin-top: -2px; 
	  TEXT-INDENT: -5000PX;
		TEXT-ALIGN: LEFT;
	  }
	  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #000;
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease; }
	  .hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block; }
	  .hamburger-inner::before {
		top: -10px; }
	  .hamburger-inner::after {
		bottom: -10px; }
	
	
	.hamburger--elastic .hamburger-inner {
	  top: 2px;
	  transition-duration: 0.275s;
	  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
	.hamburger--elastic .hamburger-inner::before {
	  top: 10px;
	  transition: opacity 0.125s 0.275s ease; }
	.hamburger--elastic .hamburger-inner::after {
	  top: 20px;
	  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  
	.mobile-open .hamburger--elastic .hamburger-inner {
	  transform: translate3d(0, 10px, 0) rotate(135deg);
	  transition-delay: 0.075s; }
	 .mobile-open .hamburger--elastic .hamburger-inner::before {
		transition-delay: 0s;
		opacity: 0; }
	 .mobile-open .hamburger--elastic .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(-270deg);
		transition-delay: 0.075s; }
		
	/* Hamburger spinning icon */
	/*.hamburgerO span{
		background: #fff url(images/mobile-back-arrow.png) no-repeat;
		background-size:auto 100%;
		opacity:0;
		display:block;
		height:100%;
		width:100%;
	}
	.mobile-open .hamburgerO span{
		opacity:1;
	}
	.mobile-open .hamburgerO{
		-webkit-animation:spin .2s linear;
    	-moz-animation:spin .2s linear;
    	animation:spin .2s linear;
	}
	*/
	
	
	/* end Hamburger */
	
	footer{
		padding:85px 0 15px;
	}
	header{
		padding:16px 0;	
	}
	header h1 a{
		padding:0;
		top:21px;
		position:absolute;
		left:26px;
		line-height:30px;
	}

	nav .hamcontainer {
		float:none;
		position: absolute;
		right:10px;
		top: 16px;
	}
	.fixed nav .hamcontainer{
		top: 14px;
	}
	
	footer h2{
		padding-bottom:47px;	
	}
	.contact{
		margin:15px auto 50px;
	}
	.project-page{
		padding-top:0;	
	}
	.the-church .project-page{
		padding-top:60px;	
	}
	.black-page .project-page{
		padding-top:30px;	
	}
	.project-page h1, 
	.project-page h2{
		font-size:32px;
	}
	.project-page .main-content .text p, 
	.project-page .photo p, 
	.project-page .video p{
		font-size:16px;	
	}
	.project-page .photo,
	.project-page .video{
		padding-bottom:60px;
	}
	
	.specialColor section.homeText{
		font-size:18px;
	}
	section.homeText{
		font-size:20px;	
		padding:30px 15%;
		width:70%;
	}
	.project-page .callout{
		padding-top:30px;
		padding-bottom:50px;
	}
	.project-page .callout br{
		display:none;	
	}
	.project-page .main-content .text{
		padding:20px 5% 60px;	
	}
	.project-page .callout,
	.posterBtn h2{
		font-size:28px;
	}
	footer h2.logo{
		/*height:22px;
		width:232px;*/
		margin:0 auto 30px;
	}
	/*footer h2.logo img{
		height:22px;
		width:232px;
	}*/
	.about-1-sect p{
		font-size:20px;
	}
	.clientList img{
	  width:33%;	
    }
	
	.home-previews section .link{	
		top:auto;
		bottom:10%;
	}
	.project-page .photo{
		overflow-x:hidden;
		width:100%;
		padding-bottom:40px;
	}	
	.project-page .photo:first-of-type img{
		width:140%;
		margin-left:-20%;	
	}
	.project-page h2:first-of-type{
		padding-bottom:15px;
	}
}
@media (max-width: 640px){
	.clientList img{
	  	width:49%;	
	}
	.home-previews section .link h2{
		font-size:36px;
		margin-bottom:10px;
	}	
	.home-previews section .link a,
	.home-previews section .link span{
		font-size:14px;
		padding:4px 35px 4px 4px;
	}	
	.p_highlight {
		height: auto;
	}
}
@media (max-width: 470px){
	.posterBtn h2{
		font-size:24px;
	}	
	section.homeText{
		font-size:16px;	
	}
	.home-previews section .link h2{
		font-size:24px;
	}	
	.project-page .embedcode iframe{
		padding:0 0 !important;
	}
}
@media (max-width: 1420px){
	h2{
		font-size:38px;
	}
}

@media (min-width: 1400px){
  .highlights-con .p_highlight{
	  background-size:auto 110%;
  }
}
@media (min-width: 1500px){
  .highlights-con .p_highlight{
	  background-size:100% auto;
  }
}
@media (min-width: 1200px){
	.clientList img{
	  width:19.2%;
	  margin-right:.5%;	
	}
	.clientList{
		width:1160px;
		margin:0 auto;
	}
}
@media (min-width: 1350px) and (max-width: 1500px){
	.page-header {
    	background-size: 115% auto;
	}
}



@media (max-width: 420px){
	.wfbtn{
		display: block;
		margin: 0 auto;
		height: 52px;
	}
	.nav-subhead {
		height: 110px;
		margin-top: -50px;
	}
	.wfbtn a{
		height: 21px;
    	width: 162px;
		padding: 12px 11px;
	}
	.wfbtn-lgr a {
    	padding: 10px 11px 14px;
	}
	.wfbtn,
	.wfbtn-lgr{
		width:190px;
	}
}

@media (min-width: 620px){
	.all-filter{
		overflow: auto;
		display: block;
		width: 100%;
	}
	.all-filter section{
		width:50%;
		float:left;
	}
}
@media (max-width: 1140px){
	.all-filter section .link h2{
		font-size:36px;
		margin-bottom:10px;
	}	
	.all-filter section .link a,
	.all-filter section .link span{
		font-size:14px;
		padding:4px 35px 4px 4px;
	}
	.all-filter section .link h2{
		font-size:24px;
	}
}

/* -------------- TopNav Updates 10, 2022 -------------- */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
	height:3px
}
.hamburger--elastic .hamburger-inner::before{
	top:9px;
}
.hamburger--elastic .hamburger-inner::after {
    	top: 18px;
}
nav .hamcontainer,
.fixed nav .hamcontainer{
	top: 15px;
}


/* -------------- Backline section -------------- */
/*.backline-top{
	padding-bottom:100px;
	height:120px;
	width:100%;
	background:url(images/backline-top.png) center bottom no-repeat;
	background-size:100% 60%;	
}
.backline-guitars{
	background:#a1c2c4;	
	padding-bottom:60px;
}*/


.bkl-table{
	width:98%;
	max-width:1200px; /* (slightly arbitrary, may want to adjust) */
	margin:15px auto;
	padding: 0 1% 50px;
	/*padding-bottom:50px;*/
}
.tbl-group,
.tbl-group tbody{
	width: 100%;
	display: block;
}
.tbl-group .row{
	display:block;
	border-bottom:1px solid rgba(238,221,165,.5);	
	padding:5px 0;
	margin:0 0 6px;
	width:100%;
	text-align: left;
}
.tbl-group .row .cell-a,
.tbl-group .row .cell-b,
.tbl-group .row .cell-c,
.tbl-group .row .cell-d{
	display:inline-block;
	margin:0;
	padding-right:1%;
	text-align:left;
	font-family: 'WesFY-Bold', Arial, sans-serif;	
	color:#eedda5;
	font-size:16px;
	font-weight:bold;
	word-break: break-word;
	overflow: hidden;
    line-height: 16px;
    height: 16px;
}

.tbl-group .row .cell-a{
	width:12%;
	width:22%;
}
.tbl-group .row .cell-b{
	width:32.5%;
}
.tbl-group .row .cell-c{
	width:52.5%;
	width:42.5%;
}
.tbl-group .row .cell-d{
	display:none;
}

.colsize2 .tbl-group .row .cell-a{
	width:32%;
}
.colsize2 .tbl-group .row .cell-b{
	width:32%;
}
.colsize2 .tbl-group .row .cell-c{
	display:none;
}

.mixers-small-col .colsize2 .tbl-group .row .cell-a{
	width:72%;
}
.mixers-small-col .colsize2 .tbl-group .row .cell-b{
	width:24%;
}

.colsize4 .tbl-group .row .cell-a{
	width:22%;
}
.colsize4 .tbl-group .row .cell-b{
	width:22%;
}
.colsize4 .tbl-group .row .cell-c,
.colsize4 .tbl-group .row .cell-d{
	display:inline-block;
	width:22%;
}


h3.hotpink-title-small{
	font-size:50px;
	font-weight: normal;
	margin-bottom: 0;	
}

@media (min-width: 700px){
	h3.hotpink-title-small{
		font-size:60px;	
	}
}

@media (min-width: 1400px){ /*  (min-width: 1100px) */
	.bkl-table{
		position:relative;	
	}
	.group1 .row{
		width:50%;
		padding-right:50%;
	}
	.group2 .row{
		border-bottom:1px solid rgba(238,221,165,0);	
	}
	.group2{
		position:absolute;
		top:0;
		right:0;
		width:50%;	
	}
	h3.hotpink-title-small{
		font-size:75px;
	}
	
	.group2 .row .cell-a{
		width:32%;
	}
	.group2 .row .cell-b{
		width:32.5%;
	}
	.group2 .row .cell-c{
		width:32.5%;	
	}
}

@media (min-width: 510px){
	
	
}
@media (min-width: 1100px){
	.backline-top{	
		height:300px;
		width:100%;
		background-size:100% 80%;	
	}
}


.pre-backline-page .tbl-group .row{
	border-bottom:1px solid rgba(58,51,55,.5);
}
.pre-backline-page .tbl-group .row div{
	color:#000;
}
.pre-backline-page .inner h3{
	font-size: 26px;
	padding: 10px 12%;
	font-family: 'WesFY-Bold';
	margin-bottom: 30px; 
}
/* -------------- history subnav -------------- */
.history-nav{
	display:block;
	text-align:center;
	padding:4px 0;
	width:100%;
	background:#24232c;
	background:#000;
	
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	transition: all ease-out .4s;
}
.the-church .history-nav{
	margin-bottom:20px;
}
/* .fixed .history-nav{ */
	body .history-nav{
	position:fixed;
	top:80px;
	z-index:200;
}
@media (max-width: 640px){
	/* .fixed .history-nav{ */
	body .history-nav{
		position:fixed;
		top:72px;
		z-index:200;
	}
}

.history-nav ul{
	margin:0;padding:0;
}
.history-nav li{
	display:inline;	
	margin:0 5px;
}
.history-nav li a{
	color:#fff;
	font-family: 'WesFY-Medium', Arial, sans-serif;		
	text-decoration:none;
	display:inline-block;
	font-size:16px;
	line-height:20px;
	padding:6px 18px;
}

.history-nav ul li:last-child a,
.history-nav li a.contactBtn{
	background:#f34272;
	border-radius:13px;
	opacity:1;
}

.history-nav.scroll-change-active{
	position:fixed;
	top:80px;
	z-index:1000;
}
@media screen and ( max-width: 640px ) {
	.history-nav.scroll-change-active{
		top:60px;
	}
		
}
@media screen and ( min-width: 1100px ) {
	.history-nav li{
		margin:0 15px;
	}
}

@media screen and ( max-width: 820px ) { }
	
	.history-nav{
		background:#000;
	}
	.history-nav li a{
		padding-top:88px;
		background: center 17% no-repeat;
		background-size:60px auto;
		opacity:.5;
	}
	.history-nav li.current-menu-item a,
	.history-nav li a:hover{
		opacity:1;
	}
	.history-nav .menu-item-2637 a{
		background-image:url(./events-history/images/hist-nav-icons/music.png);
	}
	.history-nav .menu-item-2638 a{
		background-image:url(./events-history/images/hist-nav-icons/corp.png);
	}
	.history-nav .menu-item-2639 a{
		background-image:url(./events-history/images/hist-nav-icons/shoots.png);
	}
	.history-nav .menu-item-2640 a{
		background-image:url(./events-history/images/hist-nav-icons/celebrations.png);
	}
	.history-nav ul li:last-child a, 
	.history-nav li a.contactBtn,
	.history-nav .menu-item-2281 a{
		background:transparent center 17% no-repeat;
		background-image:url(./events-history/images/hist-nav-icons/contact.png);
		color:#da4968;
		background-size:60px auto;
	}
	

@media screen and ( max-width: 640px ) {
	.history-nav li a,
	.history-nav ul li:last-child a{
		padding-left:7px;
		padding-right:7px;
	}
}
@media screen and ( max-width: 560px ) {
	.history-nav li a,
	.history-nav ul li:last-child a{
		padding-left:5px;
		padding-right:5px;
		background-size:43px auto;
		padding-top:58px;
		font-size:14px;
	}
	.the-church .project-page {
		padding-top: 30px;
	}
}

@media screen and ( max-width: 420px ) {
	.history-nav li,
	.history-nav ul li:last-child{
		
	}
	.history-nav li a,
	.history-nav ul li:last-child a{
		padding-left:3px;
		padding-right:3px;
		font-size: 13px;
		background-size:40px auto;
	}
}


/* Space - Church page style changes */
.the-church .project-page{
	background: #24232c;
}
.the-church .project-page .callout p,
.the-church .project-page,
.the-church .project-page h3{
	color: #ffffff;
}
.history-section .txt-content h3{
	color: #ffffff; 
}