/*----------------------------------------------------------------------------- STYLE CONFIGURATION FROM VALIANO THEME Screen Stylesheet version: 1.0 date: 27.02.2012 author: themepunch email: support@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /********************************************* TABLE OF CONTENT BASICS cONTENT BACKGROUNDS TOP SOCIAL CONTAINER TOOLTIP HEADER AND NAVIGATION QUOTES DIVIDER WP-CORE EXPAND / COLLAPSE SIDEBARS BLOG FOOTER TWIITER BANENR SALOON BANNER KEN BURN *********************************************/ /*********************** - BASICS - ***********************/ html { width: 100%; margin: 0px; overflow-x:hidden; padding: 0;} .body { margin:0px;} .body-dark { background-color:#0e0e0e; background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/grain.png); } .container { z-index:10;} ol, ul { list-style: none; } a { text-decoration:none; color:#999} a:hover { text-decoration: none; cursor: pointer; } a:focus { outline: none; } .clear{ clear:both;} p {margin: 0 0 20px 0;} blockquote{ border-left: 1px solid #222; padding-left: 10px; } body { color:#BCBCBC; text-shadow:0px 1px 0px #000; font-size:12px; font-family:Arial; } h1 { color:#555; text-shadow:0px 1px 0px #000; font-family:'Oswald'; font-size: 32px; margin-bottom:10px;} h2 { color:#555; text-shadow:0px 1px 0px #000; font-family:'Oswald'; font-size: 28px; margin-bottom:10px;} h3 { color:#555; text-shadow:0px 1px 0px #000; font-family:'Oswald'; font-size: 24px; margin-bottom:10px;} h4 { color:#555; text-shadow:0px 1px 0px #000; font-family:'Oswald'; font-size: 20px; margin-bottom:10px;} h5 { color:#555; text-shadow:0px 1px 0px #000; font-family:'Oswald'; font-size: 16px; margin-bottom:10px;} h6 { color:#555; text-shadow:0px 1px 0px #000; font-family:'Oswald'; font-size: 13px; margin-bottom:10px;} @media only screen and (min-width: 768px) and (max-width: 959px) { h5 { margin-bottom:10px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { h5 { margin-bottom:10px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { h3 { font-size: 16px; } h5 { font-size: 14px; margin-bottom:10px; } } .centerme { margin-left:auto;margin-right:auto; } .content { padding-top: 20px; font-size:12px !important;} #tp_valiano_home_content .content { padding-top:0;} .leftfloat {float:left;} .rightfloat { float: right;} /*************************** - CONTENTS - ***************************/ .content_thumb { max-width:60px;} .content_thumb img { width:100%} .content_with_thumb { max-width:230px; margin-left:20px;} @media only screen and (min-width: 768px) and (max-width: 959px) { .content_thumb { max-width:40px;} .content_thumb img { width:100%} .content_with_thumb { max-width:180px; margin-left:20px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .content_thumb { max-width:60px;} .content_thumb img { width:100%} .content_with_thumb { max-width:320px; margin-left:20px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .content_thumb { max-width:40px;} .content_thumb img { width:100%} .content_with_thumb { max-width:240px; margin-left:20px;} } /*************************************** - THE BACKGROUNDS - ****************************************/ #container_bg { position:fixed; top:0px; width:1200px; max-width:100%; background-color:#111111; background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/grain.png); margin-left:auto; margin-right:auto; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); /* webkit browser*/ -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); /* firefox */ box-shadow: 0px 0px 15px rgba(0,0,0,0.3); z-index:1; } #container_bg.hidden { display:none;} #container_head_bg_wrapper { width:1000px !important; overflow:visible; position:relative; height:0px; margin-left:-30px !important; margin-bottom:30px; z-index:-1; } #container_head_bg_sub { -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; width:100% !important; height:800px; position:absolute; top:0px; left:0px; background-color:RGBA(0,0,0,0.4); } #container_head_bg { width:990px !important; height:800px; position:absolute; top:5px; left:5px; background-color:#111111; background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/grain.png);} #footer_bg { width:1200px; max-width:100%; background-color:#090909; background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/grain.png); margin-left:auto; margin-right:auto; position:absolute; z-index:3;} #topholder_bg { width:1200px; max-width:100%; height:70px; background:#090909; position:absolute; top:0px; z-index:2; } #bottomholder_bg { width:1200px; max-width:100%; height:70px; margin-top:0px; background:#090909; position:absolute; z-index:2; } @media only screen and (min-width: 768px) and (max-width: 959px) { #container_head_bg_wrapper { width:808px !important;} #container_head_bg_sub { width:100% !important; } #container_head_bg { width:798px !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #topholder_bg { height:100px;} #bottomholder_bg { height:80px;} #container_head_bg_wrapper { width:478px !important;} #container_head_bg_sub { width:478px !important;} #container_head_bg { width:468px !important;} } @media only screen and (min-width:350px) and (max-width: 479px) { #topholder_bg { height:100px;} #bottomholder_bg { height:80px;} #container_head_bg_wrapper { width:360px !important;} #container_head_bg_sub { width:360px !important; } #container_head_bg { width:350px !important;} } @media only screen and (min-width:0px) and (max-width: 349px) { #topholder_bg { height:100px;} #bottomholder_bg { height:80px;} #container_head_bg_wrapper { width:340px !important;} #container_head_bg_sub { width:340px !important; left:0px;} #container_head_bg { width:340px !important; left:0px;} } #footer_bg.bgfullwidth, #topholder_bg.bgfullwidth, #bottomholder_bg.bgfullwidth, #container_bg.bgfullwidth { width:100%; max-width:100% !important;} .blur_overlay { width:100%; height:100%; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/black65.png);position:absolute;top:0px;left:0px;z-index:6;} /***THE GLARE ***/ #bg_glare_holder { height:0px; width:100%; overflow:visible; } .bg_glare { height:800px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/glaretile.jpg); width:100%;} /*** MAIN BACKGROUND IMAGE 650 PX AND LEFT / R IGHT SHADOWS ***/ #bg_wrapper { width:100%; height:0px; position:relative; z-index:3; overflow:visible; margin-bottom:0px; } #bg_holder { position:relative; overflow:visible; margin-left:auto; margin-right:auto; max-width:1200px;} #bg_image_wrapper { max-width:1200px; height:650px; overflow:hidden;} #bg_wrapper .blurholder { width:100%; height:90px;overflow:hidden;position:absolute;bottom:0px;z-index:5;} #bg_wrapper .blurholder img { position:absolute;z-index:3;bottom:0px;left:0px;margin-top:-560px;} /***THE MAIN IMAGE SHADOWS LEFT AND RIGHT ***/ #bg_shadows_wrapper { height:0px; max-width:1200px; margin-left:auto; margin-right:auto; } #bg_shadow_left { height:650px; width:120px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/bannershadow_left.png); float:left; margin-left:-120px;} #bg_shadow_right { height:650px; width:120px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/bannershadow_right.png); float:right; margin-right:-120px;} #bg_wrapper #shadow_bottom { width:100%; height:10px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/smallshadow_bottom.png) repeat-x; bottom:-10px; position:absolute;} @media only screen and (min-width: 768px) and (max-width: 959px) { #bg_image_wrapper { height:575px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #bg_image_wrapper { height:510px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { #bg_image_wrapper { height:460px;} } @media only screen and (min-width: 0px) and (max-width: 960px) { #bg_shadow_left { display:none;} #bg_shadow_right { display:none;} } /*** THE MAIN BG IMAGE HOLDER AND NORMAL / BLUR VERSION ***/ .head_bgimage { position:relative; width:100%; height:100%;overflow:visible;} .main-bg-solo { position:absolute;bottom:0px;height:100%;} .main-bg-blur { position:absolute;bottom:0px;height:100%;visibility:hidden;} /************************************************** - TOP - BOTTOM CONTAINER WITH SOCIALS - ****************************************************/ #topwrapper, #bottomwrapper { max-width:940px; position:relative; z-index:100; margin:auto;} #topwrapper .expandable, #bottomwrapper .expandable { height:70px;} #topwrapper .info, #bottomwrapper .info { font-family:Arial; font-size:12px; color:#666; text-shadow:0px 1px 0px #000; padding-top:24px;} #topwrapper .info a, #bottomwrapper .info a { margin-left:20px; } #topwrapper .expander { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/up.png) no-repeat top; width:50px; height:25px; right:0px; bottom:-25px; position:absolute; z-index:50; cursor:pointer;} #bottomwrapper .expander { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/down_bottom.png) no-repeat top; width:50px; height:25px; right:0px; top:-25px; position:absolute; z-index:50; cursor:pointer;} #topwrapper .expander.selected { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/down.png) no-repeat top;} #bottomwrapper .expander.selected { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/up_bottom.png) no-repeat top;} #topwrapper .expander:hover, #bottomwrapper .expander:hover { background-position:bottom;} #topwrapper .expander.selected:hover { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/down.png) no-repeat top; background-position:bottom;} #bottomwrapper .expander.selected:hover { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/up_bottom.png) no-repeat top; background-position:bottom;} .social_wrapper { position:relative; height:30px; margin-top:-24px; float:right;} .social_wrapper .social { float:left; margin-left:10px; cursor:pointer;} /* .facebook { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/facebook.png); width:30px;height:30px} .twitter { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/twitter.png); width:30px;height:30px} .googleplus { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/googleplus.png); width:30px;height:30px} .linkedin { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/linkedin.png); width:30px;height:30px} .flickr { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/flickr.png); width:30px;height:30px} .vimeo { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/vimeo.png); width:30px;height:30px} .youtube { background-image:url(http://brunobuilders.com/wp-content/themes/valiano/images/social/youtube.png); width:30px;height:30px} */ @media only screen and (min-width: 768px) and (max-width: 959px) { #topwrapper .info, #bottomwrapper .info { margin-left:10px;} #topwrapper, #bottomwrapper { max-width:768px; position:relative; z-index:100; margin:auto;} .social_wrapper { margin-right:10px;} #topwrapper .expander { right:10px;} #bottomwrapper .expander { right:10px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #topwrapper, #bottomwrapper { max-width:430px; position:relative; z-index:100; margin:auto;} #topwrapper .info, #bottomwrapper .info { padding-top:5px;text-align:center;} .social_wrapper { position:relative; height:30px; margin-top:8px;margin-left:auto;margin-right:auto;width:280px;float:none;} #topwrapper .expandable, #bottomwrapper .expandable { height:80px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { #topwrapper, #bottomwrapper { max-width:310px; position:relative; z-index:100; margin:auto;} #topwrapper .info, #bottomwrapper .info { padding-top:5px;text-align:center;} .social_wrapper { position:relative; height:30px; margin-top:8px;margin-left:auto;margin-right:auto;width:280px;float:none;} #topwrapper .expandable, #bottomwrapper .expandable { height:80px;} } /**************************** - TOOLTIP - *****************************/ #tooltip { visibility:visible; position: fixed; padding: 5px 10px 5px 10px; background: #090909; color: #fff; text-shadow:0px 1px 0px #777; font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #090909; z-index:9999; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.8); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.8); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #tooltip span { color: #CCCCCC; font-family: Arial,sans-serif; font-size: 12px; line-height: 20px; text-shadow: 0px 1px 0px #000000;} @media only screen and (min-width: 480px) and (max-width: 767px) { #tooltip { padding: 0px; background: none; border: none; z-index:9999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #tooltip span { display:none; visibility:hidden:} } @media only screen and (min-width: 0px) and (max-width: 479px) { #tooltip { padding: 0px; background: none; border: none; z-index:9999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #tooltip span { display:none; visibility:hidden:} } /******************************* - MENU / HEAD - ********************************/ #sitetitle { position:relative;margin-top:0px; margin-bottom:0px;height:51px;overflow:hidden;margin-left:0px;} #sitetitle span { -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; margin-top:10px;position:absolute; font-family:Oswald; color:#fff; font-size:24px; text-shadow:0px 0px 1px #000; padding:10px 15px 10px 15px; background-color:RGBA(0,0,0,0.4);} #sitetitle_dummy { height:10px;width:1px; } .header { margin-left:auto; margin-right:auto; } #nav { float:right; position:relative; z-index:1000; height:auto; font-size:15px !important; font-family:Oswald; text-shadow:0px 1px 0px #000; color:#a8a8a8; } #nav a { color:#999} .menubg { z-index:0; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px; position:absolute;background:#000;top:0px;left:0px;width:100%;height:100%;position:absolute;} .submenubg { z-index:0; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; position:absolute;background:#000;top:0px;left:0px;width:100%;height:100%;position:absolute;} #nav ul { list-style:none; position:relative;} #nav ul>li { padding:15px 15px 15px 15px; float:left; position:relative; z-index:10; cursor:pointer; } #nav ul li ul a { width:200px;padding:15px 15px 15px 0px; font-size:12px !important; } #nav ul li:first-child { margin-left:15px;} #nav ul>li:last-child { margin-right:15px;} #nav ul li>ul { display:none; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; top: 44px; width:200px; left: -45px; position:absolute; } #nav ul li ul li { margin-left:0px !important; margin-right:0px !important;clear:both; padding:5px 30px 5px 30px; font-weight:normal;font-size:12px;font-family:arial;} #nav ul li ul li:first-child { clear:both; padding-top:10px;} #nav .last { clear:both; padding-bottom:20px !important;} .logo{ background:url(http://brunobuilders.com/wp-content/uploads/2012/08/bruno_builders_logo-300x63.png) no-repeat; width:432px; height:93px; float:left; z-index:50; position:relative;} #responsive-menu {display:none;height:20px;overflow:visible;position:relative; margin-bottom:60px; z-index:99999;} #responsive-menu select { font-size:16px;width:100%;padding:10px;color:#999;border:none;background:#111; margin-top:20px;} #responsive-menu select.apple { color:#333;background-color:rgba(255,255,255,0.75);} @media only screen and (min-width: 768px) and (max-width: 959px) { #responsive-menu { display:none;} #nav {display:block} #sitetitle {} } @media only screen and (min-width: 480px) and (max-width: 767px) { #nav { display:none} #responsive-menu { display:block;} #responsive-menu select { opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} #responsive-menu-button { color:#fff; font-size:12px; font-family:Arial; padding:10px;position:relative;background:url(http://brunobuilders.com/wp-content/themes/valiano/images/selectnav_420.png) no-repeat;width:420px;height:20px;margin-bottom:-60px;} #sitetitle { margin-top:-10px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { #nav {display:none} #responsive-menu-button { color:#fff; font-size:12px; font-family:Arial; padding:10px;position:relative;background:url(http://brunobuilders.com/wp-content/themes/valiano/images/selectnav_300.png) no-repeat;width:280px;height:20px;margin-bottom:-60px;} #responsive-menu { display:block;} #responsive-menu select { opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} #sitetitle { margin-top:-10px !important;} } /******************************** - QUOTES - ********************************/ #quotes_carousel { height: 90px; overflow: hidden; position: relative; width:100%; z-index:50; margin-top:50px; margin-bottom:70px;} #quotes_carousel li { display:none; position:absolute; width:100%;} .quote { font-family:'Oswald'; font-weight: normal; font-size:25px; color:#fff; position:relative; text-align:center; width:100%; text-shadow: none;} @media only screen and (min-width: 768px) and (max-width: 959px) { /* #quotes_carousel { height:90px;margin-top:45px;} */ .quote { font-size:18px; line-height:25px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #quotes_carousel { height:90px;margin-bottom:70px;} /*margin-top:32px;*/ .quote { font-size:18px; line-height:25px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { #quotes_carousel { height:90px; z-index:50; margin-bottom:70px;} /*margin-top:25px;*/ .quote { font-size:18px; line-height:25px;} } /******************************* - DIVIDER - ********************************/ .titledivider { position:relative;background-color:#090909 ; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/headlinebg.png) repeat; padding:1px 0px 9px 0px; height: 30px; margin-bottom:25px;} .titledivider h3 { padding-left:15px;} .titledivider_border { position:absolute;top:0;left:0;width:0;height:40px;border-right:1px solid #222; border-left:1px solid #0d0d0d; } .divide40 { height:40px;} .divide30 { height:30px;} .space70 { margin-bottom:70px;width:100%;} .space50 { margin-bottom:50px;width:100%;} .space20 { height:20px;width:100%;} /*THE LAST EXPANDABLE PART SHOULD HAVE AN OTHER MARGIN BOTTOM*/ .last.expandable .space70,.last.expandable .space50 {margin-bottom:0px;} .last.expandable .portfolio.last {margin-bottom:-70px} .expandable_fclass { margin-bottom:70px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .titledivider { margin-bottom:25px !important; } .space70 { margin-bottom:50px !important; } .space50 { margin-bottom:50px !important; } .lastexpandable .space70 {margin-bottom:0px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .titledivider { margin-bottom:25px !important; } .space70 { margin-bottom:50px !important; } .space50 { margin-bottom:50px !important; } .lastexpandable .space70 {margin-bottom:0px !important;} } /******************************** - PAGINATION - *********************************/ .pagination a, .pagination a:hover .pagination a:link, .pagination a:visited { padding:5px 12px 5px 12px; margin-right:5px; background:#000; color:#fff; font-size:12px; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; font-weight:bold;} .nextprevcat {color:555;} /******************************* - PORTFOLIO - ********************************/ .portfolio_selector { color:#fff !important;} .portfolio_filter ul li { float:left; font-size:12px;} .portfolio_filter span { color:#444;margin:0px 10px 10px 10px;border-left: 1px solid #444;} .portfolio_div { position:relative;height:auto; overflow:hidden;} .eight .portfolio_image { position:relative; width:100%; margin-bottom: -6px;max-height:100%} .four .portfolio_image { position:relative; width:100%; margin-bottom: -6px;} @media only screen and (min-width: 768px) and (max-width: 959px) { .eight .portfolio_image { position:relative; width:100%; margin-bottom: -6px;height:auto;max-height:100%;} .four .portfolio_image { position:relative; width:100%; margin-bottom: -6px;height:auto;max-height:100%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .nopadding { padding-bottom:0px !important; } .portfolio .alpha { margin-bottom:20px !important;} .portfolio .omega { margin-bottom:20px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .nopadding { padding-bottom:0px !important; } .portfolio .alpha { margin-bottom:20px !important;} .portfolio .omega { margin-bottom:20px !important;} .portfolio_filter ul { margin-bottom:20px !important;} } .nopadding { padding-bottom:0px !important; } .portfolio .alpha { margin-bottom:20px;} .portfolio .omega { margin-bottom:20px;} /********************************* - COMMENT LISTS - **********************************/ .commentlist li { margin-bottom:20px;} .commentwrap { padding:20px; background:#111; position:relative;} .commentwrap h5 { color:#bbb;margin-bottom:0px;} .commentwrap .timestamp { font-size:11px; color:#555; margin-bottom:10px;} .commentlist .depth-1 { width:100%; float:right; } .commentlist .depth-2 { width:95%; float:right;} .commentlist .depth-3 { width:90%; float:right; } .commentlist .depth-4 { width:85%; float:right; } .commentlist .depth-5 { width:80%; float:right; } .commentlist .depth-1 .commentwrap p { float:left; width:81%;} .commentlist .depth-2 .commentwrap p { float:left; width:80%;} .commentlist .depth-3 .commentwrap p { float:left; width:79%;} .commentlist .depth-4 .commentwrap p { float:left; width:78%;} .commentlist .depth-5 .commentwrap p { float:left; width:76%;} .commentlist ul, .commentlist ol { font-size: 100%; } .posterpic { width:80px;height:80px;float:left; margin-right:20px;} .posterpic img { width:100%;margin-bottom:-6px} .commentwrap .replylink { position:absolute; right:20px;top:-10px;} .postertext {overflow:auto;} @media only screen and (min-width: 768px) and (max-width: 959px) { .commentlist .depth-1 .commentwrap p { float:left; width:76%;} .commentlist .depth-2 .commentwrap p { float:left; width:75%;} .commentlist .depth-3 .commentwrap p { float:left; width:73%;} .commentlist .depth-4 .commentwrap p { float:left; width:71%;} .commentlist .depth-5 .commentwrap p { float:left; width:69%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .posterpic {width:50px; height:50px;} .commentlist .depth-1 .commentwrap p { float:left; width:78%;} .commentlist .depth-2 .commentwrap p { float:left; width:77%;} .commentlist .depth-3 .commentwrap p { float:left; width:74%;} .commentlist .depth-4 .commentwrap p { float:left; width:72%;} .commentlist .depth-5 .commentwrap p { float:left; width:71%;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .posterpic {display:none;} .commentlist .depth-1 .commentwrap p { float:left; width:100%;} .commentlist .depth-2 .commentwrap p { float:left; width:100%;} .commentlist .depth-3 .commentwrap p { float:left; width:100%;} .commentlist .depth-4 .commentwrap p { float:left; width:100%;} .commentlist .depth-5 .commentwrap p { float:left; width:100%;} } /******************************* - WP CORE STYLES - ********************************/ .alignnone { margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto;} .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;} .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } img.size-auto, img.size-large, img.size-full, img.size-medium { max-width: 100%; height: auto;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 0px;} .alignright, img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 0px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px;} .bordered { padding: 4px; background:#111; border: 1px solid #1e1e1e;} .bypostauthor {} .sticky{} .gallery-caption{} /*************************************** - COLLAPSE / EXPAND BUTTONS - ****************************************/ .collapse { width:40px; height:40px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/collapse.png) top left; cursor:pointer;} .expand { width:40px; height:40px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/expand.png) top left; cursor:pointer;} .collapse:hover, .expand:hover { background-position:bottom left; } /******************************* - SIDEBAR - ********************************/ .sidebar .widget { font-size:12px;float: left; margin-bottom: 60px; width: 100%; } .sidebar .widget h5 { color: #999; line-height: 20px; margin-bottom: 23px; position:relative; } .sidebar .widget ul li { margin-bottom: 2px; } .sidebar .widget ul { margin-bottom: 0; } /* UNNEDED THINGS HERE ?? */ .sidebar h5 { margin-top:40px; background-color:#fff; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/headlinebg.png) repeat; padding:4px 15px 5px 15px; margin-bottom:20px;margin-right:-1px;} .sidebar h5:first-child { margin-top:0px;} .sidebar .titledivider_border { position:absolute;top:0;left:0;width:0;height:29px;border-right:1px solid #222; border-left:1px solid #0d0d0d;} .sidebar #twitter_feed_icon { width: 24px; height: 24px; float: left; margin-right: 8px;} .sidebar,sidebar p { font-size:12px; color:#777; text-shadow:0px 1px 0px #000;} .sidebar p { margin-bottom:0 !important; } .sidebar .widget li { font-size:12px; color:#777; text-shadow:0px 1px 0px #000; border-bottom:1px solid #222; padding:3px 0px 3px 0px;} .sidebar .widget ul { border-top:1px solid #222;} .home .widget {margin-bottom:0px;} @media only screen and (min-width: 480px) and (max-width: 767px) { .widget { margin-bottom:60px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .widget { margin-bottom:60px !important;} } /******************************** - FOOTER - *********************************/ #footer { margin-top:95px; font-size:12px !important;} .footer_wrap { padding:30px 0px 30px 0px;} #footer h5 { position:relative;background-color:#090909; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/headlinebg.png) repeat; padding:4px 15px 5px 15px; margin-bottom:20px;} #footer .titledivider_border { position:absolute;top:0;left:0;width:0;height:33px;border-right:1px solid #222; border-left:1px solid #000;} #footer h6 { /*color: #777;*/} #footer #twitter_feed_icon { width: 24px; height: 24px; float: left; margin-right: 8px;} #footer, #footer p { font-size:12px; color:#777777; text-shadow:0px 1px 0px #000;} #footer p { margin-bottom:0 !important; } #footer .widget li { font-size:12px; color:#777777; text-shadow:0px 1px 0px #000; border-bottom:1px solid #131313; padding:3px 0px 3px 0px;} #footer .widget ul { border-top:1px solid #131313;} #footer .widget .topline { color:#ccc; } #footer .widget a { color:#ccc; } /******************************* - TWITTER Widget - ********************************/ .twitter_reader_list { overflow:hidden; border:0 !important;} .twitter_reader_quote { font-size:45px; color:#323232; text-shadow:0px 1px 0px #000; padding-top:13px; height:0px; overflow:visible; float:left; width:20px;} .twitter_reader_list li { list-style-type:none; text-align: left; margin-bottom: 25px !important; border-bottom:0 !important; padding-left: 0px;} /* Last LI element in column has no dividing line build by border-bottom */ .twitter_reader_list li.last { margin-bottom: 0 !important; } .twitter_reader_list li a { text-decoration: none;} .twitter_reader_list span { color:#fff; font-weight: bold;} /******************************* - MINIGAL Widget - ********************************/ /*.mini_gallery li img{ padding: 4px; background-color: ; border: 1px solid ; }*/ .minigal_div { position:relative;height:auto; float:left; } .minigal_div { margin-right:10px;margin-bottom:10px; } .minigal .last { margin-bottom:0; } .minigal img { margin-bottom: -6px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .minigal_div { margin-left: 6px; margin-right:0px; } .minigal div:first-child {margin-left:0 !important;} } .download_link { padding-top: 20px;clear: both; } .download_link img { margin-bottom : 0 !important; } /********************************** - BUTTONS & BANNER BUTTONS- ***********************************/ /** DARK BUTTONS **/ .tpbutton, .submitbutton, .dark .kb-button, .buttondark { font-family: 'Oswald', sans-serif; float: left; height: 31px; line-height: 30px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; border:none; font-weight:100;} #commentfields .submitbutton, .tpbutton:link, .tpbutton:visited, .tpbutton, .dark .kb-button:link, .buttondark:link, .dark .kb-button:visited , .buttondark:visited { color: #999 !important; padding: 0 20px 0 20px; text-align: center; text-shadow: 0px 1px 0px #000000; background: url('http://brunobuilders.com/wp-content/themes/valiano/images/button/button_dark.png') repeat-x center top; text-decoration: none; border:none;} #commentfields .submitbutton, #quickcontact .buttondark, #contactus .buttondark { margin-top:10px; } .tpbutton:hover, .dark .kb-button:hover, .buttondark:hover, .dark .comment-reply-link:hover { background: url('http://brunobuilders.com/wp-content/themes/valiano/images/button/button_dark.png') repeat-x center top; background-position:bottom; text-decoration: none; border:none; color:#fff !important;border:none; font-weight:100;} /** LIGHT BUTTONS **/ .light .kb-button , .buttonlight { color:#fff !important; font-family: 'Oswald', sans-serif; float: left; height: 31px; line-height: 30px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;} .light .kb-button:link, .buttonlight:link, .light .kb-button:visited, .buttonlight:visited { color: #333 !important; padding: 0 20px 0 20px; text-align: center; text-shadow: 0px 1px 0px #ccc; background: url('http://brunobuilders.com/wp-content/themes/valiano/images/button/button_light.png') repeat-x center top; text-decoration: none; border:none; } .light .kb-button:hover, .buttonlight:hover, .light .comment-reply-link:hover { background-position:bottom; text-decoration: none; color: #000 !important;border:none; font-weight:100;} .replylink a {margin-top:30px;} /****************************** - TEXT STYLES - *******************************/ .texthighlight { background:#fd0000; color:#fff; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; text-shadow: none;} .texthighlight_black { background:#000; color:#fff; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; text-shadow: none;} /****************************** - INPUTBOX - *******************************/ #search .InputBox, #commentfields .InputBox, #commentfields .TextBox, #contactus .InputBox, #contactus .TextBox , #quickcontact .InputBox, #quickcontact .TextBox { width:204px;float:left; border:1px solid #1e1e1e; background-color:#111; padding-left:10px;} #contactus .TextBox { min-height:140px; } #quickcontact .TextBox { min-height: 100px;} #search .Button { float:left; position:relative; margin-left:-28px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/lupe.png) no-repeat top ;width:13px;height:17px;border:none;margin-top:7px;} #search .Button:hover { background-position:bottom;} #search input { margin-bottom: 0; padding-bottom: 8px; } .sixteen #commentfields .InputBox, .sixteen #contactus .InputBox { float:left;width:290px;margin-right:10px;} .eleven #commentfields .InputBox, .eleven #contactus .InputBox { float:left;width:190px;margin-right:10px;} .sixteen #commentfields .TextBox,.sixteen #contactus .TextBox { width: 922px; } .eleven #commentfields .TextBox ,.eleven #contactus .TextBox { width: 622px; } #commentfields .InputBox.last,.sixteen #contactus .InputBox.last,#quickcontact .InputBox.last { margin-right:0;} @media only screen and (min-width: 768px) and (max-width: 959px) { .sixteen #commentfields .InputBox,.sixteen #contactus .InputBox { float:left;width:226px;margin-right:10px;} .eleven #commentfields .InputBox,.eleven #contactus .InputBox { float:left;width:146px;margin-right:10px;} .sixteen #commentfields .TextBox,.sixteen #contactus .TextBox,.sixteen #quickcontact .TextBox { width:729px;} .eleven #commentfields .TextBox { width:490px;} #commentfields .InputBox.last,#contactus .InputBox.last,#quickcontact .InputBox.last { margin-right:0;} #search .InputBox { width:156px;} .sixteen #quickcontact .InputBox,.sixteen #quickcontact .TextBox { width:156px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .sixteen #commentfields .InputBox,.sixteen #contactus .InputBox,.sixteen #quickcontact .InputBox { float:none;width:403px;margin-right:0;} .eleven #commentfields .InputBox,.eleven #contactus .InputBox { float:none;width:403px;margin-right:0;} .sixteen #commentfields .TextBox, .sixteen #contactus .TextBox, .eleven #commentfields .TextBox, .eleven #contactus .TextBox,.sixteen #quickcontact .TextBox, .eleven #quickcontact .TextBox, #search .InputBox { width:403px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .eleven #commentfields .InputBox, .sixteen #commentfields .InputBox ,.eleven #contactus .InputBox, .sixteen #contactus .InputBox,.sixteen #quickcontact .InputBox { float:none;width:285px;margin-right:0;} .sixteen #commentfields .TextBox, .eleven #commentfields .TextBox,.sixteen #contactus .TextBox,.sixteen #quickcontact .TextBox, .eleven #contactus .TextBox, #search .InputBox { width:285px;} } /********************************* - BLOG - **********************************/ .eight .blog_imagewrap {width:120px;margin-right:20px;float:left;} .eight .blog_detailswrap {width:320px;float:left;margin-top:-6px;} @media only screen and (min-width: 768px) and (max-width: 959px) { .eight .blog_imagewrap {width:90px;margin-right:20px;float:left;} .eight .blog_detailswrap {width:250px;float:left;margin-top:-6px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .eight .blog_imagewrap { width:110px;margin-right:20px;float:left;} .eight .blog_detailswrap { width:290px;float:left;margin-top:-6px;} .eight, .eleven { margin-bottom:40px !important;} .four { margin-bottom:20px !important;} .eight:last-child, .four:last-child, .eleven:last-child { margin-bottom:0px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .eight .blog_imagewrap {width:60px;margin-right:20px;float:left;} .eight .blog_detailswrap {width:220px;float:left;margin-top:-6px;} .eight , .eleven { margin-bottom:40px !important;} .four { margin-bottom:20px !important;} .eight:last-child, .four:last-child { margin-bottom:0px !important;} } .blog h1, .blog h2, .blog h3, .blog h4, .blog h5,.blog h6 { color:#999;} .blog h3 { margin-top:15px;margin-bottom:10px;} .noblog h3 { margin-top:0px;} .blogimage, .blog_image { width:100%; margin-bottom:-6px;} .blogbanner_wrap {position:relative;width:100%;height:auto;} .sixteen .blogbannercontainer { max-width:960px; height:320px; background-color:#111; position:relative; overflow:visible;} .eleven .blogbannercontainer { max-width:640px; height:200px; background-color:#111; position:relative; overflow:visible;} .blogbannercontainer ul >li { visibility:hidden;} .blogbanner_wrap .slide_mainmask {top: 5px !important; left: 5px !important;} /** BLOGPOSTS **/ .blogposts { margin-top:10px;} .blogposts p { font-size:13px; line-height:20px !important; color:#f5f2f5; text-shadow:0px 1px 0px #000;} .blogdetail { margin-left:10px;} .blogdetail_nopic { margin-left:0;margin-right:0;} .blogdetail.right { margin-right:10px;} .blogposts .blog_miniimagewrap { width:40px;height:40px;float:left;margin-right: 10px; } .blogposts .bordered { padding: 4px; background: #111; border: 1px solid #1e1e1e;} .blog_miniimagewrap { width:40px;height:40px; } /** SMALL ICONS FOR BLOGS **/ .blog { color:#f5f2f5; text-shadow:0px 1px 0px #000; font-size:13px !important; line-height:20px !important; font-family:Arial;} .blogdate { font-size:11px;color:#555;margin-bottom:10px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/time.png) no-repeat 0px 7px; height:22px; padding-left:27px; padding-top:5px; float:left; margin-right:20px;} .bloguser { font-size:11px;margin-bottom:10px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/user.png) no-repeat 0px 5px; height:22px; padding-left:27px; padding-top:5px; float:left; margin-right:20px;} .blogtags { color:#555;font-size:11px;margin-bottom:10px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/tags.png) no-repeat 0px 7px; height:22px; padding-left:27px; padding-top:5px; float:left; margin-right:20px;} .blogcomment { font-size:11px;margin-bottom:10px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/comment.png) no-repeat 0px 5px; height:22px; padding-left:27px; padding-top:5px; float:left; margin-right:20px;} .blogcategory { font-size:11px;margin-bottom:10px; color: #555; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/category.png) no-repeat 0px 5px; height:22px; padding-left:27px; padding-top:5px; float:left; margin-right:20px;} .blogdivider { border-top:1px solid #1e1e1e; border-bottom:1px solid #0e0e0e;margin-top:40px;margin-bottom:40px;} .blogarchiv { font-size:11px; color:#777; text-shadow:0px 1px 0px #000; border-bottom:1px solid #131313; padding:3px 0px 3px 0px;} .blogarchiv.first { border-top:1px solid #131313;} /** SOCIAL SHARES **/ .socialshare_wrap { cursor:pointer;margin-top:20px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; color:#bbb; font-size:12px; font-family:'Oswald'; text-shadow:0px 1px 0px #000; padding:9px 15px 9px 15px; background-color:#111; opacity:0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .socialshares { float:left;} .socialexpander { cursor:pointer; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/share_plusminus.png) no-repeat top; width:12px; height:12px; float:left; margin:5px 10px 0px 0px ;} .socialexpander.selected { background-position:bottom;} .sharings { float:left;margin-left:15px;margin-top:1px;} .shgoogleplus { width:50px; height:20px;margin-right: 10px;} .shfacebook { width:75px; height:20px} .shtwitter { width:77px; height:20px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .sharings { clear:both; margin-left:0px;} .shgoogleplus { height:25px; margin-top:10px;} .shfacebook { height:25px;margin-top:10px;} .shtwitter { height:25px;margin-top:10px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .sharings { clear:both; margin-left:0px;} .shgoogleplus { height:25px; margin-top:10px;} .shfacebook { height:25px;margin-top:10px;} .shtwitter { height:25px;margin-top:10px;} } /***************************************** - RESPONSIVE VIDEO CONTAINER - ******************************************/ .eleven .video-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden;} .sixteen .video-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden;} .eleven .video-wrapper { width: 630px; max-width: 100%; } .sixteen .video-wrapper { width: 930px; max-width: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .video-container_master {margin-bottom:20px;} .sidebar .video-container_master {margin-bottom:0;} .sixteen .html5video { width:930px; height:523px} .sixteen .html5audio { width:930px; height:auto;} .eleven .html5video { width:630px; height:353px} .eleven .html5audio { width:630px; height:auto;} @media only screen and (min-width: 768px) and (max-width: 959px) { .sixteen .html5video { width:735px; height:413px} .sixteen .html5audio { width:740px;} .eleven .html5video { width:495px; height:277px} .eleven .html5audio { width:495px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .sixteen .html5video { width:410px; height:230px} .sixteen .html5audio { width:410px; } .eleven .html5video { width:410px; height:230px} .eleven .html5audio { width:410px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .sixteen .html5video { width:290px; height:163px} .sixteen .html5audio { width:290px; } .eleven .html5video { width:290px; height:163px} .eleven .html5audio { width:290px; } } audio {width:100%;} /*************************************/ /* TEASER */ /*************************************/ .teaser_div { position:relative;height:auto;} .teaser_image { width:100%; margin-bottom: -6px;} .darker_overlay { width:100%;height:100%;background:url(http://brunobuilders.com/wp-content/themes/valiano/images/bg/black50.png) repeat; position:absolute;z-index:10;} .hover_plus { margin-left:-18px;margin-top:-18px;width:36px;height:36px;background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/plus_link.png) no-repeat top left; position:absolute;top:50%;left:50%;z-index:20;} .hover_link { margin-left:-18px;margin-top:-18px;width:36px;height:36px;background:url(http://brunobuilders.com/wp-content/themes/valiano/images/tiles/plus_link.png) no-repeat bottom left;position:absolute;top:50%;left:50%;z-index:20; } .teaser_title { font-size:11px; font-family:Arial; font-weight:bold;background:url(http://brunobuilders.com/wp-content/themes/valiano/images/bg/black50.png) repeat; color:#fff; text-shadow: 0px 1px 0px #000; text-align:center; width:100%; padding:3px 3px 3px 3px; position:absolute;bottom:0px;z-index:20;} @media only screen and (min-width: 768px) and (max-width: 959px) { .teaser_image { width:100%; margin-bottom: -5px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .teaser_image { width:100%; margin-bottom: -6px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .teaser_image { width:100%; margin-bottom: -6px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .teaser .alpha { margin-bottom:20px !important;} .teaser .omega { margin-bottom:20px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .teaser .alpha { margin-bottom:20px !important;} .teaser .omega { margin-bottom:20px !important;} } .teaser .alpha { clear:both;margin-bottom:20px;} .teaser .omega { margin-bottom:20px;} /********************************************************************** - BANNERS - **********************************************************************/ /******************************** - SALOON BANNER - *********************************/ .banner210x160 { width:210px; height:160px; position:relative; z-index:5; -moz-box-shadow: 0px 0px 3px 0px rgba(2,48,59,0.15); -webkit-box-shadow: 0px 0px 3px 0px rgba(2,48,59,0.15); box-shadow: 0px 0px 3px 0px rgba(2,48,59,0.15); } /******************************* - KEN BURN BANNER - ********************************/ .bannerholder { position:relative; width:100%; height:auto;margin-top:10px;} .bannercontainer { max-width:940px; height:330px; background-color:RGBA(0,0,0,0.4); position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .bannercontainer p, .blogbannercontainer p { margin-top:1em; margin-bottom:1em; } .bannercontainer ul >li { visibility:hidden;} .bannershadow { margin-top:-5px; max-width:930px; height:40px; position:relative;} .video_kenburn_wrap {height:100%} .bannercontainer h1, .bannercontainer h2, .bannercontainer h3, .bannercontainer h4, .bannercontainer h5, .bannercontainer h6 #, .blogbannercontainer h1, .blogbannercontainer h2, .blogbannercontainer h3, .blogbannercontainer h4, .blogbannercontainer h5, .blogbannercontainer h6 # { color:#CCC; } /*** - THE BACKGROUND OF THE SLIDER - ***/ .dark .kenburn-bg { padding:5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:RGBA(0,0,0,0.4);} .light .kenburn-bg { padding:5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:RGBA(0,0,0,0.4);} .simple .kenburn-bg { background:#111; padding:4px; border:1px solid #1e1e1e;} /*** - THE PRELOADER OF THE BANNER - ***/ .kenburn-preloader { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/loader/preloader.gif) no-repeat 10px 10px; width:32px; height:32px; position:absolute; left:50%; top:50%; z-index:9999; background-color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: -26px; margin-top:-26px;padding:10px;} /*** - CAPTION SETTINGS FOR THE KENBURN SLIDER - ***/ .kb-fullsize .cp-right, .kb-fullsize .cp-top, .kb-fullsize .cp-left, .kb-fullsize .cp-bottom, .kb-mediumsize .cp-right, .kb-mediumsize .cp-top, .kb-mediumsize .cp-left, .kb-mediumsize .cp-bottom { color:#fff; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/bg/black65.png); position:absolute; } .kb-minisize .cp-right, .kb-minisize .cp-top, .kb-minisize .cp-left, .kb-minisize .cp-bottom, .kb-smallsize .cp-right, .kb-smallsize .cp-top, .kb-smallsize .cp-left, .kb-smallsize .cp-bottom { visibility:hidden; width:0px; height:0px; } /*** - WIDHT >959px SIZING - ***/ .kb-fullsize .cp-right { padding:30px 40px 30px 40px; top:0px; right:0px; height:100%; } .kb-fullsize .cp-left { padding:30px 40px 30px 40px; top:0px; left:0px; height:100%; } .kb-fullsize .cp-top { padding:5px 40px 5px 40px; top:0px; left:0px; width:100%; } .kb-fullsize .cp-bottom { padding:5px 40px 5px 40px; bottom:0px; left:0px; width:100%; } .kb-fullsize .cp-title { color:#ccc; font-size:20px; font-family: 'Oswald', sans-serif; text-shadow: 0px 1px 0px #000000;} .kb-fullsize p, .kb-fullsize p strong { font-family: Arial, sans-serif; font-size:12px; color:#999; line-height:20px; text-shadow: 0px 1px 0px #000000;} /******* VIDEO SETTINGS ********/ .kb-fullsize .video_clip { width:60%; height:100%; top:0px; left:0px; } .kb-fullsize .video_video { width:100%; height:100%; } .kb-fullsize .video_details { width:34%; padding:30px 3% 30px 3%; top:0px; right:0px; position:absolute; } .kb-fullsize h3 { color:#999; } .kb-fullsize .video_kenburn h2 { color:#ccc; font-size:26px; font-family: 'Oswald', sans-serif; text-shadow: 0px 1px 0px #000000; font-family: 'Oswald', sans-serif; margin: 0; line-height:1;} .light.kb-fullsize .video_kenburn h2 { color:#999; text-shadow: 0px 1px 0px #eee; } .light.kb-fullsize .video_kenburn .cp-title { color:#999; text-shadow: 0px 1px 0px #eee; } .light.kb-fullsize .video_kenburn p { text-shadow: 0px 1px 0px #eee; } /*** - WIDHT <=767px SIZING - ***/ .kb-mediumsize .cp-right { padding:15px 15px 15px 15px; top:0px; right:0px; height:100%; } .kb-mediumsize .cp-left { padding:15px 15px 15px 15px; top:0px; left:0px; height:100%; } .kb-mediumsize .cp-top { padding:5px 15px 5px 15px; top:0px; left:0px; width:100%; } .kb-mediumsize .cp-bottom { padding:5px 15px 5px 15px; bottom:0px; left:0px; width:100%; } .kb-mediumsize .cp-title { color:#ccc; font-size:18px; font-family: 'Oswald', sans-serif; text-shadow: 0px 1px 0px #000000; } .kb-mediumsize p, .kb-mediumsize strong { font-family: Arial, sans-serif; font-size:12px; color:#777; line-height:18px; text-shadow: 0px 1px 0px #000000;} .kb-mediumsize h3 { color:#999;} .kb-mediumsize .cp-top p { margin-right:15px;} .kb-mediumsize .cp-bottom p { margin-right:15px;} /******* VIDEO SETTINGS ********/ .kb-mediumsize .video_clip { width:60%; height:100%; top:0px; left:0px; } .kb-mediumsize .video_video { width:100%; height:100%; } .kb-mediumsize .video_details { width:34%; padding:30px 3% 30px 3%; top:0px; right:0px; position:absolute; } .kb-mediumsize .video_kenburn h2{ color:#ccc; font-size:20px; font-family: 'Oswald', sans-serif; text-shadow: 0px 1px 0px #000000; font-family: 'Oswald', sans-serif; margin: 0; line-height:1;} .kb-mediumsize .video_kenburn h3{ color:#ccc; font-size:24px; font-family: 'Oswald', sans-serif; text-shadow: 0px 1px 0px #000000; font-family: 'Oswald', sans-serif; margin: 0; line-height:1;margin-top:-15px;} .light.kb-mediumsize .video_kenburn h2 { color:#999; text-shadow: 0px 1px 0px #eee; } .light.kb-mediumsize .video_kenburn p { text-shadow: 0px 1px 0px #eee; } /*** WIDHT <=480px SIZING ***/ /******* VIDEO SETTINGS ********/ .kb-smallsize .video_clip { width:100%; height:100%; padding-right:0px; top:0px; left:0px; } .kb-smallsize .video_video { width:100%; height:100%;} .kb-smallsize .video_details { visibility:hidden} .kb-smallsize .video_kenburn h2 { font-size:0px; margin: 0; line-height:0;} .light.kb-smallsize .video_kenburn h2 { color:#999; text-shadow: 0px 1px 0px #eee; } .light.kb-smallsize .video_kenburn p { text-shadow: 0px 1px 0px #eee; } /*** WIDHT <=300px SIZING ***/ .kb-minisize .video_clip { width:100%; height:100%; padding-right:0px; top:0px; left:0px; } /******* VIDEO SETTINGS ********/ .kb-minisize .video_clip { width:100%; height:100%; top:0px; left:0px;} .kb-minisize .video_video { width:100%; height:100%;} .kb-minisize .video_details { visibility:hidden} .kb-minisize .video_kenburn h2 { font-size:0px; margin: 0; line-height:0;} /*** - ALL VIDEO SETTINGS - ***/ .kenburn-video-overlay { background-color:#000; opacity:0.25; filter: alpha(opacity=25); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; width:100%; height:100%; position:relative; z-index:1000;} .kenburn-video-button { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/player/play.png) no-repeat; width:100px; height:100px; position:absolute; z-index:1500; opacity:0.85; filter: alpha(opacity=85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; cursor:pointer;} .kenburn-video-button:hover { opacity:1.0; } /*** - VIDEO BACKGROUNDS - ***/ .dark .video_kenburn { position:absolute; top: 0; bottom: 0px; width: 100%; background: #111; font-family: Arial, sans-serif; font-size:12px; line-height: 20px; color: #777; text-shadow: #fff 0px 1px 0px; } .light .video_kenburn { position:absolute; top: 0; bottom: 0px; width: 100%; background: #ddd; font-family: Arial, sans-serif; font-size:12px; line-height: 20px; color: #222; text-shadow: #eee 0px 1px 0px;} /*** - VIDEO - BUTTONS - ***/ .dark .video_kenburn .close { width:30px; height:30px; position:absolute; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/button/close_dark.png) no-repeat top; right:10px; top:10px; cursor:pointer;} .dark .video_kenburn .close:hover { background-position:bottom; opacity:0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor:pointer;} .light .video_kenburn .close { width:30px; height:30px; position:absolute; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/button/close.png) no-repeat top; right:10px; top:10px; cursor:pointer;} .light .video_kenburn .close:hover { background-position:bottom; opacity:0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor:pointer;} .kenburn_thumb_container .video { width:30px; height:30px; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/player/play_small.png) no-repeat; margin-top:-15px; margin-left:-15px; cursor:pointer; } /*** - KEN BURN THUMBNAIL OPTIONS - ***/ .kenburn_thumb_container_bg { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/bg/thumbs_bg.png); padding:1px; margin-top:-1px; margin-left:-1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 8px 2pxrgba(0, 0, 0, 0.80); -moz-box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.80); } .kenburn-thumbs .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000;} .kenburn-thumbs .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000;} .thumbbuttons { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/button/navigdots_bgtile.png); height:35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:absolute; bottom:-33px; z-index:1000; box-shadow: 0px 0px 8px 2pxrgba(0, 0, 0, 0.80); -moz-box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.80); } .thumbbuttons .grainme { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/bg/grain.png); height:35px; width:100%; } .thumbbuttons .leftarrow { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/button/arrowleft.png) no-Repeat bottom left; width:9px; height:16px; margin-left:9px; margin-right:9px; margin-top:9px; float:left; cursor:pointer;} .thumbbuttons .rightarrow { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/button/arrowright.png) no-Repeat bottom left; width:9px; height:16px; margin-top:9px; margin-right:9px; margin-left:18px; float:left; cursor:pointer;} .thumbbuttons .minithumb { background:url(http://brunobuilders.com/wp-content/themes/valiano/images/button/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-top:9px; margin-left:9px; float:left; cursor:pointer;} .thumbbuttons .thumbs { float:left;} .thumbbuttons .rightarrow:hover, .thumbbuttons .leftarrow:hover, .thumbbuttons .minithumb:hover, .thumbbuttons .thumbs .selected { background-position:top left; } /************************************ - DARK-LIGHTBOX STYLE - ************************************/ .dark-lightbox.overlay{ background-color:#000; z-index:999990; position:fixed; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .dark-lightbox.loader{ width:64px; height:64px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left:-32px; margin-right:-32px; position:fixed; z-index:999991; background:url(http://brunobuilders.com/wp-content/themes/valiano/images/loader/preloader.gif) no-repeat 50% 50%; /*width:32px; height:32px; left:50%; top:50%; z-index:9999; background-color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin-left: -21px; margin-top:-21px;*/ } .dark-lightbox.lightboxitem{ position:fixed; width:300px; height:auto; background-color:#111; border:1px solid #1e1e1e; padding:4px; z-index:999992; } .dark-lightbox.infofield{ padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; line-height:15px; } .dark-lightbox.infofield .title{ font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color:#555; float:left; margin-right:10px; margin-bottom:10px; } .dark-lightbox.infofield .pageofformat{ font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color:#555; float:right; margin-bottom:10px; } .dark-lightbox.infofield .lightboxsocials{ float:left; } .dark-lightbox.infofield .lightboxsocials .twitter, .dark-lightbox.infofield .lightboxsocials .facebook, .dark-lightbox.infofield .lightboxsocials .googleplus { float:left; margin-bottom:10px; height:25px; width:120px; overflow:hidden; } .dark-lightbox.description{ clear:both; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color:#555; margin-bottom:10px; } .dark-lightbox.leftbutton{ width:9px; height:16px; float:right; margin-right:10px; cursor:pointer; background:url('http://brunobuilders.com/wp-content/themes/valiano/images/button/arrowleft.png') no-repeat top; } .dark-lightbox.rightbutton{ width:9px; height:16px; float:right; margin-left:10px; cursor:pointer; background:url('http://brunobuilders.com/wp-content/themes/valiano/images/button/arrowright.png') no-repeat top; } .dark-lightbox.closebutton{ width:30px; height:30px; right:10px; top:10px; position:absolute; cursor:pointer; background:url('http://brunobuilders.com/wp-content/themes/valiano/images/button/close_dark.png') no-repeat top; } .dark-lightbox.leftbutton:hover, .dark-lightbox.rightbutton:hover, .dark-lightbox.closebutton:hover{ background-position:bottom; } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (max-width: 767px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { } @media only screen and (min-width: 0px) and (max-width: 479px) { } /************************************ - CONTACT - ************************************/ #googlemap { width: 100%; height: 250px; float: left; text-shadow:0px 0px 0px #000;} .errormessage, .sendingmessage, .successmessage { float: left !important; color: #777; font-size: 12px; line-height: 30px; text-decoration: none; display: none; margin-left: 20px;} .errormessage { color: #fff; } input[type="text"].formerror, textarea.formerror { border: 1px solid #fff !important; } #quickcontact .successmessage,#quickcontact .sendingmessage,#quickcontact .errormessage { margin-left:0 !important; } /************************************ - CONTENT SHORTCODES - ************************************/ .contentdivider { width: 100%; height: 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .one_fifth { width: 16.8%; } .one_sixth { width: 13.33%; } .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { margin-right: 4%; margin-bottom: 10px; float: left; } .lastcolumn { margin-right: 0!important; clear: right; } @media only screen and (max-width: 767px) { .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { width: 100%; } } /* #Tabs (activate in tabs.js) ================================================== */ .sidebar ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; border-bottom: solid 1px #1e1e1e; border-top: 0 !important; font-size:13px; } .sidebar ul.tabs li { display: block; width: auto; height: 30px; padding: 0 !important; float: left; margin-bottom: 0 !important; border-bottom:0 !important;} .sidebar ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #1e1e1e; border-width: 1px 1px 0 0; margin: 0; background: #111111; font-size: 13px; } .sidebar ul.tabs li a.active { background: #151515; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #fff; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .sidebar ul.tabs li:first-child a.active { margin-left: 0; } .sidebar ul.tabs li:first-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } .sidebar ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .sidebar ul.tabs-content { margin: 0; display: block; border-top:0 !important; } .sidebar ul.tabs-content > li { display:none; } .sidebar ul.tabs-content > li.active { display: block; border-bottom:0 !important; font-size:13px !important;} /* Clearfixing tabs for beautiful stacking */ .sidebar ul.tabs:before, .sidebar ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .sidebar ul.tabs:after { clear: both; } .sidebar ul.tabs { zoom: 1; } @media only screen and (min-width: 480px) and (max-width: 767px) { .widget { margin-bottom:60px !important;} #tp_valiano_home_content .space70 { margin-bottom:0px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .widget { margin-bottom:60px !important;} #tp_valiano_home_content .space70 { margin-bottom:0px !important;} }