/* Theme Name:London School of Barbering – Mobile Theme URI:http://www.thomasburns.co.uk Description:Custom theme for the London School of Barbering - Based on The HTML5 Reset Theme (http://html5reset.org) by Monkey Do! Many thanks. Author:Tom Burns Author URI:http://www.thomasburns.co.uk Version:1 */ /* HTML5 Reset Wordpress Theme ::style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from:Eric Meyer ::http://ericmeyer.com HTML5 Doctor ::http://html5doctor.com and the HTML5 Boilerplate ::http://html5boilerplate.com Special thanks:The Wordpress theme owes its start to an empty theme authored by Chris Coyier & Jeff Starr:http://digwp.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article,aside,figure,footer,header,hgroup,nav,section{display:block;} /* Responsive images and other embedded objects Note:keeping IMG here will cause problems if you're using foreground images as sprites,like,say for Google Maps custom placemarkers. There has been a report of problems with standard Google maps as well,but we haven't been able to duplicate or diagnose the issue. */ /*img, object, embed{max-width:100%;} */ /* force a vertical scrollbar to prevent a jumpy page */ html{overflow-y:scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} del{text-decoration:line-through;} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;} /* tables still need cellspacing="0" in the markup */ table{border-collapse:collapse;border-spacing:0;} th{font-weight:bold;vertical-align:bottom;} td{font-weight:normal;vertical-align:top;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} input,select{vertical-align:middle;} pre{white-space:pre;/* CSS2 */ white-space:pre-wrap;/* CSS 2.1 */ white-space:pre-line;/* CSS 3 (and 2.1 as well,actually) */ word-wrap:break-word;/* IE */} input[type="radio"]{vertical-align:text-bottom;} input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;} .ie6 input{vertical-align:text-bottom;} select,input,textarea{font:99% sans-serif;} table{font-size:inherit;font:100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover,a:active{outline:none;} small{font-size:85%;} strong,th{font-weight:bold;} td,td img{vertical-align:top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub,sup{font-size:75%;line-height:0;position:relative;} sup{top:-0.5em;} sub{bottom:-0.25em;} /* standardize any monospaced elements */ pre,code,kbd,samp{font-family:monospace,sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button{cursor:pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button,input,select,textarea{margin:0;} /* make buttons play nice in IE */ button{width:auto;overflow:visible;} /* scale images in IE7 more attractively */ .ie7 img{-ms-interpolation-mode:bicubic;} /* prevent BG image flicker upon hover */ .ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));} /* let's clear some floats */ .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;} .clearfix:after{clear:both;} .clearfix{zoom:1;} /* Ok,this is where the fun starts. -------------------------------------------------------------------------------*/ body{font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;-webkit-font-smoothing:antialiased;} body,select,input,textarea{color:#262626;} a{color:#224d73;text-decoration:none} a:hover{color:#1c4366;text-decoration:none} p a, ul a, ol a{text-decoration:underline;} p a:hover, ul a:hover, ol a:hover{text-decoration:underline;color:#B9252B;} .content{overflow:hidden\;} .content ul{list-style:disc;margin-left:1.4em;margin-bottom:1.4em;text-align:left;} .content ul li, .content ol li{margin-bottom:0.2em;} .content ol{margin-bottom:1.4em;} body, p{font-size:1em;line-height:1.4em;margin-bottom:1.2em;} p, .about-us-section-text ul li, .flexible-article ul li{text-align:justify;} h1,h2,h3,h4{font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;line-height:1.2em;margin-bottom:0.8em;} h1{font-size:2em;font-weight:600;/*letter-spacing:1px;*/} h2{font-size:1.625em;font-weight:600;letter-spacing:1px;} h3{font-size:1.25em;font-weight:600;} h4{font-size:1em;font-weight:600;} blockquote{border-left:#ccc 3px solid;padding-left:20px;margin:24px 0;} .courses-menu h1{text-transform:uppercase;margin:0 0 16px;padding:0;} h1.top-title{margin-top:-9px;} .content{max-width:980px;} /* h3{margin-bottom:20px;line-height:26px;font-size:28px;font-weight:bold;-webkit-font-smoothing:antialiased;} */ /* Custom text-selection colors (remove any text shadows:twitter.com/miketaylr/status/12228805301) */ ::-moz-selection{background:#000;color:#fff;text-shadow:none;} ::selection{background:#000;color:#fff;text-shadow:none;} /* j.mp/webkit-tap-highlight-color */ a:link{-webkit-tap-highlight-color:#000;} ins{background-color:#000;color:#000;text-decoration:none;} mark{background-color:#000;color:#000;font-style:italic;font-weight:bold;} h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;} .alignright{float:right;margin-left:20px;margin-bottom:20px;} .alignleft{float:left;margin-right:20px;margin-bottom:20px;} /* And here begins the Wordpress fun. -------------------------------------------------------------------------------*/ #page-wrap{max-width:980px;margin:0 auto;} .post{} .entry-content{} .entry-content a{} .entry-content a:hover{} #meta{} .postmetadata{} .blog-aside #sidebar{margin-left:30px;} .navgation{} .next-posts{} .prev-posts{} #searchform{} #s{} #searchsubmt{} ol.commentlist{list-style:none;} ol.commentlist li{} ol.commentlist li.alt{} ol.commentlist li.bypostauthor{} ol.commentlist li.byuser{} ol.commentlist li.comment-author-admin{} ol.commentlist li.comment{border-bottom:1px dotted #666;padding:10px;} ol.commentlist li.comment div.comment-author{} ol.commentlist li.comment div.vcard{} ol.commentlist li.comment div.vcard cite.fn{font-style:normal;} ol.commentlist li.comment div.vcard cite.fn a.url{} ol.commentlist li.comment div.vcard img.avatar{float:right;margin:0 0 10px 10px;} ol.commentlist li.comment div.vcard img.avatar-32{} ol.commentlist li.comment div.vcard img.photo{} ol.commentlist li.comment div.vcard span.says{} ol.commentlist li.comment div.commentmetadata{} ol.commentlist li.comment div.comment-meta{font-size:10px;} ol.commentlist li.comment div.comment-meta a{color:#ccc;} ol.commentlist li.comment p{} ol.commentlist li.comment ul{} ol.commentlist li.comment div.reply{font-size:11px;} ol.commentlist li.comment div.reply a{font-weight:bold;} ol.commentlist li.comment ul.children{list-style:none;margin:10px 0 0;} ol.commentlist li.comment ul.children li{} ol.commentlist li.comment ul.children li.alt{} ol.commentlist li.comment ul.children li.bypostauthor{} ol.commentlist li.comment ul.children li.byuser{} ol.commentlist li.comment ul.children li.comment{} ol.commentlist li.comment ul.children li.comment-author-admin{} ol.commentlist li.comment ul.children li.depth-2{border-left:5px solid #555;margin:0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-3{border-left:5px solid #999;margin:0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-4{border-left:5px solid #bbb;margin:0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-5{} ol.commentlist li.comment ul.children li.odd{} ol.commentlist li.even{background:#fff;} ol.commentlist li.odd{background:#f6f6f6;} ol.commentlist li.parent{border-left:5px solid #111;} ol.commentlist li.thread-alt{} ol.commentlist li.thread-even{} ol.commentlist li.thread-odd{} /* Sticky Header -------------------------------------------------------------------------------*/ #header.sticky{position:fixed;top:-201px;z-index:800;} #header.sticky .bread{background:#fff;} .content.sticky{margin-top:306px;} .page-template-_home-php .content.sticky{margin-top:274px;} .page-template-_home-php #header.sticky ul#menu-header-nav-menu{background:#fff;} /* Header -------------------------------------------------------------------------------*/ #header{} #header img#logo{padding-top:30px;/*float:left;*/} a.logo-link{position:absolute;left:50%;display:block;margin-left:-59px;} #header #header-feature-left{margin-left:29px;float:left;} #header #header-feature-right{margin-right:29px;float:right;} #header .mobile-header{display:none;} #header #header-feature-left, #header #header-feature-right{font-family:"futura-pt-condensed",sans-serif;background:url(_/img/header-board.gif) no-repeat 0 0;width:277px;height:171px;} #header #header-feature-left div a{display:block;padding-top:53px;text-align:center;font-size:36px;line-height:32px;font-weight:500;color:#262626;} #header #header-feature-left div a:hover{color:#224d73;} #header #header-feature-left div span{color:#2868a1;font-size:18px;line-height:37px;vertical-align:top;} #header #header-feature-right div{padding-top:56px;text-align:center;line-height:22px;} #header #header-feature-right div span.header-phone{font-family:"futura-pt",serif;font-size:22px;} #header #header-feature-right div span.header-email{font-size:18px;} #header #header-feature-right div span.header-email a{color:#cb2a2d;} #header #header-feature-right div span.header-email a:hover{color:#2868a1;} #header #header-feature-right div span.header-opening-times{float:left;font-size:14px;line-height:19px;padding:2px 3px 0 30px;letter-spacing:normal;text-align:left;} #header #header-feature-right div span.header-opening-times span{letter-spacing:-1px;} #header #header-feature-right div span.header-social{float:left;padding-top:4px;font-size:30px;margin-left:3px} #header #header-feature-right div span.header-social a{margin-right:3px;vertical-align:bottom;display:inline-block;} a .fa-facebook-square{color:#3a589c;} a .fa-instagram{color:#0a6d97;} a .fa-twitter-square{color:#03abed;} a .fa-youtube-square{color:#ad000b;} #header #header-feature-right div span.header-social img{margin-left:3px;} #header #header-feature-left a:hover img, #header #header-feature-right a:hover img{zoom:1;filter:alpha(opacity=90);opacity:0.9;/* -webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;transition-duration:0.2s;*/} #header ul#menu-header-nav-menu{margin:30px 0 0;border-top:#262626 3px solid;border-bottom:#262626 3px solid;width:980px;float:left;text-align:center;font-family:"futura-pt",serif;font-size:16px;text-transform:uppercase;font-weight:500;letter-spacing:normal;background:#FFF;} #header ul#menu-header-nav-menu ul{position:absolute;background:#962e31;z-index:9999;text-align:left;} #header ul#menu-header-nav-menu li:hover ul.sub-menu{display:block!important;} /*Invisible Sub Menus*/ #header ul#menu-header-nav-menu li:hover ul.sub-menu-540{display:none;} #header ul#menu-header-nav-menu li{display:inline-block;zoom:1;*display:inline;;margin:0;} #header ul#menu-header-nav-menu li a, #header ul#menu-header-nav-menu li span{line-height:30px;display:inline-block;zoom:1;*display:inline;color:#262626;padding:3px 0;text-decoration:none;} #header ul#menu-header-nav-menu li:hover a, #header ul#menu-header-nav-menu li:hover span{color:#FFF;background:#b8393c;} #header ul#menu-header-nav-menu li:first-child{float:left;} #header ul#menu-header-nav-menu li:last-child{float:right;} #header ul#menu-header-nav-menu ul li:first-child, #header ul#menu-header-nav-menu ul li:last-child{float:none;} /* SUB MENUS */ #header ul#menu-header-nav-menu li a, #header ul#menu-header-nav-menu li ul /*,#header-feature-right .clearfix, #header-feature-left .clearfix*/{visibility:hidden;} #header ul#menu-header-nav-menu li ul.sub-menu{padding:4px 0 6px;background:#962e31;width:500px;} #header ul#menu-header-nav-menu li ul.sub-menu li{display:block;position:relative;margin:0;border-bottom:#a14346 1px solid;} #header ul#menu-header-nav-menu li ul.sub-menu li:last-child{border-bottom:none;} #header ul#menu-header-nav-menu li:hover ul.sub-menu li a{line-height:30px;/*display:block;*/ color:#eda6a8;padding:3px 7px 3px;text-decoration:none;text-align:left;background:transparent;} #header ul#menu-header-nav-menu li:hover ul.sub-menu li a:hover{color:#fff;} /* SUB SUB MENUS */ #header ul#menu-header-nav-menu li ul.sub-menu li ul{padding:4px 0 6px;background:#8a2b2e;position:absolute;top:0;width:500px;top:-4px;} #header ul#menu-header-nav-menu li ul.sub-menu li ul li{display:block;position:relative;margin:0;border-bottom:#943e41 1px solid;} #header ul#menu-header-nav-menu li ul.sub-menu li ul li:last-child{border-bottom:none;} #header ul#menu-header-nav-menu li ul.sub-menu li ul li a{line-height:30px;/*display:block;*/ color:#e09d9f;padding:3px 7px 3px;text-decoration:none;text-align:left;background:transparent;} #header ul#menu-header-nav-menu li ul.sub-menu li:hover ul{display:block!important;} /* Nav States -------------------------------------------------------------------------------*/ .post-type-archive-video_tutorial #header ul#menu-header-nav-menu li.nav-link-1070 a, .single-video_tutorial #header ul#menu-header-nav-menu li.nav-link-1070 a, .post-type-archive-success_story #header ul#menu-header-nav-menu li.nav-link-540 a, .single-success_story #header ul#menu-header-nav-menu li.nav-link-540 a, #header ul#menu-header-nav-menu li.selected-nav a, .post-type-archive-barbering_courses #header ul#menu-header-nav-menu li.nav-link-2 a, .single-barbering_courses #header ul#menu-header-nav-menu li.nav-link-2 a, .post-type-archive-barber_shops #header ul#menu-header-nav-menu li.nav-link-7 a, .single-barber_shops #header ul#menu-header-nav-menu li.nav-link-7 a, .category #header ul#menu-header-nav-menu li.nav-link-1068 a, .tribe-filter-live #header ul#menu-header-nav-menu li.nav-link-1068 a, .single-post #header ul#menu-header-nav-menu li.nav-link-1068 a{color:#fff;background:#b8393c;} #header ul#menu-header-nav-menu li ul li.current_page_item a{color:#fff;} /*Socialite -------------------------------------------------------------------------------*/ .social-shares{width:480px;text-align:left;font-family:"futura-pt-condensed",sans-serif;font-size:24px;margin:20px auto 0;} .social-shares span.share-title{float:left;margin-right:20px;margin-top:2px;} ul.wpsocialite.social-buttons.small{display:block;float:left;text-align:center;margin:0;padding:0;} ul.wpsocialite.social-buttons.small li{float:left;width:60px;margin-right:10px;} ul.wpsocialite.social-buttons.small li .g-plusone{margin-left:25px!important;} /* Breadcrumbs -------------------------------------------------------------------------------*/ .bread{margin-bottom:30px;width:980px;font-size:0.8em;border-bottom:1px solid #ccc;color:#ccc;float:left;} .bread a, .bread span{display:inline-block;zoom:1;*display:inline;color:#999;padding:5px 8px 4px;} .bread a{text-decoration:underline;} .bread a:hover{background:#b8393c;color:#fff;} .book-a-cut-content.content.sticky, .blog-menu-content.content.sticky{/*margin-top:296px;*/} .category-barbering-news .bread, .category-latest-mens-haircuts .bread, .category-mens-hair-cutting-techniques .bread, .category-news-at-the-academy .bread, .category-testimonials .bread, .page-template-_lsb-blog-php .bread, .page-template-_book-a-cut-php .bread{/*margin-bottom:20px;*/} .post-type-archive-barbering_courses .bread, .page-template-_course-menu-php .bread, .post-type-archive-video_tutorial .bread{/*margin-bottom:0;*/} .single-post .bread{/* margin-bottom:45px;*/} .home .bread{display:none;} .home #header{margin-bottom:30px;} .home-blog-thumb-wrap{position:relative;width:305px;height:230px;display:block;text-align:center;margin-bottom:1.25em;} /* Navigation below menus -------------------------------------------------------------------------------*/ .blog-menu-content #message-contact{padding-top:30px;border-top:3px solid #262626;margin-top:30px;} .blog-menu-content .archive-nav{width:645px;margin-top:10px;} .archive-nav{max-width:980px;text-align:center;float:left;font-family:"futura-pt-condensed",sans-serif;text-transform:uppercase;margin-top:30px;} .single-success_story .archive-nav, .post-type-archive-success_story .archive-nav{width:645px;} .post-type-archive-success_story .archive-nav{margin-top:10px;} .archive-nav a:hover{color:#d81f27;} /*Flare -------------------------------------------------------------------------------*/ .archive .flare-vertical, .category .flare-vertical{display:none!important;} .flare-vertical span.loading{display:none!important;} .flare-vertical{margin-left:435px!important;} .flare-vertical.flare-off{display:none!important;} /* Footer -------------------------------------------------------------------------------*/ #footer{font-size:14px;line-height:20px;margin-top:30px;padding-top:30px;border-top:#262626 3px solid;max-width:980px;padding-bottom:60px;} #footer #footer-left{width:415px;float:left;margin-right:43px;background:url("_/img/vtvc-logo.gif") top left no-repeat;} #footer #footer-left p{text-align:right;} #footer-logo{float:left;/*margin-top:18px;*/} #footer #footer-right{width:415px;float:left;text-align:left;margin-left:43px;background:url("_/img/habia.gif") top right no-repeat;} /* Home Page -------------------------------------------------------------------------------*/ .two-column-sction{ width:48.5%; display:inline-block; vertical-align:top; } .two-column-sction p{ font-size:17px; line-height:22px; } .two-column-sction img.alignleft{ margin-right:30px; margin-bottom:0; } .two-column-sction img.alignright{ margin-left:30px; margin-bottom:0; } .two-column-sction-left{ margin-right:3%; } .two-column-sction h2{ margin-bottom:15px; } .two-column-sction-left, .two-column-sction-left p{ text-align:right; } .two-column-sction-right p{ text-align:left; } .two-column-sction p{ font-size:16px; } a.find-out-more{ background-color:#135879; color:#fff; font-family:"futura-pt","futura",sans-serif; font-size:14px; font-weight:600; padding:10px 15px; margin-top:3px; display:inline-block; } .full-width-section-wrap.border-top{ border-top:1px solid #d4d4d4; padding:40px 0; } .qlink li, .qlink p, .qlink-1, .qlink-2, .qlink-3{ text-align:center; } .full-width-section-wrap{max-width:980px;/*border-bottom:1px solid #262626;*/ /*margin-bottom:30px;*/ margin-bottom:10px;} .home-content #message-contact{padding-top:30px;border-top:1px solid #262626;*/} .insta-feed{position:relative;padding:34px 15px 18px 30px;background-color:#262626;margin-bottom:50px;float:left} .insta-feed iframe{display:block;margin:0;padding:0;} .insta-feed .insta-icon{background:url(_/img/insta-icon.gif) no-repeat 0 0;position:absolute;width:40px;height:38px;left:470px;top:-10px;} .insta-border a{width:171px;height:171px;border:2px solid white;position:absolute;top:32px;background:transparent;display:block;} .insta-border-1 a{left:28px;} .insta-border-2 a{left:215px;} .insta-border-3 a{left:402px;} .insta-border-4 a{left:589px;} .insta-border-5 a{left:776px;} .home-intro{line-height:25px;width:475px;float:left;margin-right:30px;min-height:340px;} h1 .sign-header, .home-intro h1{font-weight:400;} .home-intro .header-wrapper{border:6px solid #262626;margin-bottom:1.625em;} .sign-header{border:6px solid #262626;display:inline-block;zoom:1;*display:inline;text-align:center;} .sign-header span{font-family:"futura-pt-condensed",sans-serif;text-transform:uppercase;display:inline-block;zoom:1;*display:inline;color:#FFF;background:#262626;border:1px solid white;padding:14px 20px 13px;margin:0;min-width:140px;} /* .home-intro .header-wrapper h1{text-indent:-9999px;margin:-38px 0 0;padding:0;} */ .home-intro .header-wrapper h1{font-family:"futura-pt-condensed",sans-serif;font-size:2.75em;/*font-size:2.1em;*/ display:block;color:#FFF;background:#262626;border:1px solid white;/*padding:20px 0 13px;*/ padding:0.45em 0 0.3em;text-align:center;margin:0;line-height:0.6em;text-transform:uppercase;} .home-intro .header-wrapper h1 span{font:0.5em "adobe-garamond-pro",Garamond,Century,Georgia,serif;font-style:italic;display:inline-block;zoom:1;*display:inline;position:relative;top:-0.45em;/*top:-6px;*/ padding:0 2px 0 1px;text-transform:lowercase;} .home-intro .home-intro-bullet{margin:15px 0;padding-left:68px;background:url(_/img/home-bullet.gif) no-repeat 13px center;\ vertical-align:middle;} .home-intro .home-intro-bullet p{min-height:42px;vertical-align:middle;margin:0;padding:0;} .home-intro .home-intro-bullet p span{color:#cb2a2d!important;} .home-intro .home-intro-bullet p{font-size:1.2em;margin-bottom:1.25em;line-height:1.25em;} .home-slideshow-wrap{width:475px;/*overflow:hidden;*/ height:312px;float:left;margin-bottom:30px;position:relative;} .video-button{position:absolute;width:88px;height:49px;background:url(_/img/watch-course-video.png) 0 0 no-repeat;top:248px;right:10px;cursor:pointer;text-indent:-9999px;display:block;z-index:100;} .slide-show-bottom-shadow{width:475px;height:129px;position:absolute;z-index:99;display:block;background:url(_/img/home-slideshow-cover.png) 0 0 no-repeat;top:183px;right:0;} .home-initial-video-container{float:left;background:#262626 url(_/img/tv.gif) no-repeat 0 267px;padding:8px 8px 66px;} .home-more-videos-link{width:475px;text-align:center;display:block;font-family:"futura-pt-condensed",sans-serif;float:left;text-transform:uppercase;font-size:20px;padding-top:20px;margin-bottom:20px;} .home-video-container{position:absolute;max-width:980px;height:551px;top:0;z-index:102;/*left:-505px;*/ display:none;} .home-video-container iframe{z-index:1!important;} .home-video-close{width:27px;height:27px;position:absolute;top:-14px;left:-14px;background:url(_/img/close.png) no-repeat 0 0;text-indent:-9999px;z-index:9999;} .close-home-video{max-width:980px;text-align:center;} .close-home-video:hover{color:#d81f27;cursor:pointer;} .home-video-close:hover{background-position:0 -27px;} .slide{width:475px;height:312px;position:relative;float:left;} .slide h3{width:475px;height:312px;position:absolute;display:table;top:0;left:0;} .slide h3.small span{font-size:20px;} .slide h3.medium span{font-size:30px;} .slide h3.large span{font-size:40px;} .slide h3.x-large span{font-size:50px;} .slide h3.xx-large span{font-size:60px;} .slide h3.xxx-large span{font-size:70px;} .slide h3.dark-bg{background:rgba(0,0,0,0.7);} .slide h3 span{color:#fff;display:table-cell;vertical-align:middle;text-align:center;padding:0 15px;font-family:"futura-pt-condensed",sans-serif;font-weight:500;line-height:0.9em;} .qlink{/*margin:0 30px 35px 0;*/ margin:0 30px 15px 0;float:left;text-align:center;width:305px;} .qlink img{margin-bottom:18px;} .qlink a{color:#212121;} .qlink a:hover{color:#cb2a2d;} .qlink-3{margin-right:0;} .home-blog-thumb-cover{position:absolute;top:0;left:0;width:295px;height:220px;border:5px solid #262626;z-index:7;display:table;padding:0;margin:0;background:rgba(0,0,0,0.35);} a:hover .home-blog-thumb-cover{background:rgba(0,0,0,0.5);} a .home-blog-thumb-cover h3{display:table-cell;vertical-align:middle;color:white;font-family:"futura-pt-condensed",sans-serif;font-size:1.875em;letter-spacing:3px;line-height:1.1em;} a .home-blog-thumb-cover h3 strong{font-family:"futura-pt",sans-serif;font-size:1.4em;letter-spacing:1px;border-bottom:1px solid #fff;} a .home-blog-thumb-cover h3 span{border-top:1px solid #fff;padding-top:3px;} img.home-blog-thumb{position:absolute;top:0;left:0;filter:url("data:image/svg+xml;utf8,#grayscale");/* Firefox 10+,Firefox on Android */ filter:gray;/* IE6-9 */ -webkit-filter:grayscale(100%);/* Chrome 19+,Safari 6+,Safari 6+ iOS */ z-index:6;} .qlink-2 a:hover p{color:#262626;} /* .qlink-2 a:hover p.read-more{text-decoration:underline;} */ .qlink-2 p.home-blog-excerpt{height:4em;overflow:hidden;margin-bottom:0.3em;} .qlink-2 a p.read-more{margin-bottom:0;color:#cb2a2d;} .qlink h2{margin-bottom:0.3em;} .qlink ul{list-style:none;margin:0;padding:0;} .qlink ul.home-job-slider{display:block;width:305px;height:341px;overflow:hidden;} .qlink a, .qlink ul a{text-decoration:none;} .qlink-3 h3{color:#333!important;} .qlink h4{font-family:'futura-pt-condensed',sans-serif;font-size:1.4em;letter-spacing:normal;text-transform:uppercase;margin-bottom:10px;font-style:normal;color:#cb2a2d;} h4 strong{font-weight:800;color:#333;} .qlink-3 .home-blog-thumb-cover h3 strong{border-bottom:1px solid #333;} .qlink-3 .home-blog-thumb-cover h3 span{border-top:1px solid #333;} .qlink-3{} .qlink-3 span{font-style:normal;} .qlink-3 a .home-blog-thumb-cover{background:transparent;} .qlink-3 a:hover .home-blog-thumb-cover{background:rgba(255,255,255,0.4);} .brand-partners{text-align:center;border-top:1px solid #d4d4d4;padding-top:30px;} .brand-partners h3{font-size:1.625em;} .brand-partners ul{list-style:none;margin:0;padding:0;text-align:center;font-size:0.9em;line-height:1.2em;} #site-map div{float:left;display:block;width:215px;margin-right:30px;} .brand-partners ul li{display:inline-block;max-width:120px;margin:0 15px 30px;vertical-align:bottom;} .brand-partners ul li img{max-width:100%;height:auto;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:17px;} .brand-partners p{text-align:center;margin:0;display:block;height:2.8em;} #site-map ul.site-map-list, #site-map ul.site-map-list li{list-style:none;font-size:16px;} #site-map ul.site-map-list li ul.children li{font-size:16px;list-style:square;} #site-map ul.site-map-list li ul.children{margin:10px 0 10px 20px;font-size:16px;} .promotion h2{font-size:32px;margin:0 ;width:50%;vertical-align:middle;display:inline-block;font-family:'futura-pt-condensed';font-size:40px;} .promotion h2 span{font-size:24px;} .promotion h2 span.red{color:#cb2a2d;} .razor-wrap-left, .razor-wrap-right{width:25%;text-align:center;display:inline-block;vertical-align:middle;max-height:170px;} .razor-wrap-left{text-align:left;} .razor-wrap-right{text-align:right;} .promotion{background:#262626;width:100%;height:auto;float:left;margin-bottom:30px;display:block;color:#262626;} .frame-inner{background:#FFF;width:98%;margin:1%;;text-align:center;} .promotion:hover{background:#b9252b;color:#262626;} .promotion h2, .promotion .razor-wrap{display:inline-block;vertical-align:middle;} /* .promotion{background:#262626;color:#fff;padding:30px;margin-bottom:30px;} */ /* Contact Form -------------------------------------------------------------------------------*/ #message-contact{max-width:980px;float:left;/*margin-top:30px;border-top:1px solid #262626;padding-top:30px;*/} #message-contact .contact-message{width:310px;float:left;margin-right:30px;} #message-contact .contact-form{color:#fff;width:586px;float:left;background:#262626;padding:27px 24px 27px 30px;} #message-contact h2{margin-bottom:22px;color:#b9252b;} #message-contact .input-label{width:120px;float:left;text-align:right;margin-right:20px;margin-top:8px;} #message-contact .input-field{margin-bottom:9px;float:left;width:440px;} #message-contact .text-area-input{margin-bottom:2px;float:left;width:440px;} #message-contact .contact-cptch{margin-bottom:8px;float:left;width:440px;margin-left:143px;} #message-contact .contact-cptch .wpcf7-captcha-captcha-673{border:3px #e5e5e5 solid;margin:3px 0;} #message-contact .contact-cptch .captcha-673, #message-contact .contact-cptch .wpcf7-captcha-captcha-673{float:left;} span.cap-text{font-size:13px;line-height:14px;display:block;margin-top:6px;margin-left:10px;float:left;width:257px;} #message-contact .contact-cptch .captcha-673 input{width:72px;margin-left:7px;font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;padding:5px;border:3px #262626 solid;background:#e5e5e5;} #message-contact .input-field input, #message-contact .text-area-input textarea{border:none;font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;width:427px;padding:5px;border:3px #262626 solid;background:#e5e5e5;} #message-contact .input-field input:focus, #message-contact .text-area-input textarea:focus, #message-contact .contact-cptch .captcha-673 input:focus{padding:5px;border:3px #ce0615 solid;outline:none;background:#fff;} #message-contact .contact-send{float:right;margin-right:6px;} #message-contact .contact-send input[type="submit"]{font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;font-size:16px;padding:0;color:#fff;border:none;width:85px;height:35px;text-align:center;background:#154067;float:right;} #message-contact .contact-send input[type="submit"]:hover{background:#1c568c;} #message-contact .contact-send .ajax-loader{float:left;} /* Courses Menu Page -------------------------------------------------------------------------------*/ .page-template-_course-menu-php #header ul#menu-header-nav-menu{margin-bottom:0;} .course-menu-content #more-courses{margin-top:8px;} .course-menu-content #message-contact{border-top:3px solid #262626;padding-top:30px;} .course-menu-content h1{text-align:center;} .courses-general-info{float:left;max-width:980px;} .sticky .courses-general-info{padding-top:0;} /* Course Page -------------------------------------------------------------------------------*/ .course-date-wrap span{color:#cb2a2d;font-weight:bold;} .mobile-course-button, h1.tab-title{display:none;} .mobile-course-button{visibility:hidden;} .course-content #message-contact{border-top:3px solid #262626;padding-top:30px;} .course-gen-info-price em{font-style:normal;color:#cb2a2d;} #tabbed-content{width:642px;background:url(_/img/tab-border.gif) repeat-x 0 38px;float:left;} #tabbed-content .course-tab{width:580px;padding:0 30px 30px;margin:0 1px;background-color:#fff;margin-top:-155px;} #tabbed-content .course-tab .gallery-images{width:640px;} .course-tab h2{font-size:20px;text-decoration:underline;margin-bottom:14px;letter-spacing:normal;text-transform:uppercase;} #tabbed-content ul.tab-nav li{padding:0;margin:0;} #tabbed-content ul.tab-nav li a:focus{outline:none;} #tabbed-content ul.tab-nav li a { font-family: "futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif; font-size: 16px; letter-spacing: normal; font-weight: 400; color: #d9edff; background: #2868a1; line-height: 38px; padding: 0 14px; border-right: #5d8fba 1px solid; } #tabbed-content ul.tab-nav li:last-child a { border-right: none; } #tabbed-content ul.tab-nav li a:hover { color: #fff; background: #205380; } #tabbed-content ul.tab-nav li.ui-tabs-active a, #tabbed-content ul.tab-nav li.ui-tabs-active a:hover { color: #fff; background: #262626 url(_/img/active-tab.png) center bottom no-repeat; } .course-title-and-price{border-top:#ccc 1px solid;padding:30px 30px 180px;width:580px;margin:-1px 1px 0;background-color:#fff;display:block;} .course-title-and-price h4{font-size:16px;color:#2868a1;font-weight:400;margin-bottom:0.3em;} #tabbed-content .gallery-images img{margin-right:20px;margin-bottom:20px;border:3px solid #fff;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);width:174px;height:auto;} .model-feedback-entry .testimonial-info a, .course-testimonial .testimonial-info a{position:relative;} .model-feedback-entry .testimonial-info a:hover .zoom-icon, .course-testimonial .testimonial-info a:hover .zoom-icon{display:block!important;} .shaving-image{padding-top:10px;} aside.course-right{float:left;width:305px;margin-left:30px;margin-top:28px;text-align:center;font-size:16px;margin-bottom:60px;} .paypal-button table{text-align:center;width:305px;margin-bottom:15px;} .paypal-button input{margin:0 auto;display:block;} .paypal-button input:hover{zoom:1;filter:alpha(opacity=90);opacity:0.9;} aside.course-right h2{font-size:16px;border-top:#d4d4d4 1px solid;padding-top:20px;margin-bottom:15px;width:305px;float:left;margin-top:10px;} aside.course-right .technique{font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;font-size:13px;line-height:1.4em;width:147px;float:left;text-align:center;margin-bottom:10px;margin-top:5px;} .technique-left{margin-right:11px;} .technique-gif-wrap{width:147px;height:82px;background-repeat:no-repeat;background-position:0 0;margin-bottom:10px;} .technique-gif-wrap:hover{background-position:0 -82px;} .technique-soc{background-image:url(_/img/key-skills/scissor-over-comb.gif);} .technique-clipper{background-image:url(_/img/key-skills/clipper-skills.gif);} .technique-layering{background-image:url(_/img/key-skills/layering.gif);} .technique-tapering{background-image:url(_/img/key-skills/tapering.gif);} .technique-texturising{background-image:url(_/img/key-skills/texturising.gif);} .technique-finishing{background-image:url(_/img/key-skills/finishing.gif);} #course-page-more-courses{max-width:980px;float:left;margin-top:30px;border-top:3px solid #262626;text-align:center;} #course-page-more-courses .another-course{display:inline-block;zoom:1;*display:inline;width:216px;padding-top:30px;vertical-align:top;margin:0 13px;} #course-page-more-courses .another-course a{display:block;} #course-page-more-courses h3{margin-bottom:0.3em;} #course-page-more-courses h2{margin:22px 0 0;} #course-page-more-courses .another-course span.course-brief-info{font-size:14px;} /*COURSES TOP PAGE MENU*/ #more-courses{max-width:980px;float:left;margin-top:30px;} #more-courses h2{text-align:center;font-size:23px;margin:0;background:#262626;color:#fff;font-size:16px;text-transform:uppercase;padding:5px 0 7px;letter-spacing:1px;} #more-courses .another-course-row, .menu-row-divider{max-width:980px;float:left;margin-bottom:30px;} #more-courses .another-course{/*float:left;width:475px;margin-right:30px;text-align:left;*/ margin-bottom:30px;padding-top:30px;border-top:3px solid #262626;max-width:980px;} .single-barbering_courses #more-courses{border-top:3px solid #262626;} /* #more-courses .another-course:hover{border:3px solid #262626;} */ #more-courses{display:block;padding-bottom:18px;color:#262626;} #more-courses h3{font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;text-align:left;font-size:30px;line-height:30px;margin:0 0 22px;color:#262626;font-weight:600;} #more-courses span.course-brief-info{padding:0 0 0 20px;display:block;float:left;width:734px;padding-left:30px;} #more-courses span.course-menu-info{max-width:764px;display:block;float:left;} span.course-brief-info p.course-excerpt{margin:5px 0 0;/*font-size:14px;*/} span.course-dates{text-align:left;/*font-size:14px;*/ display:block;width:475px;float:left;border-top:1px solid #ccc;padding-top:14px;margin-top:15px;margin-left:30px;width:734px;line-height:1.4em;} span.course-dates h4{margin:0 0 3px;font-size:1.2em;} #alert-box a:last-child{text-decoration:none;text-transform:uppercase;} span.learn-more, #alert-box a:last-child{background:#005073 url('_/img/button-bg.gif') 0 0 repeat-x;background-size:1px 200%;color:#fff;padding:10px 24px;margin-bottom:10px;display:inline-block;zoom:1;*display:inline;font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;letter-spacing:1px;font-size:18px;font-weight:600;margin-top:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /* #more-courses a:hover img{zoom:1;filter:alpha(opacity=90);opacity:0.9;} */ #more-courses a:hover span.learn-more, #alert-box a:last-child:hover{background:#b8393c url('_/img/button-bg.gif') 0 100% repeat-x;} .another-course a:hover img{zoom:1;filter:alpha(opacity=90);opacity:0.9;} #more-courses a:hover h3, #more-courses a:hover h4{color:#b8393c;} #more-courses img{float:left;border:none;} #more-courses .another-course.last{margin-right:0;} /* Vouchers -------------------------------------------------------------------------------*/ .voucher-page p{width:600px;margin-left:auto;margin-right:auto;text-align:center;} .voucher-page{text-align:center;padding-bottom:30px;} .voucher-page .voucher{display:inline-block;padding:15px 20px 20px;margin:20px;border:1px dashed #ccc;width:165px;} .voucher-page .voucher h2{font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif;font-weight:600;font-style:italic;color:#666;font-size:32px;letter-spacing:0;margin-bottom:12px;display:inline-block;border-top:3px double #ccc;border-bottom:3px double #ccc;padding:0 5px;} /* Success Stories &n Video Tutorial & Blog -------------------------------------------------------------------------------*/ .blog-entry{position:relative;vertical-align:top;} .blog-category-description{margin-bottom:20px;border-bottom:#d4d4d4 1px solid;} .contact-content #message-contact, .video-tutorials-content #message-contact, .success-stories-content #message-contact{padding-top:30px;margin-top:30px;border-top:3px double #ccc;} .menu-container h3, aside.blog-aside h3{font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;font-size:20px;font-weight:400;margin-top:-2px;margin-bottom:2px;} aside.blog-aside h3{text-align:center;} aside.blog-aside ul{margin-top:20px;} .menu-container a{color:#262626;} .menu-container a:hover h3{color:#b9252b;} .menu-container{float:left;width:645px;margin-right:30px;} aside.blog-aside{float:left;width:305px;} img.blog-menu-thumb{width:305px;height:auto;} .blog-entry{width:645px;font-size:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:#d4d4d4 1px solid;text-align:justify;} .blog-entry:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;} .blog-entry img{float:left;padding-right:30px;} .blog-entry .blog-title{float:left;max-width:310px;width:100%;/*height:200px;overflow:hidden;*/} .blog-entry .blog-title h3{margin-bottom:0.4em;} .model-feedback-entry .sub-title, .video-entry .sub-title, .blog-entry .sub-title, .flexible-content .page-title h4{font-weight:normal;font-size:0.625em;text-transform:uppercase;margin-bottom:2px;display:inline-block;zoom:1;*display:inline;font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif;max-width:305px;letter-spacing:normal;line-height:1.2em;} .video-entry .sub-title{width:100%;text-align:center;} .video-entry h3{text-align:center;} .video-entry{margin-bottom:20px;} /*Success Story Page*/ .blog-content #message-contact{padding-top:30px;border-top:3px solid #262626;} .flexible-article, .image-gallery{width:100%;float:left;} .blog-content .flexible-article .bx-wrapper{margin-bottom:34px!important;} .blog-content .flexible-article .wysiwyg, .blog-content .flexible-article .image-gallery, .blog-content .flexible-article .video-container{margin-bottom:34px;float:left;} .blog-content .flexible-article .wysiwyg p:last-child, .blog-content .flexible-article .image-gallery .gallery-image:last-child, .blog-content .flexible-article div:last-child{margin-bottom:13px;} .video-container iframe{display:block;margin:0;padding:0;} .blog-content .menu-container{margin:37px 0 60px;padding-top:30px;padding:30px 167px 0 168px;border-top:3px solid #262626;} .masonry_2{width:670px;} .masonry_3{width:664px;} .masonry_3 .gallery-image{margin-right:17px;margin-bottom:17px;background:#FFF;padding:2px;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);float:left;} .masonry_2 .gallery-image img{margin-right:24px;margin-bottom:24px;background:#FFF;padding:2px;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);float:left;} .single_column .gallery-image{margin-bottom:20px;} .single_column .gallery-image img{margin:0 auto;display:block;} .blog-content h2{text-align:center;margin-top:0.65em;margin-bottom:2.35em;} .flexible-content .page-title{text-align:center;} .flexible-content .page-title h4{margin-bottom:3.125em;} .flexible-content .page-title h1{margin-bottom:0.35em;} .sub-head-filler{height:12px;} .blog-content .flexible-article .image-gallery.masonry{margin-bottom:0;} /*Flexible Content – Gallery*/ .flexible-content{width:642px;margin:0 auto;} img.zoom-icon{width:24px !important;height:24px !important;position:absolute;top:10px;left:10px;margin:0;display:none!important;} .image-gallery{margin-bottom:1.875em;float:left;} .gallery-image a{display:block;position:relative;text-align:center;} .gallery-image a:hover img.zoom-icon{display:block!important;z-index:999;} .gallery-image img{padding:0;margin:0;display:block;} /* Barber Shops Single -------------------------------------------------------------------------------*/ .barber-shop-bottom-info{text-align:center;width:642px;margin:0 auto;border-top:1px solid #ccc;padding-top:30px;} /* Barber Shops Archive -------------------------------------------------------------------------------*/ .london-barber-shops-google-map{text-align:center;} /*.london-barber-shops-google-map h1{text-align:center;font-size:28px;display:block;border-bottom:3px double #ccc;padding:0 10px 18px;display:inline-block;margin-top:-15px;} */ .london-barber-shops-google-map h1 span.italic-title{font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;font-style:italic;margin-bottom:6px;display:inline-block;zoom:1;*display:inline;} .london-barber-shops-map{width:642px;height:453px;margin:0 auto;position:relative;background:url(_/img/london-map.gif) no-repeat 0 0;} .london-barber-shops-map img.compass{position:absolute;top:125px;left:610px;} .london-barber-shops-map h1{position:absolute;left:-130px;top:120px;text-align:center;line-height:10px;font-size:28px;display:block;border-top:3px double #ccc;border-bottom:3px double #ccc;padding:6px 0 18px;} .london-barber-shops-map h1 span.map-title{line-height:30px;} .london-barber-shops-map h1 span.italic-title{font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;font-style:italic;margin-bottom:6px;display:inline-block;zoom:1;*display:inline;} .map-marker{width:10px;height:10px;background:url(_/img/map-marker.png) no-repeat 2px 2px;position:absolute;} .map-marker .map-marker-tooltip{display:none;position:absolute;background:#262626;padding:10px;color:#b2b2b2;left:-140px;top:-163px;} .map-marker .map-marker-tooltip .bottom-arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #262626;position:absolute;top:155px;left:138px;} .map-marker .map-marker-tooltip .invisible{width:280px;height:12px;top:156px;left:0;position:absolute;} .map-marker .map-marker-tooltip a{color:#fff;margin-top:12px;} .map-marker .map-marker-tooltip a:hover{text-decoration:underline;} .map-marker .map-marker-tooltip .tooltip-content{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px 0;width:260px;font-size:12px;line-height:14px;} .map-marker:hover .map-marker-tooltip{display:block;z-index:999;} .map-marker .map-marker-tooltip h4{font-family:"futura-pt-condensed",sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:normal;font-weight:600;margin-bottom:6px;color:#fff;text-align:left;} .map-marker .map-marker-tooltip a{margin-top:6px;display:inline-block;zoom:1;*display:inline;} .map-marker:hover .map-marker-tooltip img{width:114px;height:114px;float:left;margin-right:10px;} .barbershop-menu-container{max-width:980px;margin-top:30px;text-align:center;} .barbershop-menu-container h2{text-transform:uppercase;} .barbershop-entry{text-align:center;max-width:305px;width:auto;display:inline-block;margin:0 9px;} .press-content{text-align:center;} .press-entry.third, .model-feedback-entry.third{margin-right:0;} .barbershop-h-divide{max-width:980px;float:left;} .barbershop-entry img{margin-bottom:10px;} .blog-entry.barbershop-entry:last-child{padding-bottom:30px;} .barbershop-entry span.sub-title{color:#333;margin-bottom:0;} body .barbershop-entry p.excerpt{font-size:14px;line-height:16px!important;margin-bottom:6px;} .barbershop-entry span.read-more{font-size:14px;} .barbershop-entry a:hover span.read-more{text-decoration:underline;} .post-type-archive-barber_shops #message-contact{margin-top:30px;padding-top:30px;border-top:3px double #ccc;} .msfeatureupdater{display:none!;} /*Book A Cut -------------------------------------------------------------------------------*/ .cut-book-info{float:left;width:48%;} .cut-book-image{float:right;width:48%;margin-left:4%;} /* Video Tutorial Menu -------------------------------------------------------------------------------*/ .page-template-_video-tutorials-php #header ul#menu-header-nav-menu{margin-bottom:0;} .video-tutorial-content .menu-container{width:1010px;margin:16px 0 60px;padding:0;} .video-tutorials-content .menu-container{width:1010px;margin-right:0;} .model-feedback-entry, .video-tutorial-content .video-entry, .video-tutorials-content .video-entry, .press-entry{width:305px;display:inline-block;margin-right:10px;margin-left:10px;} .video-tutorial-content .menu-container h2{margin-bottom:1.2em;margin-top:1.8em;} .model-feedback-entry a, .video-entry a{display:block;} .press-entry img, .video-entry img{padding-bottom:0.5em;} .press-entry h3, .model-feedback-entry h3, .model-feedback-entry span.sub-title, .video-entry h3,{text-align:center;max-width:305px;width:100%;} .video-entry, .model-feedback-entry, .press-entry{position:relative;} .video-icon{display:block;background:url(_/img/video-icon.png) no-repeat 0 0;position:absolute;top:79px;left:123px;width:58px;height:41px;} a:hover .video-icon{background-position:0 -41px;} /* About Page -------------------------------------------------------------------------------*/ .about-us-section{border-bottom:3px double #ccc;margin-bottom:30px;padding-bottom:30px;} .about-us-section-text{width:540px;} .gallery #message-contact{margin-top:0;} .faq-text{width:650px;} .faqs-content h2{margin:-6px 0 18px;} .ethos-content img{float:right;padding:0 0 0 30px;margin-bottom:18px;} .ethos-content h1{text-align:center;margin-bottom:40px;} /* FAQs Contact Form -------------------------------------------------------------------------------*/ .faqs-content #message-contact{width:475px;float:right;margin:0 0 30px 60px;overflow:hidden;} .faqs-content #message-contact .contact-message{width:310px;float:left;margin-right:30px;} .faqs-content #message-contact .contact-form{color:#fff;width:421px;float:left;background:#262626;padding:27px 24px 27px 30px;margin-top:20px;} .faqs-content #message-contact .contact-form .contact-cptch{margin-left:0;width:415px;} .faqs-content #message-contact .contact-form .contact-cptch span.cap-text{width:230px;} .faqs-content #message-contact h2{margin-bottom:22px;color:#b9252b;} .faqs-content #message-contact .input-label{width:120px;float:left;text-align:left;margin-right:20px;margin-top:8px;margin-left:3px;margin-bottom:3px;} .faqs-content #message-contact .input-field{margin-bottom:9px;float:left;/*width:440px;*/} .faqs-content #message-contact .text-area-input{margin-bottom:8px;float:left;/*width:440px;*/} .faqs-content #message-contact .input-field input, .faqs-content #message-contact .text-area-input textarea{border:none;font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;width:401px;padding:5px;border:3px #262626 solid;background:#e5e5e5;} .faqs-content #message-contact .input-field input:focus, .faqs-content #message-contact .text-area-input textarea:focus{padding:5px;border:3px #ce0615 solid;outline:none;background:#fff;} .faqs-content #message-contact .contact-send{float:right;margin-right:6px;} .faqs-content #message-contact .contact-send input[type="submit"]{font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;font-size:16px;padding:0;color:#fff;border:none;width:85px;height:35px;text-align:center;background:#000;float:right;} .faqs-content #message-contact .contact-send input[type="submit"]:hover{background:#154067;} .faqs-content #message-contact .contact-send .ajax-loader{float:left;} /* ---------------------*/ .faqs-content p strong{line-height:26px;font-size:20px;font-weight:bold;} .faqs-content blockquote{margin-bottom:48px;} /*Blog Comments -------------------------------------------------------------------------------*/ .comments-container{width:100%;float:left;margin-top:25px;border-top:1px solid #ccc;margin:0;} .comments-container h2#comments{width:642px;display:block;text-align:center;padding-top:23px;font-family:"futura-pt-condensed",sans-serif;text-transform:uppercase;font-size:28px;letter-spacing:normal;font-weight:normal;margin-bottom:20px;} .comments-container #respond{text-align:center;margin:0 auto;width:642px;} .comments-container #respond h2{width:642px;display:block;text-align:center;font-family:"futura-pt-condensed",sans-serif;text-transform:uppercase;font-size:28px;letter-spacing:normal;font-weight:normal;margin-bottom:20px;margin-top:20px;} .comments-container #respond p{font-size:14px;} .comments-container textarea#comment{font:16px "adobe-garamond-pro",Garamond,Century,Georgia,serif;line-height:1.4em;padding:15px 20px;border:1px solid #ccc;width:600px;} .comments-container textarea#comment:hover, .comments-container .comment-info input:hover{border:1px solid #999;} .comments-container textarea#comment:focus{outline:none;border:1px solid #262626;} .comments-container .comment-info{text-align:left;font-size:14px;padding-bottom:20px;} .comments-container .comment-info div{margin-bottom:10px;} .comments-container .comment-info input{border:1px solid #ccc;margin-right:10px;font:14px "adobe-garamond-pro",Garamond,Century,Georgia,serif;line-height:1.4em;padding:3px 6px;} .comments-container .comment-info input:focus{border:1px solid #262626;outline:none;} /*Site Map -------------------------------------------------------------------------------*/ #site-map ul{margin:24px 0;} #site-map ul li{font-size:24px;} #site-map ul li ul li, #site-map ul li ul li ul li{font-size:16px;} #site-map ul li ul{color:#262626;list-style:disc;line-height:24px;font-size:16px;margin:24px 0 0 16px;} #site-map ul li ul li ul{margin:0 0 0 16px;} /* Gallery Page -------------------------------------------------------------------------------*/ .gallery{max-width:980px;} .gallery-images{/*width:1011px;*/ margin:0 auto;-webkit-transition-duration:0.75s;-moz-transition-duration:0.75s;transition-duration:0.75s;} .gallery-section{margin-bottom:30px;padding-bottom:14px;border-bottom:3px double #ccc;} .gallery-intro{margin-bottom:30px;max-width:980px;text-align:center;padding:0 40px;} .gallery .gallery-thumb-container{float:left;/*margin:0 23px 23px 0;*/ margin:0 0 23px 0;position:relative;border:3px white solid;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-transition-duration:0.75s;-moz-transition-duration:0.75s;transition-duration:0.75s;} img.gallery-thumb{display:block;padding:0;margin:0;} .gallery .gallery-thumb-container a{display:block;padding:0;margin:0;} .gallery-thumb-container a:hover img.gallery-thumb{zoom:1;filter:alpha(opacity=90);opacity:0.9;} span.zoom-icon{width:24px !important;height:24px !important;position:absolute;top:10px;left:10px;margin:0;display:none!important;background:url(_/img/zoom-icon.png) 0 0 no-repeat;} a.fancybox-link:hover span.zoom-icon{display:block!important;z-index:999;} /* img.zoom-icon{width:24px !important;height:24px !important;position:absolute;top:10px;left:10px;margin:0;display:none;} .gallery-image a:hover img.zoom-icon, .gallery .gallery-thumb-container a:hover img.zoom-icon{display:block;z-index:999;} */ .second-gallery-intro{padding-top:20px;margin-top:10px;margin-bottom:25px;padding-right:338px;border-top:1px #e5e5e5 solid;width:642px;} /* Team Page -------------------------------------------------------------------------------*/ .team-content h1{text-align:center;margin-bottom:40px;} .team-member h2{font-size:24px;margin-bottom:4px;} .team-member h4{font-size:14px;font-weight:400;color:#666;margin-bottom:18px;} .team-member{margin-bottom:30px;padding-bottom:30px;border-bottom:3px double #ccc;} .team-member:last-child{border-bottom:3px double #ccc;} .team-member img{float:left;margin-right:30px;} .team-member-info{margin-top:-7px;} .team-member-info p:last-child{margin-bottom:0;} /* Why Barbering -------------------------------------------------------------------------------*/ .why-barbering-content #message-contact{border-top:3px solid #262626;padding-top:30px;margin-top:8px;} .why-barbering-content h1{text-align:center;} /* Contact -------------------------------------------------------------------------------*/ .contact-info{float:left;width:29%;margin-right:3%;} .contact-gallery{width:178px;float:left;margin-right:30px;} .contact-gallery img{width:178px;height:auto;display:block;margin-bottom:10px;} .contact-map{float:left;width:68%;} .contact-map img{display:block;height:auto;width:100%;} .special-link{background:#c1230b;background:-moz-linear-gradient(top,#c1230b 0%,#700f08 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c1230b),color-stop(100%,#700f08));background:-webkit-linear-gradient(top,#c1230b 0%,#700f08 100%);background:-o-linear-gradient(top,#c1230b 0%,#700f08 100%);background:-ms-linear-gradient(top,#c1230b 0%,#700f08 100%);background:linear-gradient(to bottom,#c1230b 0%,#700f08 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1230b',endColorstr='#700f08',GradientType=0 );border:#700F08 1px solid;padding:16px 0 17px;margin:10px 360px 22px 0;float:left;width:280px;text-align:center;font-size:24px;color:white;text-shadow:0 -1px 0 #700F08;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;/* future proofing */ -khtml-border-radius:3px;/* for old Konqueror browsers */} .special-link:hover{font-size:24px;color:white;text-shadow:0 -1px 0 black;text-decoration:none;-moz-box-shadow:inset 0 0 16px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 0 16px rgba(0,0,0,0.5);box-shadow:inset 0 0 16px rgba(0,0,0,0.5);} /*Barber Info Top Page -------------------------------------------------------------------------------*/ .barber-info-top-page-contnent{text-align:center;} .about-menu.barber-info-menu a{display:inline-block;zoom:1;*display:inline;float:none;margin-left:10px;margin-right:10px;} .barber-info-row-divide{width:760px;margin-top:40px;padding-top:40px;border-top:3px double #ccc;margin-left:auto;margin-right:auto;} /* New Course Testimonials & Gallery & Model Feedback -------------------------------------------------------------------------------*/ #tabbed-content .gallery-thumb-container{width:180px;position:relative;} .gallery-thumb-container{float:left;margin-right:20px;border-bottom:none;margin-bottom:0;} .model-feedback-entry .testimonial-info img, .course-testimonial .testimonial-info img{width:120px;height:auto;margin-bottom:30px;float:left;border:3px solid #fff;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);} .model-feedback-entry h2, .course-testimonial h2{text-align:left;text-decoration:none;width:126px;margin-bottom:5px} .model-feedback-entry h4, .course-testimonial h4{font-size:14px;letter-spacing:0;} .course-testimonial.third{margin-right:0;} .course-testimonial{width:580px;float:left;margin-right:0;} .testimonial-info{float:left;} .testimonial-text{float:left;width:335px;margin-left:20px;} .model-feedback-entry, .course-testimonial{border-bottom:#ccc 1px solid;margin-bottom:30px;} .model-feedback-entry:last-child, .course-testimonial:last-child{border-bottom:none;} .testimonial-stars{width:79px;margin-left:20px;background:#ccc;float:left;height:16px;background:url(_/img/stars.gif) 0 0 no-repeat;} .testimonial-stars.rating-1-stars{background-position:0 -64px;} .testimonial-stars.rating-2-stars{background-position:0 -48px;} .testimonial-stars.rating-3-stars{background-position:0 -32px;} .testimonial-stars.rating-4-stars{background-position:0 -16px;} /* Model Feedback -------------------------------------------------------------------------------*/ .model-feedback-entry{width:400px;float:left;margin-right:0;} .model-feedback-entry .testimonial-text{width:145px} /*.model-feedback-content .models-feedback-section{width:400px;float:left;} */ .model-portraits{float:left;width:550px;margin-left:30px;} .model-portraits img{width:254px;height:auto;display:block} .model-portrait{float:left;width:254px;height:292px;margin-left:15px;margin-bottom:15px;display:block;border:3px solid white;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);} .model-portrait p{text-align:center;padding:8px 0;margin:0;} /* About Top Page -------------------------------------------------------------------------------*/ .about-us-top-page-contnent h1{text-align:center;} .about-menu{margin:0 0 30px;padding:10px 0 0;border-bottom:#262626 1px solid;text-align:center;} .about-menu a{display:inline-block;zoom:1;*display:inline;width:222px;text-align:center;font-family:"futura-pt-condensed",sans-serif;text-transform:uppercase;font-size:1.2em;color:#262626;margin:0 15px 30px;} .about-menu a:hover{color:#d81f27;} .about-menu a img{width:160px;height:auto;padding:0 31px 10px;} .about-menu a.no-right-margin{margin-right:0;padding-right:0;} .model-feedback-content h1{text-align:center;margin-bottom:35px;} /* Calendar */ #tribe-events{max-width:980px;margin:0 auto;} h3.tribe-events-single-section-title{font-weight:400 !important;} .single-tribe_events #tribe-events{width:642px;} #tribe-events-content .tribe-events-calendar td{height:85px!important;} #tribe-events-content{margin-bottom:0!important;} .tribe-bar-filters-inner, .tribe-bar-filters-inner input{font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif!important;} #tribe-bar-form{background:transparent!important;} input.tribe-events-button{font-family:"futura-pt-condensed",sans-serif!important;font-size:18px!important;font-weight:400!important;background:#262626!important;} input.tribe-events-button:hover{background:#333!important;} .tribe-bar-views-select{display:block!important;} .header-month-nav{float:left;position:relative;} h2.tribe-events-page-title{font-weight:300!important;text-transform:uppercase;font-size:18px!important;display:block!important;float:left!important;width:300px!important;text-align:center!important;} .header-month-nav ul.tribe-events-sub-nav li.tribe-events-nav-previous{width:340px!important;text-align:right!important;display:block!important;} .header-month-nav ul.tribe-events-sub-nav li.tribe-events-nav-next{position:absolute!important;top:0!important;left:645px!important;width:200px;} .header-month-nav ul.tribe-events-sub-nav{list-style:none;float:left;} .header-month-nav ul.tribe-events-sub-nav li{display:inline;} #tribe-events-bar{margin-bottom:11px!important;} #tribe-events-bar a, .tribe-events-sub-nav a{font-family:"futura-pt",sans-serif!important;color:#262626!important;text-transform:uppercase;font-size:12px!important;} /* #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous{width:475px!important;margin-right:30px!important;text-align:right!important;} #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next{width:475px!important;margin:0!important;text-align:left!important;} */ #tribe-events-footer{/*display:none;*/} #tribe-events-bar #tribe-bar-views a{background:#262626;color:#fff!important;padding:8px 14px;} .events-gridview #tribe-events-bar #tribe-bar-views a.events-link{background:#c9c9c9;} .events-list #tribe-events-bar #tribe-bar-views a.calendar-link{background:#c9c9c9;} .events-gridview #tribe-events-bar #tribe-bar-views a.events-link:hover, .events-list #tribe-events-bar #tribe-bar-views a.calendar-link:hover{background:#b8393c!important;} #tribe-events-bar a:hover{color:#d81f27!important;} #tribe-bar-form #tribe-bar-views{left:0!important;float:right!important;width:auto!important;} .tribe-bar-views-inner.tribe-clearfix{padding:0!important;background:transparent!important;} .tribe-events-sub-nav{padding:0!important;margin:0!important;float:none!important;} h2.tribe-events-page-title, .tribe-events-sub-nav, .tribe-events-sub-nav li, .tribe-events-sub-nav li a{line-height:20px!important;margin:0!important;letter-spacing:1px!important;font-weight:300!important;} .tribe-events-calendar thead th{padding:4px 0!important;background:#262626!important;border-left:1px solid #262626!important;border-right:1px solid #262626!important;font-weight:400!important;} #tribe-events-content .tribe-events-calendar td{border:1px solid #b6b6b6!important;} .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"]>a{background:#f4f4f4!important;color:#999!important;} .tribe-events-calendar td div[id*="tribe-events-daynum-"]>a{font-size:9px!important;font-weight:400!important;font-family:arial,sans-serif!important;} #tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title{font-size:13px!important;font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif!important;color:#2868a1!important;} .events-archive.events-gridview #tribe-events-content table .vevent{margin:0!important;} .tribe-events-back{} .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"],.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a,#tribe_events_filters_wrapper input[type=submit],.tribe-events-button,.tribe-events-button.tribe-inactive,.tribe-events-button:hover,.tribe-events-button.tribe-active:hover{background:#2868a1!important;} .tribe-events-calendar div[id*="tribe-events-daynum-"],.tribe-events-calendar div[id*="tribe-events-daynum-"] a{background:#999!important;} .events-list .header-month-nav{display:none;} .events-list h2.tribe-events-page-title{width:640px!important;padding-left:340px!important;font-size:20px!important;font-size:32px!important;} .events-gridview h2.tribe-events-page-title .sign-header{border:none!important;display:inline!important;} .events-gridview h2.tribe-events-page-title .sign-header span{font-family:"futura-pt",sans-serif!important;text-transform:none!important;display:inline!important;color:#262626!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;min-width:auto!important;} .tribe-events-list-separator-month span{font-weight:400!important;font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif!important;} .events-list #tribe-events-footer,.tribe-events-day #tribe-events-footer,.tribe-events-map #tribe-events-footer{margin-bottom:0!important;} .tribe-events-single-event-title.summary{text-align:center!important;} .tribe-events-schedule, .tribe-events-schedule h3{text-align:center!important;font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif!important;} .tribe-filter-live #message-contact{margin-top:30px;padding-top:30px;border-top:3px solid #262626;} /* BXSlider -------------------------------------------------------------------------------*/ /** * BxSlider v4.0 - Fully loaded,responsive content slider * http://bxslider.com * * Written by:Steven Wanderski,2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative,LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper{position:relative;margin:0 auto 30px;padding:0;*zoom:1;} .bx-wrapper img{max-width:100%;display:block;margin:0 auto;padding:0;} /** THEME ===================================*/ .bx-wrapper .bx-viewport{} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;} /* LOADER */ .bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;} /* Slider! ---------------------------------------------------------------------------------------- */ .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;zoom:1;*display:inline;*zoom:1;*display:inline;} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev{left:-60px;background:url(_/img/bx-prev.gif) no-repeat 0 0px;} .bx-wrapper .bx-next{right:-60px;background:url(_/img/bx-next.gif) no-repeat 0px 0px;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{zoom:1;opacity:0.9;filter:Alpha(Opacity=90);} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:31px;height:31px;text-indent:-9999px;z-index:700;} .bx-wrapper .bx-controls-direction a.disabled{display:none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto{text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%;} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;} /* Contact form 7 -------------------------------------------------------------------------------*/ div.wpcf7-mail-sent-ok{border:none !important;color:#B7F59D !important;font-weight:bold !important;padding:none !important;margin:0 !important;} div.wpcf7-response-output{margin:0 !important;padding:0 !important;} div.wpcf7-validation-errors{border:none !important;color:#CE0615 !important;} span.wpcf7-not-valid-tip{position:absolute !important;top:4px !important;color:red !important;left:9px !important;z-index:100 !important;background:transparent !important;font-size:12px !important;border:none !important;padding:0 !important;} /* Thank You Page -------------------------------------------------------------------------------*/ .thank-you-content{text-align:center;max-width:480px;width:90%;margin:0 auto;padding:20px 0 20px;} .thank-you-content h1{font-size:4em;color:#224d73;margin-bottom:10px} .thank-you-content h1 span{color:#b8393c;} .thank-you-content p{text-align:center;} /* Enrolment Contact Form -------------------------------------------------------------------------------*/ .thank-you-message{margin-bottom:20px;font-size:1.2em;line-height:1.4em;} .enrolment, .enrolment p{text-align:left;} .enrolment span.label{width:47.5%;text-align:right;margin-right:5%;line-height:1.4em;vertical-align:middle;display:inline-block;} .enrolment span.wpcf7-form-control-wrap{display:inline-block;vertical-align:middle;width:47.5%;margin:5px 0;} .enrolment span.wpcf7-form-control-wrap.payment-radio span.wpcf7-list-item, .enrolment span.wpcf7-form-control-wrap.equipment-radio span.wpcf7-list-item, .enrolment span.wpcf7-form-control-wrap.radio-course span.wpcf7-list-item{margin-left:0;} .enrolment span.wpcf7-form-control-wrap.payment-radio span.wpcf7-list-item .wpcf7-list-item-label, .enrolment span.wpcf7-form-control-wrap.equipment-radio span.wpcf7-list-item .wpcf7-list-item-label, .enrolment span.wpcf7-form-control-wrap.radio-course span.wpcf7-list-item .wpcf7-list-item-label{width:90%;vertical-align:top;margin-bottom:10px;} .enrolment span.wpcf7-form-control-wrap.payment-radio, .enrolment span.wpcf7-form-control-wrap.equipment-radio{width:100%;} .enrolment span.wpcf7-form-control-wrap input[type='text'], .enrolment span.wpcf7-form-control-wrap input[type='email']{width:100%;font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif;} .enrolment .wpcf7-form-control-wrap.radio-hand, .enrolment .wpcf7-form-control-wrap.radio-course{vertical-align:middle;display:inline-block;width:47.5%;margin:5px 0;} .enrolment span.wpcf7-list-item{display:block;clear:both;vertical-align:middle;width:100%;text-align:left;} .enrolment span.wpcf7-list-item[name="radio-hand"]{width:47.5%;} .wpcf7-list-item-label, .wpcf7-list-item input{vertical-align:middle;display:inline-block;} .wpcf7-list-item input{margin-right:1%;} .wpcf7-form-control-wrap.payment-radio, .wpcf7-form-control-wrap.equipment-radio{width:100%;} .enrolment input[type="submit"]{display:block;margin:0 auto;background:#224d73;padding:12px 30px;border:none;color:#fff;font-family:"futura-pt",sans-serif;font-size:1.4em;-webkit-font-smoothing:antialiased;font-weight:600;text-shadow:0 -1px 0 rgba(0,0,0,0.5);} .enrolment input[type="submit"]:hover{background:#b8393c;} .enrolment form h2{text-align:center;margin-top:40px;} .enrolment .wpcf7-mail-sent-ok{background:#199046;color:#fff!important;padding:10px!important;text-align:center;} .page-id-2036 h1{display:none;} .enrolment span.wpcf7-form-control-wrap.comments-textarea{width:100%;} .enrolment span.wpcf7-form-control-wrap.comments-textarea textarea{max-width:480px;display:block;width:100%;font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif;} /* Fancybox -------------------------------------------------------------------------------*/ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('_/img/fancybox/fancybox.png');} #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;} #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff;} #fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;} #fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('_/img/fancybox/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;} #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;} #fancybox-frame{width:100%;height:100%;border:none;display:block;} #fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('_/img/fancybox/blank.gif');z-index:1102;display:none;} #fancybox-left{left:0px;} #fancybox-right{right:0px;} #fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;} #fancybox-left-ico{background-image:url('_/img/fancybox/fancybox.png');background-position:-40px -30px;} #fancybox-right-ico{background-image:url('_/img/fancybox/fancybox.png');background-position:-40px -60px;} #fancybox-left:hover,#fancybox-right:hover{visibility:visible;/* IE6 */} #fancybox-left:hover span{left:20px;} #fancybox-right:hover span{left:auto;right:20px;} .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('_/img/fancybox/fancybox-x.png');} #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('_/img/fancybox/fancybox.png');background-position:-40px -162px;} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('_/img/fancybox/fancybox-y.png');background-position:-20px 0px;} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('_/img/fancybox/fancybox.png');background-position:-40px -182px;} #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('_/img/fancybox/fancybox-x.png');background-position:0px -20px;} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('_/img/fancybox/fancybox.png');background-position:-40px -142px;} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('_/img/fancybox/fancybox-y.png');} #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('_/img/fancybox/fancybox.png');background-position:-40px -122px;} #fancybox-title{font-family:"futura-pt",sans-serif;font-size:14px;z-index:1102;} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#262626;background:#fff;position:relative;} .fancybox-title-outside{padding-top:10px;color:#fff;} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;} #fancybox-title-over{padding:10px;background-image:url('_/img/fancybox/fancy_title_over.png');display:block;} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;} #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;} #fancybox-title-float-wrap td{border:none;white-space:nowrap;} #fancybox-title-float-left{padding:0 0 0 15px;background:url('_/img/fancybox/fancybox.png') -40px -90px no-repeat;} #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('_/img/fancybox/fancybox-x.png') 0px -40px;} #fancybox-title-float-right{padding:0 0 0 15px;background:url('_/img/fancybox/fancybox.png') -55px -90px no-repeat;} /* IE6 */ .fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale');} .fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png',sizingMethod='scale');} .fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png',sizingMethod='scale');} .fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;} .fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png',sizingMethod='scale');} .fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png',sizingMethod='scale');} .fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png',sizingMethod='scale');} .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");} #fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 :document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop )) + 'px');} #fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png',sizingMethod='scale');} /* IE6,IE7,IE8 */ .fancybox-ie .fancybox-bg{background:transparent !important;} .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_n.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_ne.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_e.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_se.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_s.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_sw.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_w.png',sizingMethod='scale');} .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/fancybox/fancy_shadow_nw.png',sizingMethod='scale');} /* jQuery UI! -------------------------------------------------------------------------------*/ /*! jQuery UI - v1.10.3 - 2013-07-28 * http://jqueryui.com * Includes:jquery.ui.core.css,jquery.ui.tabs.css * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden{display:none;} .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;} .ui-helper-clearfix:before, .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;} .ui-helper-clearfix:after{clear:both;} .ui-helper-clearfix{min-height:0;/* support:IE7 */} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);} .ui-front{z-index:100;} /* Interaction Cues ----------------------------------*/ .ui-state-disabled{cursor:default !important;} /* Icons ----------------------------------*/ /* states and images */ .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;} /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;} .ui-tabs{position:relative;/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */} .ui-tabs .ui-tabs-nav{margin:0;} .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;border-bottom-width:0;padding:0;white-space:nowrap;} .ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;} .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text;} .ui-tabs .ui-tabs-nav li a,/* first selector in group seems obsolete,but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer;} .ui-tabs .ui-tabs-panel{display:block;background:none;} /* Courses Menu Slideshow! -------------------------------------------------------------------------------*/ .courses-intro-thin{max-width:475px;float:left;margin-right:30px;} .courses-slideshow-wrap{width:469px;height:308px;float:left;margin-bottom:20px;position:relative;border:3px solid #262626;background:#262626;} .courses-slideshow-wrap .slide h3{height:308px;} .courses-quote{width:415px;float:left;padding:30px 30px 6px;margin-top:10px;border-top:1px solid #d4d4d4;background:#f1f1f1;margin-bottom:30px;max-width:475px;} .courses-quote p{line-height:1.3em;margin-bottom:20px;} .quote-author{text-align:right;width:415px;color:#005073;margin-bottom:30px;} .courses-quote-container{font-style:italic;} /*Course Page Quotes*/ .course-quote{padding:20px 20px 6px;margin-top:10px;border-top:1px solid #d4d4d4;background:#f1f1f1;} .course-quote-author{text-align:right;font-style:normal;color:#005073;margin-bottom:none;} .quote-slider-wrapper{max-width:475px;float:left;margin-bottom:30px;} .quote-slider-wrapper img.alignright{margin-left:20px!important;margin-bottom:10px!important;} /* Finance Page! -------------------------------------------------------------------------------*/ .finance-content{width:600px;margin:0 auto;} .finance-content img{border:3px solid #fff;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.4);box-shadow:0px 2px 7px rgba(0,0,0,0.4);} .finance-content .alignright{margin-left:40px;} .finance-content ul li{text-align:justify;} a.finance-button-link{display:inline-block;padding:6px 13px;background:#224d73;color:#FFF;text-decoration:none;text-transform:uppercase;font-family:"futura-pt","Futura-Std",Futura,Futura-Medium,"Futura Medium",sans-serif;margin:10px 0;} a.finance-button-link:hover{color:#fff;text-decoration:none;background:#2a5e8c;} .home-initial-video-container .h_iframe iframe{display:block;border:2px solid #ccc;margin:0;padding:0;background:url(_/img/static.gif) repeat 0 0;} .h_iframe .ratio{display:none;} .mobile-book-button, .mobile-contact{display:none;} /* Barber Shop Page! -------------------------------------------------------------------------------*/ .barber-shop-info{max-width:800px;margin:0 auto;} .barber-shop-left-column{width:65%;margin-right:5%;float:left;} .barber-shop-right-column{width:30%;float:left;} .barber-shop-info img{max-width:100%;max-height:350px;width:auto;height:auto;} .barber-shop-info .bx-wrapper .bx-prev{left:0;} .barber-shop-info .bx-wrapper .bx-next{right:0;} .barber-shop-info .bx-wrapper{background:#000;border:3px solid #000;} .barber-shop-info .bx-pager.bx-default-pager{font-family:"adobe-garamond-pro",Garamond,Century,Georgia,serif;-webkit-font-smoothing:antialiased;display:block;position:absolute;bottom:0;right:0;background:#000;color:#FFF;font-weight:400;font-size:0.8em;width:50px;height:20px;padding:3px 0 0 3px;margin:0;z-index:500;} .babrber-shop-contact{border-top:1px solid #e5e5e5;padding-top:35px;margin-top:30px;} .barbershop-map-wrap{margin-bottom:20px;} .barber-shop-quotes{font-size:0.9em;line-height:1.4em;} .barber-shop-quotes p{text-align:left;} .barber-shop-quotes span{text-align:right;width:100%;display:inline-block;} .barber-shop-quote{margin-bottom:20px;} .content ul.services li{margin:0;text-transform:capitalize;} .barber-shop-info h1{margin-bottom:20px;} .barber-shop-content .menu-container{margin:0;padding:0;width:100%;margin-top:50px;padding-top:40px;} /*Homepage Alert -------------------------------------------------------------------------------*/ #alert-cover{position:fixed;display:table;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.75);opacity:0;z-index:9999;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;} #alert-box-outer{display:table-cell;vertical-align:middle;text-align:center;/*width:420px;height:100%;top:100%;position:fixed;left:50%;margin-left:-200px;*/ -webkit-transition:margin-top 500ms ease-out, top 500ms ease-out;-moz-transition:margin-top 500ms ease-out, top 500ms ease-out;-o-transition:margin-top 500ms ease-out, top 500ms ease-out;transition:margin-top 500ms ease-out, top 500ms ease-out;-moz-box-shadow:0 5px 20px rgba(0,0,0,0.75);-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.75);box-shadow:0 5px 20px rgba(0,0,0,0.75);} #alert-box{display:inline-block;background-color:#fff;max-width:420px;position:relative;/*width:374px;position:absolute;left:10px;top:10px;*/ padding:20px 20px 5px;border:3px solid #1a1a1a;margin:40px;} .close-pop-up{cursor:pointer;position:absolute;text-indent:-99999px;width:27px;height:27px;background:url(_/img/alert-close.png);top:-16px;right:-16px;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;/* future proofing */ -moz-box-shadow:0 2px 8px rgba(0,0,0,0.75);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.75);box-shadow:0 2px 8px rgba(0,0,0,0.75);border:1px solid #e5e5e5;} #alert-box h2{text-align:center;font-size:2.2em;line-height:1.2em;margin-bottom:20px;} #alert-box p{line-height:1.4em;} /*Partners Page -------------------------------------------------------------------------------*/ .partners-content img, .partners-content .team-member-info{float:none;vertical-align:middle;display:inline-block;} .partners-content img{width:20%;margin-right:5%;height:auto;} .partners-content .team-member-info{width:74%;} /*Feedback Page -------------------------------------------------------------------------------*/ .feedback-wrap{overflow:hidden;position:relative;} .feedback-iframe{width:100%;height:10000px;overflow:hidden;margin-top:-160px;} /* xxx */ /*Blog Post Page -------------------------------------------------------------------------------*/ .blog-post-and-comments{width:70%;max-width:640px;float:left;} .blog-post-and-comments .flexible-content, .blog-post-and-comments .flexible-article{margin:0;width:100%;} .blog-post-and-comments .social-shares{width:100%;} body .content.blog-content .blog-post-menu-container{width:20%;padding:0;margin:0;float:right;} .blog-post-menu-container .blog-entry img{margin:0;padding:0;float:none;} .blog-post-menu-container .blog-entry{border:none;margin:0;} .blog-post-menu-container .blog-entry a, .blog-post-menu-container .blog-entry .blog-title, .blog-post-menu-container .blog-entry, .blog-post-menu-container .blog-entry img{float:none;width:100%;} .blog-post-menu-container .blog-entry a.blog-excerpt-link{display:none;} .blog-post-menu-container.menu-container{border-top:none;padding-top:0;} .blog-post-menu-container .blog-entry .blog-title h3{margin:0;} .blog-content .blog-post-menu-container h2{margin-top:0;} .blog-post-contact #message-contact .contact-message{width:640px;margin-left:0;margin-right:0;} .blog-post-contact #message-contact{width:70%;max-width:640px;float:left;margin-top:40px;padding-top:20px;} .image-gallery-wrap{float:left;width:100%;} .flexible-article .image-gallery{float:none;margin-left:auto;margin-right:auto;} /* Great Haircuts Gallery Page (masonry layout) */ .fancy-gallery-content img{ width:96%; height:auto; display:block; margin:2%; } .gallery-item{ position:relative; } .fancy-gallery-content a{ float:left; width:308px; display:block; border:1px solid #ccc; margin-bottom:25px; color:#1a1a1a; padding-bottom:10px; } .masonry-fancy-gallery p{ margin:5px 0 0; text-align:center; font-style:italic; font-size:0.9em; } .masonry-fancy-gallery{ margin:0 auto; } h1.great-cuts-with-sub{ text-transform:uppercase; text-align:center; font-size:4em; margin:0; } h1.great-cuts{ text-transform:uppercase; text-align:center; font-size:4em; } h2.great-cuts-sub-line{ margin:-5px 0 35px; font-size:1em; text-align:center; font-weight:400; } .great-cuts-intro p{ max-width:680px; margin-left:auto; margin-right:auto; } .great-cuts-intro{ margin-bottom:35px; } .masonry-fancy-gallery h3{ text-align:center; font-size:1.5em; text-transform:uppercase; margin:10px 0 0; } .masonry-fancy-gallery p.cut-description{ font-size:1em; font-style:normal; text-align:left; position:absolute; top:0; left:6px; right:6px; background:rgba(0,0,0,0.8); color:rgba(255,255,255,0); padding:0 15px; line-height:1.4em; display:block; max-height:0; overflow:hidden; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; } .masonry-fancy-gallery .gallery-item:hover p.cut-description{ max-height:80%; padding:15px; color:#fff; } /* Print styles! -------------------------------------------------------------------------------*/ @media print{} /* Media queries! -------------------------------------------------------------------------------*/ @media only screen and (max-width:994px){/* ----------------------------------------------------- */ /* Feedback */ .feedback-iframe{margin-top:-240px;} /* ----------------------------------------------------- */ .courses-intro-thin, .quote-slider-wrapper{float:none;max-width:475px;margin-left:auto;margin-right:auto;clear:both;} .courses-slideshow-wrap{display:none;} .courses-general-info, #more-courses{float:none;} #more-courses .another-course{float:none;width:700px;margin-left:auto;margin-right:auto;clear:both;} #more-courses span.info-wrap{float:left;max-width:464px;padding-left:20px;} #more-courses span.course-brief-info, #more-courses span.course-dates{padding-left:0;margin-left:0;width:100%;} /* ----------------------------------------------------- */ .blog-content .video-container{min-width:100%;} .video-container{border:none!important;} #header ul#menu-header-nav-menu{max-height:36px;/*overflow:hidden;*/ width:auto;max-width:980px;} .bread{width:100%;} .home-intro{width:auto;min-width:475px;float:none;max-width:640px;margin:0 auto;min-height:auto;} .home-initial-video-container{float:none;padding:8px 8px 66px;margin:30px auto 0;width:459px;} a.home-more-videos-link{float:none;margin-left:auto;margin-right:auto;margin-bottom:30px;padding-bottom:30px;width:640px;border-bottom:#d4d4d4 1px solid;} .insta-feed{display:none;} .qlink{margin:0 15px 35px;float:none;width:305px;display:inline-block;} .qlink-wrap{text-align:center;} .techs{display:none;} #tabbed-content, aside.course-right{float:none;margin-left:auto;margin-right:auto;} #book-course, .course-quote{display:inline-block;width:40%;margin:0 3%;vertical-align:top;} aside.course-right h2{width:100%;border:none;margin-top:0;padding-top:0;} aside.course-right{width:642px;} #message-contact .contact-message{margin:0 auto 30px;float:none;max-width:640px;width:auto;} #message-contact .contact-form{float:none;margin:0 auto !important;} #message-contact{float:none;} #footer{position:relative;} #footer img#footer-logo{position:absolute;left:50%;margin-left:-31px;} #footer #footer-left{width:25%;float:left;margin-right:0;padding-left:144px;} #footer #footer-right{width:25%;float:right;margin-left:0;padding-right:144px;} /*About*/ .about-us-section-text{width:48%;} .about-us-section img{width:48%;height:auto;} .press-content p.press-intro{max-width:634px;margin-left:auto;margin-right:auto;display:block;} .team-members{margin:0 20px;} /* Blog Menu */ .menu-container{width:60%;} aside.blog-aside{width:35%;} .menu-container .blog-entry{width:100%;} .menu-container .blog-entry .thumb-wrap, .menu-container .blog-entry span.blog-title, .menu-container .blog-entry .blog-info{width:45%;height:auto;float:none;display:inline-block;vertical-align:top;position:relative;} .blog-post-menu-container.menu-container .blog-entry .thumb-wrap, .blog-post-menu-container.menu-container .blog-entry .blog-info{width:100%;margin-left:0;margin-right:0;} .menu-container .blog-entry .blog-info span.blog-title{width:100%;margin:0;} .success-stories-content .video-icon, .success-story-content .video-icon{display:block;background:url(_/img/video-icon.png) no-repeat 0 0;position:absolute;width:58px;height:41px;top:50%;left:50%;margin-top:-21px;margin-left:-29px;} .menu-container .blog-entry span.blog-title, .menu-container .blog-entry .blog-info{margin-left:4%;} .menu-container .blog-entry img{width:100%;height:auto;} .success-stories-content, .blog-menu-content{margin-left:20px;margin-right:20px;} .blog-menu-content #message-contact, .success-stories-content #message-contact{float:left;width:100%;} .success-stories-content .blog-title h3, .success-story-content .blog-title h3{text-align:left;} .blog-content #message-contact{display:block;margin:0 auto;} .blog-content .menu-container{float:none;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;width:642px;} .barber-shop-content .menu-container{width:650px;} .barber-shop-content .menu-container .barbershop-entry{border:none;} .contact-content, .blog-content, .barber-shops-menu-content{margin-left:20px;margin-right:20px;} .video-tutorials-content .menu-container{width:90%;text-align:center;margin:0 5%;float:none;display:block;} .comments-container{float:none;} .social-shares{height:50px;} .book-a-cut-content, .model-feedback-content{margin:0 20px;} .book-a-cut-content iframe{display:none;} .mobile-book-button{display:block;background:#006792;color:#FFF;font-family:'futura-pt',sans-serif;font-size:2em;padding:20px;margin:0 auto 30px;border:3px solid #000;text-align:center;max-width:300px;} .mobile-book-button:hover{color:#FFF;} .model-portraits{width:260px;} .model-feedback-content{width:690px;margin:0 auto;} .events-list h2.tribe-events-page-title{width:100%!important;padding-left:0!important;font-size:32px!important;display:block!important;margin:0 auto!important;} #tribe-bar-views{display:none!important;} .calendar-content{width:90%;margin-left:5%;margin-right:5%;} .blog-post-and-comments, body .content.blog-content .blog-post-menu-container, .blog-post-and-comments .flexible-content{float:none;width:100%;max-width:100%;margin-right:0;margin-left:0;padding:0;} body .content.blog-content .blog-post-menu-container{width:70%;max-width:305px;margin-left:auto;margin-right:auto;text-align:center;} body .content.blog-content .blog-post-menu-container span.sub-title, body .content.blog-content .blog-post-menu-container h3{text-align:center;width:100%;} body .content.blog-content .blog-post-menu-container{padding-top:30px;border-top:3px solid #000;} .masonry_3,.masonry_2{max-width:309px!important;float:none!important;} .blog-post-and-comments{width:100%;max-width:640px;margin-left:auto;margin-right:auto;} } @media only screen and (max-width:767px){/* phones */ body{background:white;margin-top:4.1em;} p, .about-us-section-text ul li, .flexible-article ul li{text-align:left;} body.mobile-nav-active{} #header-feature-left, #header-feature-right, #logo{display:none;} #message-contact{display:none!important;} .home-intro{min-width:90%;max-width:90%;padding:1em 5% 0;} a.home-more-videos-link{width:auto;} .home-initial-video-container{margin:0 auto;} .home-initial-video-container .h_iframe{position:relative;max-width:455px;max-height:256px;margin:0 auto;} .home-initial-video-container .h_iframe .ratio{display:block;width:100%;height:auto;display:block;max-width:455px;max-height:256px;} .home-initial-video-container .h_iframe iframe{max-width:455px;max-height:256px;position:absolute;top:0;left:0;width:100%;height:100%;} .h_iframe{position:relative;max-width:500px;max-height:281px;margin:0 auto;} .h_iframe .ratio{display:block;width:100%;height:auto;display:block;max-width:500px;max-height:281px;} .h_iframe iframe{max-width:500px;max-height:281px;position:absolute;top:0;left:0;width:100%;height:100%;} .qlink{margin-left:0;margin-right:0;} #footer #footer-left, #footer #footer-right{background:transparent;padding-left:0;padding-right:0;width:35%;font-size:0.8em;} .home-intro .header-wrapper h1{font-size:1.5em;} .home-intro .header-wrapper{max-width:340px;margin-left:auto;margin-right:auto;} #header .mobile-header{display:block;position:absolute;top:0;left:0;padding:0.8em 0;background:#b8393c;width:100%;color:#FFF;font-family:"futura-pt-condensed",sans-serif;z-index:9999;} #header .mobile-header span{margin-left:3%;font-size:20px;line-height:19px;display:inline-block;vertical-align:middle;} #header .mobile-header img{margin-left:5%;display:inline-block;vertical-align:middle;} .menu-button{float:right;margin-right:.9em;width:2.4em;height:2.4em;text-indent:-9999px;overflow:hidden;margin-top:-0.1em;background:url(_/img/mobile-menu-button.gif) no-repeat 0 0;background-size:100% auto;vertical-align:middle;} /* .mobile-nav-active #header .mobile-header{position:fixed;} */ .mobile-nav-active .menu-button{background-position:0 100%;} #header-nav{position:relative;display:none;} #header ul#menu-header-nav-menu{width:90%!important;max-width:90%!important;left:5%;top:0;margin-top:0;border:none;background:#224d73;position:absolute;z-index:9999;max-height:9999px;font-size:0.9em;padding:10px 0 30px;} header ul#menu-header-nav-menu li ul.sub-menu li a{line-height:1.4em!important;} #header ul#menu-header-nav-menu li a{text-align:left;padding:0!important;margin:0!important;display:block!important;} #header ul#menu-header-nav-menu li a{color:#FFF;} #header ul#menu-header-nav-menu li:hover a, #header ul#menu-header-nav-menu li a:hover{color:#FFF!important;background:transparent!important;} #header ul#menu-header-nav-menu li, #header ul#menu-header-nav-menu li ul.sub-menu, #header ul#menu-header-nav-menu li ul.sub-menu li{padding:0!important;margin:0!important;visibility:visible!important;display:block!important;float:left!important;clear:both!important;width:auto!important;height:auto!important;position:relative!important;background:none!important;border:none!important;} #header ul#menu-header-nav-menu li ul.sub-menu li a, #header ul#menu-header-nav-menu li ul.sub-menu li a:hover{padding-left:12px!important;color:#c2d6e8!important;background:url(_/img/list-arrow.png) no-repeat 0 5px !important;} #header ul#menu-header-nav-menu li{padding:0 20px!important;} #header ul#menu-header-nav-menu li.selected-nav a{background:transparent!important;} .home-intro .home-intro-bullet p{text-align:left;margin-bottom:12px;font-size:1.1em;} .post-type-archive-barber_shops .blog-entry img{padding:0;width:100%;} /* #header ul#menu-header-nav-menu li a{text-align:center;color:#fff;min-height:2.05em;padding:0.7em 0 0;line-height:normal;margin:0;border-right:1px solid #466c8c;border-bottom:1px solid #466c8c;} #header ul#menu-header-nav-menu li{width:50%;float:left!important;height:2.8em;padding:0;display:block;} #header #header-nav ul#menu-header-nav-menu li ul.sub-menu, #header #header-nav ul#menu-header-nav-menu li ul.sub-menu li{display:none!important;} #header #header-nav ul#menu-header-nav-menu.mobile-active-sub-nav{height:2.3em;overflow:hidden;text-indent:-9999px;} #header #header-nav ul#menu-header-nav-menu.mobile-active-sub-nav li{display:none;} #header #header-nav ul#menu-header-nav-menu.mobile-active-sub-nav{background:#9e3133;} #header #header-nav ul#menu-header-nav-menu.mobile-active-sub-nav li.sub-menu-expander{display:block!important;width:100%;background:#9e3133;} #header ul#menu-header-nav-menu li:hover a{background:transparent;} */ .expand-button{width:1.8em;height:1.8em;float:right;background:url(_/img/mobile-menu-expand-button.gif) 0 0 no-repeat;background-size:100% auto;margin-top:0.25em;margin-right:1.2em;display:none!important;} /* -- ABOUT PAGE -- */ .about-us-section img{width:90%;max-width:410px;height:auto;float:none;margin:0 auto 20px;padding:0 5%;display:block;} .team-members{margin:0;} .contact-map{width:100%;display:block;float:none;margin:40px auto 0;} .flexible-article img{width:100%;height:auto;} .blog-content .menu-container{width:90%;float:none;margin:0 auto;padding:30px 5%;text-align:center;} /* -- Generic Rules -- */ .barber-shop-left-column, .barber-shop-right-column, .promo-wrap, .course-menu-content, .team-content, .about-us-section-text, .press-content, .faqs-content, .contact-content, .flexible-content, #tabbed-content, aside.course-right{width:90%;max-width:500px;float:none;margin:0 auto;padding:0 5%;text-align:center;} .contact-content{max-width:410px;} .team-content img, .about-us-section-text img, .press-content img, .faqs-content img, .contact-content img, .flexible-content img{width:100%;max-width:410px;height:auto;margin:0 auto 20px;} .video-tutorial-content .video-entry, .video-tutorials-content .video-entry, .press-entry{max-width:305px;width:auto;height:auto;} .video-entry img{max-width:305px;width:100%;height:auto;} .video-entry{margin-bottom:2 em;} .press-entry, .press-entry.third{margin:0 auto 30px;display:block;float:none;} .press-entry a, .press-content .press-entry img{display:block;margin:0;max-width:100%;} /* Blog Menu */ aside.blog-aside{display:none;} .comments-container{display:none;} .social-shares{display:none;} .blog-content .flexible-content{margin-bottom:30px;} .testimonial-stars{display:none;} .testimonial-info{width:40%;} .model-feedback-entry{margin:0 0 20px;} .model-feedback-entry .testimonial-text{width:55%;margin-left:5%;} .testimonial-info h2, .testimonial-info h4, .model-feedback-entry .testimonial-info img{width:100%;border:none;border:none;} .model-portraits{/*width:35%;margin-left:5%;*/ display:none;} .model-portrait{width:96%;padding:2%;margin:0 0 20px;border:0;height:auto;} .model-feedback-content{width:90%;} .mobile-contact{width:80%;margin:1em 5%;display:block;background:#262626;color:#fff;padding:1em 5% 1em;} .mobile-contact a{color:#fff;font-weight:bold;} .courses-intro-thin{width:auto;margin:0;} .courses-slideshow-wrap, .courses-slideshow-wrap img, .courses-slideshow-wrap div, .courses-slideshow-wrap h3{width:100%;height:auto;display:none;} /*.courses-quote{width:90%;padding:5%;} */ .faq-text, .contact-info, .flexible-article, .image-gallery, .gallery-image, .menu-container, .model-feedback-content, .model-feedback-content .models-feedback-section, .model-feedback-entry, .model-portraits img, .courses-general-info, #more-courses, .quote-author, #more-courses .another-course, #more-courses .another-course span, #more-courses .another-course h3, #more-courses .another-course p, .course-title-and-price, #tabbed-content .course-tab, aside.course-right h2, #tabbed-content .course-tab .gallery-images, .course-testimonial, .course-testimonial div, #tabbed-content .gallery-thumb-container{max-width:100%;width:100%;height:auto;margin-left:0;margin-right:0;padding-left:0;padding-right:0;float:none;} #more-courses .another-course a, #more-courses .another-course img{display:inline-block;float:none;} span.learn-more{text-align:center;font-size:24px;line-height:1em;font-weight:600;background:#005073;} #more-courses a:hover span.learn-more{background:#b8393c;} #more-courses .another-course img{margin-bottom:1em;} #more-courses .another-course a{width:100%;} #more-courses .another-course h3{text-align:center;} #more-courses .another-course{margin-bottom:0;} .tab-nav{display:none;} #tabbed-content div#tab-1.course-tab, #tabbed-content div#tab-2.course-tab, #tabbed-content div#tab-3.course-tab, #tabbed-content div#tab-4.course-tab, #tabbed-content div#tab-5.course-tab, #tabbed-content div#tab-6.course-tab{display:block!important;} #tabbed-content{background:none;} .course-title-and-price{border:none;padding:0;margin:0;} #tabbed-content .course-tab{margin:2em 0 0;padding:0;} h1.tab-title{display:block;margin-bottom:32px;background:#262626;color:#fff;font-size:28px;padding:6px 0 10px;} .techs{display:none;} .mobile-course-button{display:block;visibility:visible;position:fixed;bottom:0;left:0;width:100%;padding:14px 0;text-align:center;background:#006792;color:#FFF;z-index:999;font-family:'futura-pt',sans-serif;font-size:28px;} aside.course-right #book-course h2{border:none;padding:0;font-size:22px;font-weight:600;} .course-testimonial h2{text-align:center;font-size:22px;} .course-testimonial img{display:none;} #tabbed-content .gallery-thumb-container, #tabbed-content .gallery-thumb-container p{text-align:center;} #tabbed-content .gallery-thumb-container img{width:98%;max-width:305px;height:auto;padding:1%;display:inline-block;margin:0 auto;} #book-course, .course-quote{margin-left:0;margin-right:0;width:auto;} .course-quote{margin-top:30px;} #book-course{width:80%;border:none;margin:2%;padding:8%;background:#FFF;} .book-course-wrap{width:100%;background:#262626;} .razor-wrap-left, .razor-wrap-right{display:none;} .promotion h2{width:100%;} .frame-inner{width:96%;margin:2%;} .cut-book-image, .cut-book-info{float:none;width:100%;margin-left:0;} .cut-book-image img{margin:0 auto;display:block;} } } @media only screen and (max-width:767px) and (orientation:portrait){/* portrait phones */} @media only screen and (max-width:565px){.feedback-iframe{margin-top:-325px;} } @media only screen and (max-width:500px){.home-initial-video-container{background:transparent;padding:0;width:88%;} } /* Print styles! -------------------------------------------------------------------------------*/ @media print{body .content.blog-content .blog-post-menu-container, .social-shares, .comments-container, .blog-post-contact{display:none;} .blog-post-and-comments{max-width:100%;width:100%;margin-left:auto;margin-right:auto;} } /*** TEMPORARY STUFF ***/ .home-content #message-contact{border-top:none;} .promotion{margin-bottom:0;}