/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 2.4.4
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

@import url("../brooklyn/style.css");  

@font-face {
    font-family: 'Biko';
    src: url('fonts/biko_regular-webfont.eot');
    src: url('fonts/biko_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/biko_regular-webfont.woff') format('woff'),
         url('fonts/biko_regular-webfont.ttf') format('truetype'),
         url('fonts/biko_regular-webfont.svg#bikoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Biko';
    src: url('fonts/biko_black-webfont.eot');
    src: url('fonts/biko_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/biko_black-webfont.woff') format('woff'),
         url('fonts/biko_black-webfont.ttf') format('truetype'),
         url('fonts/biko_black-webfont.svg#bikoblack') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Biko';
    src: url('fonts/biko_bold-webfont.eot');
    src: url('fonts/biko_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/biko_bold-webfont.woff') format('woff'),
         url('fonts/biko_bold-webfont.ttf') format('truetype'),
         url('fonts/biko_bold-webfont.svg#bikobold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Biko';
    src: url('fonts/biko_light-restricted-webfont.eot');
    src: url('fonts/biko_light-restricted-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/biko_light-restricted-webfont.woff') format('woff'),
         url('fonts/biko_light-restricted-webfont.ttf') format('truetype'),
         url('fonts/biko_light-restricted-webfont.svg#bikolight') format('svg');
    font-weight: 100;
    font-style: normal;
}

body { font-family:'Biko', sans-serif !important; font-size:14px !important; line-height:20px !important; }
h1, h2, h3, h4, h5, h6 { line-height:1.14 !important; font-family:'Biko', sans-serif !important; }
.hero-btn, p.lead, .taxonomy-description { font-family:'Biko', sans-serif !important; }
h1 {
	font-size: 24px;
	margin-bottom:5px;
}
h2 {
	font-size:22px;
	margin-bottom:10px;
}
h3 {
	font-size:17px;
	margin-bottom:15px;
}
h4 {
	font-size:15px;
	margin-bottom:12px;
}
h5 {
	font-size:14px;
	margin-bottom:5px;
}
h6 {
	font-size:12px;
	margin-bottom:5px;
}



html {
overflow-y: scroll !important;
}
#fancybox-wrap, #fancybox-outer { padding:10px; width:auto !important; height:auto !important;}
 #fancybox-content { padding:0; border:0; }
 #fancybox-outer { width:100%;}

.socialmediahome { position:absolute; right:5px; bottom:25px; }
	.socialmediahome a { height:36px !important; width:36px !important; margin:0; padding:0; text-decoration:none; margin-right:5px; }
	.socialmediahome a:before { height:36px; width:36px; font-size:27px; border-radius:5px; background:red; line-height:39px; }
	.socialmediahome a.fa-vimeo-square:before {background: #fff; color: #0f9ec5; font-size: 41px; position: relative; top: 4px; border-radius: 6px; line-height: 28px; height: 36px !important; width: 36px !important; border: 5px solid #0f9ec5; text-indent: -4px;}
	.socialmediahome a.fa-vimeo-square:hover:before { border: 5px solid #e4191a; }
	.socialmediahome a.fa-facebook:before { background:#3d58a1; }
	.socialmediahome a.fa-twitter:before { background:#2aa8e0; }
	.socialmediahome a:hover:before { background:#e4191a; }
	
	.socialmediahome a.fa-vimeo-square:hover:before  { background:#fff; color:#e4191a; }
	
.ha-transparent .ut-mobile-menu a, .ut-header-dark .ut-mobile-menu a, .ut-mobile-menu a { color:#fff; }


.ha-header.ut-header-dark { background:rgb(61,59,59); background:rgba(61,59,59,.9); }
	.ut-header-dark #navigation ul li a { color:#fff; }
	.ut-header-dark #navigation ul li a:after { content:''; }
	
#navigation ul { margin-top:75px; }
#navigation ul li a { font-size:18px; font-family:'Biko', sans-serif !important; line-height:1; letter-spacing:-1px; padding-left:18px !important; }
#navigation ul li.red a { color:#b82425; }


	
.site-logo { height:115px; }
.site-logo img { max-height:83px; margin-top:18px; }



.hero-description { font-size:22px; font-weight:700; padding-bottom:10px !important;  }
.hero-btn { font-size:25px; font-weight:700; border:3px solid rgb(255, 255, 255); border:3px solid rgba(255, 255, 255, 0.90); border-radius:2px; letter-spacing:-1px; }
.hero-inner h1 { font-size:50px; font-weight:900 !important; letter-spacing:-1px; }




.ut-hover-layer { display:none !important; }


.ut-portfolio-wrap figure img { left:auto !important; right:0; max-width:100%; }
.ut-masonry { position:relative; }
.ut-masonry.future { opacity:1; }
.ut-masonry.publish { opacity:.7; }

.meta-info { position:absolute; left:0; top:0; width:202px; height:150px; background:#fff; z-index:10000; }
.meta-info .meta-date { border:2px solid #b82425; background:#fff; color:#000; text-align:center; font-family:'Biko', sans-serif !important; font-weight:700; width:100px; line-height:1.3; margin:30px auto; font-size:36px; }
.meta-info .meta-date span { background:#b82425; color:#fff; display:block; font-size:20px; }
.meta-info .meta-date div { margin-bottom:-32px; }

.meta-info.publish.future .meta-date  { background:#b82425; color:#fff; }
.meta-info.publish.future .meta-date  span { border-bottom:2px solid #fff; padding-bottom:2px;  }

.ut-portfolio-details-wrap.overflow-visible { height:auto !important; }
.ut-portfolio-detail .meta-info { position:relative; float:left; width:auto; height:auto; margin-bottom:20px; margin-right:20px; }
.ut-portfolio-detail .meta-info  .meta-date { margin:0; }
.ut-portfolio-detail .ut-portfolio-title { text-align:left; font-size:36px; margin:30px 0 0 0; letter-spacing:-2px; line-height:1.1; }
p.lead { font-size:17px !important; }
	

.ut-accordion-heading a { border:0 !important; background:#b82425; color:#fff; font-weight:bold; font-size:26px; font-family:'Biko', sans-serif !important; padding:5px; }
.ut-accordion-heading a:hover, .ut-accordion-heading a.active { border:0 !important; }

.ut-accordion-heading a:after { content:'+'; float:right; margin-top:-3px; }

#mc4wp-checkbox label { font-size:13px; }
#mc4wp-checkbox input { margin-top:-3px; }

a.video { position:relative; display:block; overflow:hidden; }
a.video:after { content:' '; height:88px; width:88px; background:transparent url('images/play.png') no-repeat 0 0; position:absolute; left:50%; top:50%; margin-top:-44px; margin-left:-44px; display:block; }

.wp-caption-text.gallery-caption { font-size:15px; padding:6px 10px 15px 10px; }

.nomargin { padding:0; }


.blog #ut-hero { display:none; }
.blog #main-content { margin-top:100px; }

#colorbox img { max-width:none; }
#cboxLoadedContent { overflow:hidden !important; background:#000; }



	.ut-service-icon-box a.fa-vimeo-square:before { background:#fff; color:#0a0a0a; position:relative; top:6px; border-radius:10px; height:48px; width:51px; margin:15px auto 0; line-height:.6; font-size:71px; left:-3px; -webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s; }
	.ut-service-icon-box a.fa-vimeo-square:hover:before  { background:#fff; color:#e4191a; }
	
	
	
	
.single-portfolio #primary {padding-top: 165px;}
.single-portfolio .current_page_parent a { color:#fff; }
.single-portfolio .meta-info { position:relative; float:left; z-index:10; }
.single-portfolio .meta-info { width:130px;	 z-index:10; }
.single-portfolio .meta-info .meta-date { margin:0 0 0 10px; }
.single-portfolio .ut-portfolio-title, .single-portfolio .lead { text-align:left; } 
.single-portfolio .ut-portfolio-title  { margin-top:15px; margin-bottom:0; }