/* Theme Name: Thesearchenginepros Theme URI: http://www.thesearchenginepros.com/ Description: WordPress theme by The Search Engine Pros Author: The Search Engine Pros Author URI: http://TheSearchEnginePros.com Version: 1.0 */ /*-----------------------------------------------------------------------------------* /* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'proxima-nova-alt'; src: url('fonts/proxima-nova-alt.eot'); src: url('fonts/proxima-nova-alt.eot?#iefix') format('embedded-opentype'), url('fonts/proxima-nova-alt.woff2') format('woff2'), url('fonts/proxima-nova-alt.woff') format('woff'), url('fonts/proxima-nova-alt.ttf') format('truetype'), url('fonts/proxima-nova-alt.svg#proxima-nova-alt') format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { background: #e3ebee; line-height: 2.5em; } ol, ul { padding: 0; margin: 0; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } /* ::-moz-selection { background: #fd7f61; color: #fff; text-shadow: none; } ::selection { background: #fd7f61; color: #fff; text-shadow: none; } */ /* Block elements */ header, hgroup, footer, section, article, aside { display: block; } /*jetback wpstats smiley hide*/ #wpstats { display: none; } /*-----------------------------------------------------------------------------------* /* = Body, Common Classes & Wrap /*-----------------------------------------------------------------------------------*/ body { background: #e3ebee; font-size: 14px; line-height: 2em; color: #666; font-family: "proxima-nova-alt", Arial, Helvetica, sans-serif; } a { text-decoration: none; color: #fd9507; } a:hover { text-decoration: underline; } p { margin: 0 0 1em; } hr { outline: none; display: block; margin-top: 25px; margin-bottom: 25px; background: none; border: none; height: 2px; border-top: 2px solid #ddd; clear: both; } img { max-width: 100%; } strong { font-weight: 700; } em { font-style: italic; } pre { background: #fff url("images/pre-bg.png") repeat; margin: 30px 0px; padding: 25px 20px; line-height: 25px; border: 1px solid #ddd; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } address { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: 20px; margin-bottom: 20px; } blockquote { border-left: 4px solid #ccc; padding-left: 20px; margin: 30px 0px; } .clear { clear: both } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .remove-margin { margin-right: 0 !important } #breadcrumbs { height: 16px; line-height: 16px; font-size: 11px; color: #999; padding-left: 15px; background: url("images/breadcrumbs-arrow.png") left top no-repeat; } .breadcrumbs-title { margin-right: 5px; } .google-map { overflow: hidden; } .videogallery-con { margin-top: 10px; margin-bottom: 30px; } /*-----------------------------------------------------------------------------------* /* = Structure /*-----------------------------------------------------------------------------------*/ #wrap { margin: 0 auto; width: 970px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); background: #fff; } .container { padding: 25px; } /*-----------------------------------------------------------------------------------* /* = Headings /*-----------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #666; line-height:normal; font-weight: bold; } h1 { font-size: 24px; margin-top: 15px; line-height: 1.2em; } h2 { font-size: 16px } h3 { font-size: 14px } h4 { font-size: 13px; } h2, h3, h4, h5, h6 { margin-top: 25px; margin-bottom: 25px; } h1 a, h2 a, h3 a, h4 a { color: #333 } h2 a:hover, h3 a:hover, h4 a:hover { color: #fb491f; text-decoration: none; } .single-title { margin-bottom: 5px; } /*-----------------------------------------------------------------------------------* /* = WordPress Styles /*-----------------------------------------------------------------------------------*/ /*sticky*/ .sticky { } /*gallery captio*/ .gallery-caption { } /*by post author*/ .bypostauthor { } /*aligns*/ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } .nepr { height: 40px; position: relative; } /*floats*/ .floatleft { float: left } .floatright { float: right } /*text style*/ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } /*captions*/ .wp-caption { max-width: 100% !important; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*smiley reset*/ .wp-smiley { margin: 0 !important; max-height: 1em; } /*blockquote*/ blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /*img attachment*/ #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; border: 5px solid #d4d4d4; /*for IE*/ width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: rgba(0,0,0, 0.08); -webkit-transition: border 0.3s ease; -o-transition: border 0.3s ease; -moz-transition: border 0.3s ease; } #img-attch-page a:hover img { border-color: #fc7251; } #img-attach-page-content { text-align: center; margin-top: 25px; } /*-----------------------------------------------------------------------------------* /* = Headings /*-----------------------------------------------------------------------------------*/ #page-heading { position: relative; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #ddd; } #page-heading-post { position: relative; margin-bottom: 25px; } #page-heading-post h1 { font-size: 24px; line-height: 1.2em; } #page-heading h1, #page-heading h2 { font-size: 24px; color: #000; margin: 0px !important; } .heading { height: 35px; line-height: 35px; text-align: center; margin-top: 40px; margin-bottom: 25px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 1px #fff; background: url("images/heading-bg.png") center center repeat-x; } .heading h2 { margin: 0; font-size: 13px; font-weight: bold; color: #fff; text-shadow: none; } .heading span { display: inline-block; height: 35px; line-height: 35px; background: #3c3c3c; padding: 0 20px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); } .heading a span { transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; } .heading a, .heading a:hover { color: #fff; } .heading a:hover span { background: #fc6440; } .subscribe { background: none repeat scroll 0 0 #7a7978; padding: 25px; } .subscribe h4 { font-family: "proxima-nova-alt"; font-size: 18px; letter-spacing: 0; color: #fff; margin-bottom: 10px; margin-top: 0 !important; padding-bottom: 10px; } /*-------------------------------------------------* /* = Top Menu /*-------------------------------------------------*/ #top-bar { margin: 0; height: 45px; line-height: 45px; width: 100%; background: #444 url("images/top-bar-bg.png"); overflow: hidden; margin-bottom: -44px; } .top-bar-fixed { position: fixed; top: 0px; z-index: 999; margin-bottom: 0; } #top-bar-inner { position: relative; margin: 0 auto; width: 970px; font-size: 11px; } #top-bar-inner ul.top-menu { margin: 0; } #top-bar-inner ul.top-menu a { height: 45px; line-height: 45px; float: left; padding-right: 10px; margin-right: 10px; color: #bbb; background: url("images/menu-dash.png") right center no-repeat; text-decoration: none; } #top-bar-inner ul.top-menu a:hover { color: #fff; } #top-bar-inner ul.top-menu li:last-child a { margin:0; padding: 0; background: none; } /*callout*/ a#top-bar-callout { height: 45px; line-height: 45px; padding: 0 25px; position: absolute; top: 0px; right: 0px; background: #fc6440; color: #fff; font-size: 16px; font-weight: bold; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; } a#top-bar-callout:hover { text-decoration: none; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*-------------------------------------------------* /* = Header /*-------------------------------------------------*/ #header { margin-left: auto; margin-right: auto; position: relative; padding: 25px; border-top: 5px solid #FD9507; } /*header styles*/ #header.header-style-two { margin-bottom: 0px; border-bottom: none; } #header.header-style-three { margin-top: 74px; margin-bottom: 0px; border-bottom: none; } #header.header-style-four { margin-top: 74px; margin-bottom: 30px; } /*logo*/ #logo { float: left; } #logo a { font-weight: 700; color: #333; padding: 0px; margin: 0px; text-decoration: none; } #logo a:hover { color: #666; } #logo img { display: block; max-width: 100%; } #logo h1, #logo h2 { font-size: 32px; margin: 0 !important; line-height: 1em !important; } /*header aside - added in Version 1.9*/ #header-aside { float: right; margin-top: 20px; } #header-phone { color: #FD9507; font-family: "proxima-nova-alt"; font-size: 24px; letter-spacing: -1px; text-align: right; } #header-aside #searchbar { float: right; min-width: 210px; margin-top: 7px; margin-bottom: 0; width: 100%; } /*social*/ #social { list-style: none; text-align: left; } #social li { display: inline-block; margin-right: 7px; } #social a { display: block; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #social a img { display: block; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #social a:hover img { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /*tipsy*/ .tipsy { padding: 5px; font-size: 11px; letter-spacing: 1px; background-repeat: no-repeat; font-family: 'Helvetica Neue', Arial; background-image: url("images/tipsy.gif"); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-south { background-position: bottom center; } /*-------------------------------------------------* /* = Navigation /*-------------------------------------------------*/ #navigation { height: auto; min-height: 35px; width: 970px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 180px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 50px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; /* match ul width */ top: 1px; } /*** navigation skin ***/ .sf-menu { float: right; } .sf-menu a { border-right: 1px solid #666666; color: #666666; font-family: "proxima-nova-alt"; font-size: 16px; padding: 0 15px; text-decoration: none; } .sf-menu li:first-child a { border-left: none; } .sf-menu a:hover { color: #fd9507; } .sf-menu a { } #navigation .current-menu-item > a { font-weight: bold; } .sf-menu li.sfHover > a { } /*Subs*/ .sf-menu ul { font-size: 12px; background: #2b2b2b; padding: 0px; border-top: 1px solid #111; border-top: 1px solid rgba(0,0,0, 0.7); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); } .sf-menu ul a { margin: 0px; padding: 12px 10px; height: auto; line-height: 1.3em !important; color: #999; border-left: none; border-right: none; border-top: 1px solid #3c3c3c; border-top: 1px solid rgba(255,255,255, 0.08); border-bottom: 1px solid #111; border-bottom: 1px solid rgba(0,0,0, 0.7); } .sf-menu ul a:hover { color: #fff; background-color: #444; } .sf-menu ul li:last-child > a { border-bottom: none; } .sf-menu ul ul a { border-bottom: 1px solid #111; border-bottom: 1px solid rgba(0,0,0, 0.7); } .sf-menu ul ul li:last-child a { border-bottom: none !important; } .sf-menu ul ul, .sf-menu ul ul li:first-child a { border-top: none; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; top: 50%; margin-top: -6px; right: .75em; width: 12px; height: 12px; text-indent: -999em; overflow: hidden; background: url('images/nav-down-white.png'); opacity: 0.8; } a:focus >.sf-sub-indicator, a:hover >.sf-sub-indicator, a:active >.sf-sub-indicator, li:hover >a >.sf-sub-indicator, li.sfHover >a >.sf-sub-indicator { opacity: 1; } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { top: 50%; margin-top: -6px; background: url('images/nav-right-white.png'); opacity: 0.8; } .sf-menu ul a:focus >.sf-sub-indicator, .sf-menu ul a:hover >.sf-sub-indicator, .sf-menu ul a:active >.sf-sub-indicator, .sf-menu ul li:hover >a >.sf-sub-indicator, .sf-menu ul li.sfHover >a >.sf-sub-indicator { opacity: 1; } /*no text menu items*/ .sf-menu .no-text > a { text-indent: -9999px; background-position: center center !important; } /*menu icons*/ .sf-menu .icon-bolt > a, .sf-menu .icon-pig > a, .sf-menu .icon-briefcase > a, .sf-menu .icon-camera > a, .sf-menu .icon-film > a, .sf-menu .icon-gear > a, .sf-menu .icon-grid > a, .sf-menu .icon-home > a, .sf-menu .icon-mail > a, .sf-menu .icon-pencil > a, .sf-menu .icon-photo > a, .sf-menu .icon-graph > a, .sf-menu .icon-lab > a, .sf-menu .icon-map > a, .sf-menu .icon-cloud > a, .sf-menu .icon-cart > a, .sf-menu .icon-flag > a, .sf-menu .icon-bulb > a, .sf-menu .icon-date > a, .sf-menu .icon-brush > a, .sf-menu .icon-megaphone > a, .sf-menu .icon-support > a, .sf-menu .icon-person > a, .sf-menu .icon-bubble > a, .sf-menu .icon-rss > a, .sf-menu .icon-link > a { background-position: 18px center; background-repeat: no-repeat; padding-left: 45px; } .sf-menu .icon-bolt > a { background-image: url("images/menu-icon/icon-bolt.png"); } .sf-menu .icon-briefcase > a { background-image: url("images/menu-icon/icon-briefcase.png"); } .sf-menu .icon-camera > a { background-image: url("images/menu-icon/icon-camera.png"); } .sf-menu .icon-film > a { background-image: url("images/menu-icon/icon-film.png"); } .sf-menu .icon-gear > a { background-image: url("images/menu-icon/icon-gear.png"); ; } .sf-menu .icon-grid > a { background-image: url("images/menu-icon/icon-grid.png"); } .sf-menu .icon-home > a { background-image: url("images/menu-icon/icon-home.png"); } .sf-menu .icon-mail > a { background-image: url("images/menu-icon/icon-mail.png"); } .sf-menu .icon-pencil > a { background-image: url("images/menu-icon/icon-pencil.png"); } .sf-menu .icon-photo > a { background-image: url("images/menu-icon/icon-photo.png"); } .sf-menu .icon-graph > a { background-image: url("images/menu-icon/icon-graph.png"); } .sf-menu .icon-lab > a { background-image: url("images/menu-icon/icon-lab.png"); } .sf-menu .icon-map > a { background-image: url("images/menu-icon/icon-map.png"); } .sf-menu .icon-cloud > a { background-image: url("images/menu-icon/icon-cloud.png"); } .sf-menu .icon-cart > a { background-image: url("images/menu-icon/icon-cart.png"); } .sf-menu .icon-flag > a { background-image: url("images/menu-icon/icon-flag.png"); } .sf-menu .icon-date > a { background-image: url("images/menu-icon/icon-date.png"); } .sf-menu .icon-bulb > a { background-image: url("images/menu-icon/icon-bulb.png"); } .sf-menu .icon-brush > a { background-image: url("images/menu-icon/icon-brush.png"); } .sf-menu .icon-megaphone > a { background-image: url("images/menu-icon/icon-megaphone.png"); } .sf-menu .icon-support > a { background-image: url("images/menu-icon/icon-support.png"); } .sf-menu .icon-person > a { background-image: url("images/menu-icon/icon-person.png"); } .sf-menu .icon-bubble > a { background-image: url("images/menu-icon/icon-bubble.png"); } .sf-menu .icon-pig > a { background-image: url("images/menu-icon/icon-pig.png"); } .sf-menu .icon-rss > a { background-image: url("images/menu-icon/icon-rss.png"); } .sf-menu .icon-link > a { background-image: url("images/menu-icon/icon-link.png"); } /*-----------------------------------------------------------------------------------*/ /* = Home /*-----------------------------------------------------------------------------------*/ .home-wrap { margin-bottom: -25px; } #testi img { } #testi .head { background: none repeat scroll 0 0 #4A4A4A; color: #fcfbfa; height: 40px; } #testi .description { color: #FCFBFA; line-height: 1.6em; padding-left: 20px; padding-right: 20px; } #testi .thead { float: right; background: none repeat scroll 0 0 #7A7978; height: 173px; width: 658px; } span.left { float: left; font-size: 15px; padding-left: 20px; padding-top: 7px; } span.right { float: right; font-size: 15px; padding-right: 20px; padding-top: 7px; } /*tagline*/ #home-tagline { color: #000; margin-top: 40px; margin-bottom: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; line-height: 1.6em; text-align: center; } #home-tagline a { border-bottom: 1px dotted #eb6b1e; } #home-tagline a:hover { text-decoration: none; } /*static video*/ .home-video { margin: -25px -25px 25px; } /*static page*/ #home-static-page { margin-bottom: 25px; } /*highlights*/ #home-highlights { margin-bottom: 5px; margin-right: -20px; } #home-highlights .heading { margin-right: 20px; } .hp-highlight { float: left; width: 215px; margin-right: 20px; margin-bottom: 20px; } .highlight-fifth { clear: both; } .hp-highlight p:last-child { margin-bottom: 0px; } .hp-highlight h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000; font-size: 18px; margin-top: 0px; margin-bottom: 10px; } .hp-highlight-img { float: left; margin-right: 15px; } /*home portfolio*/ #home-projects { margin-bottom: 51px; } #home-projects-responsive { margin-bottom: 25px; } /*portfolio carousel*/ #home-portfolio-carousel-wrp { position: relative; margin: 0 auto; width: 720px; min-height: 170px; } #home-portfolio-carousel-wrp { padding-left: 23px; } #home-portfolio-carousel-wrp .portfolio-item { margin-right: 25px !important; min-height: 170px; } #home-portfolio-carousel { position: relative; } #carousel-pagination { position: absolute; bottom: -20px; left: 50%; } #carousel-pagination a { height: 6px; width: 25px; display: inline-block; margin-right: 5px; text-indent: -9999px; background: #d9d9d9; background: rgba(192,192,192, 0.35); } #carousel-pagination a.selected { background: #fc6440; } .disabled { } #carousel-prev, #carousel-next { display: block; position: absolute; top: 50%; margin-top: -26px; height: 54px; width: 53px; cursor: pointer; } #carousel-prev { left: -90px; background: url("images/carousel-prev.png"); } #carousel-next { right: -90px; background: url("images/carousel-next.png"); } #post-home { float: left; width: 530px; } #post-home h1 { margin-top: 0; } #sidebar-home { width: 350px; float: right; } #carousel-prev:hover { background-position: 0 -54px; } #carousel-next:hover { background-position: 0 -54px; } /*home blog*/ #home-blog { margin-right: -25px; } #home-blog .heading { margin-right: 25px; } .home-entry { float: left; width: 290px; margin-right: 25px; margin-bottom: 25px; font-size: 12px; } .home-entry img { max-width: 100%; margin-bottom: 10px; border: 5px solid #d4d4d4; /*for IE*/ border-color: rgba(0,0,0, 0.08); -webkit-transition: border 0.3s ease; -o-transition: border 0.3s ease; -moz-transition: border 0.3s ease; } .home-entry a:hover img { border-color: #fc7251; } .home-entry h3 { font-size: 13px; margin: 0 0 5px; } /*-----------------------------------------------------------------------------------*/ /* = Image Slider /*-----------------------------------------------------------------------------------*/ /* FlexSlider necessary styles */ .flexslider { width: 100%; margin: 0; padding: 0; } .flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { max-width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } /*slider wrap */ #slider-wrap { background: url("images/loader.gif") no-repeat scroll 50% 50% transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.1); height: 297px; margin: -25px -25px 25px; overflow: hidden; position: relative; width: 970px; } /*homepage specific*/ #full-slides img { display: block; margin: 0; padding: 0; } #full-slides .slides_container { width: 970px; display: none; } #full-slides .slides_container .slide, #full-slides .slides_container .video-slide div { display: block; width: 970px; } #full-slides .caption { background-color: #000000; bottom: 30px; color: #FFFFFF; font-family: "proxima-nova-alt"; font-size: 26px; height: 150px; left: 25px; line-height: 36px; opacity: 0.6; padding: 25px 40px; position: absolute; width: 290px; display: none; } #full-slides .caption h2, #full-slides .caption h3 { font-size: 1.500em; /* 21px / 14px */ color: #fff; margin: 0; } #full-slides .caption p { color: #999; font-size: 12px; } #full-slides .caption a { color: #fd7f61; } #full-slides .caption a:hover { color: #fda894; text-decoration: none !important; } #full-slides .prev, #full-slides .next { display: block !important; position: absolute; right: 0px; bottom: 0px; width: 30px; height: 30px; text-indent: -9999px; z-index: 90; transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; } #full-slides .prev { right: 30px; background: #6e6e6e url("images/sliders/arrow-left.png") center center no-repeat; } #full-slides .next { background: #6e6e6e url("images/sliders/arrow-right.png") center center no-repeat; } #full-slides .prev:hover, #full-slides .next:hover { background-color: #ff7c00; } /*-----------------------------------------------------------------------------------* /* = Portfolio /*-----------------------------------------------------------------------------------*/ #portfolio-wrap { width: 940px; position: relative; overflow: hidden; margin-bottom: -20px; margin-right: -20px; } #portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: double #ddd; } #portfolio-description p:last-child { margin: 0; } #portfolio-bycat-description { } #portfolio-bycat-description p:last-child { margin: 0; } #portfolio-by-category-wrap .portfolio-category { margin-right: -20px; } #portfolio-by-category-wrap .portfolio-category .heading { margin-right: 20px; } #portfolio-wrap ul { margin: 0px; list-style: none; } .no-margin { margin-right: 0px !important; } .no-border { border-right: 0px !important; } ul.filter { font-size: 12px; position: absolute; top: 50%; margin-top: -30px; right: 0px; list-style: none; color: #999; height: 40px; line-height: 40px; font-weight: bold; } ul.filter li { float: left; margin-right: 10px; padding-right: 16px; background: url("images/asterisk.png") right center no-repeat; } ul.filter a { color: #999; padding-bottom: 3px; text-decoration: none; } ul.filter li:last-child { margin: 0; padding: 0; background: 0; } ul.filter a:hover, ul.filter a.active { color: #333; } ul.filter a.active { border-bottom: 3px solid #fd7f61; } /*portfolio items*/ .portfolio-item { overflow: hidden; position: relative; float: left; width: 215px; margin-right: 20px; margin-bottom: 20px; } .portfolio-item a { display: block; background: #222; text-decoration: none; } .portfolio-item img { display: block; } .portfolio-item h3 { text-align: center; margin: 0; background: #222; color: #fff; padding: 5px; font-size: 12px; } /*single portfolio*/ #single-portfolio { } #single-portfolio-left { float: left; width: 380px; } #single-portfolio-left h1 { font-size: 18px; line-height: 1em; } #single-portfolio-meta { font-size: 11px; margin-bottom: 20px; background: #fff url("images/line-bg.png"); border: 1px solid #ddd; line-height: 26px; margin: 30px 0; padding: 26px 20px 23px; color: #666; box-shadow: 0 2px 2px rgba(0,0,0, .08); } #single-portfolio-meta:before { background: url("images/line-tape.png") center center no-repeat; content: ''; float: left; height: 25px; margin-top: -38px; width: 100%; } #single-portfolio-meta span { font-size: 12px; margin-right: 5px; font-weight: bold; } #single-portfolio-meta a:hover { } /* portfolio images/slider*/ #single-portfolio-right { float: right; width: 510px; text-align: center; display: block; margin: 0 0 15px; padding: 0; } #single-portfolio-right img { border: 5px solid #ddd; border-color: rgba(0,0,0, 0.12); } #single-portfolio-right img:last-child { margin-bottom: 0px; } #portfolio-slides-wrap { position: relative; min-height: 100px; background: url("images/loader.gif") no-repeat 50% 50%; } #portfolio-slides-wrap .flex-control-nav { margin-top: 15px; } #portfolio-slides-wrap .flex-control-nav li { float: left; } #portfolio-slides-wrap .flex-control-nav a { cursor: pointer; font-size: 11px; line-height: 23px; height: 23px; width: 23px; text-align: center; margin-right: 7px; display: block; float: left; background: url("images/pagination-bg.png") repeat-x; color: #666; border: 1px solid #ababab; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #portfolio-slides-wrap .flex-control-nav a:hover { text-decoration: none; background: #fff url("images/pagination-bg-hover.png") repeat-x; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); } #portfolio-slides-wrap .flex-control-nav a.active { background: #ccc url("images/pagination-bg-active.png") repeat-x; } /*related projects*/ #single-portfolio-related { margin-top: 25px; } #single-portfolio-related .portfolio-item { margin-bottom: 0px; } /*portfolio next/prev*/ #single-portfolio-nav { font-size: 12px; margin-top: 25px; padding-top: 25px; border-top: double #ddd; } #single-portfolio-nav a:hover { font-style: italic; } #single-portfolio-nav .column-last { float: right; text-align: right; } /*full portfolio*/ .full-portfolio #single-portfolio-left { width: 260px; } .full-portfolio #single-portfolio-meta { margin: 11px 0 0; } #full-portfolio-content { float: right; width: 635px; } .full-portfolio.meta-disable #full-portfolio-content { float: none; width: 100% !important; } /*portfolio grid*/ #portfolio-grid { margin-bottom: 20px; border-bottom: double #ddd; } /*-----------------------------------------------------------------------------------* /* = Posts & Pages /*-----------------------------------------------------------------------------------*/ .post { float: left; width: 660px; } .full-width { float: none !important; width: 100% !important; } .loop-entry { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .loop-entry:last-child { border: none; margin: 0; padding: 0; } .loop-entry-left { float: left; width: 100px; } .loop-entry-right { float: right; width: 520px; } .loop-entry-thumbnail { margin-bottom: 25px; } .loop-entry-thumbnail img { width: 100%; display: block; margin: 0px; border-bottom: 5px solid #ddd; border-color: rgba(0,0,0, 0.15); transition: border 0.4s ease; -webkit-transition: border 0.4s ease; -o-transition: border 0.4s ease; -moz-transition: border 0.4s ease; } .loop-entry-thumbnail a:hover img { border-color: #888; } .loop-entry h2 { margin-top: -5px; margin-bottom: 10px; font-size: 16px; } .entry { } .single .entry img { max-width: 100%; } .entry ul, .entry ol { margin-left: 30px; margin-bottom: 10px; list-style: inherit; } .entry ol { list-style: decimal; } /*thumbnail*/ .post-thumbnail { margin-bottom: 20px; } .post-thumbnail img { width: 100%; border-bottom: 4px solid #ddd; border-bottom: 5px solid #ddd; border-color: rgba(0,0,0, 0.15); } /*post meta*/ #post-meta { font-size: 12px; line-height: 1.6em; } .likethis { margin-top: 10px; margin-left: -5px; } .post-date { margin: -10px -10px 0; padding: 3px 10px; background: #999; color: #fff; text-align: left; font-size: 13px; font-weight: bold; margin-bottom: 5px; } #post-meta ul { margin: 0; list-style: none; } .post-author, .post-cat { font-size: 11px; text-align: left; color: #ccc; font-style: italic; } .post-author a, .post-cat a { font-weight: bold; color: #a1a1a1; text-decoration: none; } .post-author a:hover, .post-cat a:hover { color: #fff; } /*post tags*/ .post-tags { margin-top: 25px; font-size: 12px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .post-tags h4 { margin: 0 0 10px; } .post-tags a { background: url("images/asterisk.png") right no-repeat; padding-right: 15px; margin-right: 8px; } .post-tags a:last-child { background: none; margin: 0; padding: 0; } /*-----------------------------------------------------------------------------------* /* = Services /*-----------------------------------------------------------------------------------*/ #services-wrap { } #services-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: double #ddd; } #services-description p:last-child { margin: 0; } #service-tabs { float: left; width: 240px; } #service-content { float: right; width: 655px; margin-top: -5px; /*fixes small line-height issue so content matches tabs*/ } #service-content h2 { font-size: 21px; } #service-tabs li { list-style: none; } #service-tabs a { font-weight: bold; color: #000; display: block; background: #aaa; padding: 20px; margin-bottom: 20px; text-decoration: none; text-shadow: 0px 0px 1px rgba(255,255,255, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } #service-tabs a span { margin-right: 10px; } #service-tabs a:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #service-tabs li.active a { background: #ff6600; color: #fff; text-shadow: none; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #service-content h2:first-child { margin-top: 0px; } /*-----------------------------------------------------------------------------------* /* = FAQ's /*-----------------------------------------------------------------------------------*/ #faqs-cats { margin-bottom: 25px; text-align: center; width: 100%; height: 60px; } #faqs-cats li { display: inline-block; margin-right: 5px; margin-top: 5px; } #faqs-cats a { position: relative; display: block; padding: 0 15px; height: 25px; line-height: 25px; color: #fff; font-size: 12px; font-weight: bold; background: #111; text-decoration: none; } #faqs-cats a:hover, #faqs-cats .active { background: #ff7c00; color: #fff; } #faqs-cats .active:after { content: ""; position: absolute; bottom: -7px; left: 50%; margin-left: -6px; width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ff7c00; font-size: 0px; line-height: 0px; } #faqs-wrap, .faqs-container { /*width: 920px;*/ width: 1100px; overflow: hidden; height: auto; } .faq-item { margin-bottom: 20px; } .faq-title { cursor: pointer; background-color: #eee; background-image: url("images/minus.png"); background-position: 98% center; background-repeat: no-repeat; margin: 0; font-size: 14px; color: #666; border: 1px solid #ddd; } .faq-title:hover { background-color: #e6e6e6; color: #333; } .faq-title.active { border-bottom: none; background-color: #FF7C00; background-image: url("images/plus.png"); color: #FFFFFF; } .faq-title span { display: block; padding: 15px; padding-left: 60px; background: url("images/question.png") 10px center no-repeat; } .faq-content { display: none; padding: 20px; padding-left: 60px; background: #fff url("images/answer.png") 10px 18px no-repeat; border: 1px solid #ddd; } .faq-content p:last-child { margin: 0; } /*-----------------------------------------------------------------------------------* /* = Testimonials - Post Type /*-----------------------------------------------------------------------------------*/ #testimonials-description { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #ddd; } #testimonials-description p:last-child { margin-bottom: 0; } .testimonial-item { margin-bottom: 25px; } .testimonial { font-family: Georgia, "Times New Roman", Times, serif; position: relative; padding: 15px; margin-bottom: 10px; border: 1px solid #ddd; color: #777; background: #fff; font-size: 13px; line-height: 1.6em; font-style: italic; text-align: center; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.1); } .testimonial img { border-radius: 100px; margin: 10px; max-width: 100px; } .testimonial-content img { display: none !important; } .testimonial-content br { display: none !important; } .testimonial p:last-child { margin: 0; } .testimonial:after { content: ""; position: absolute; bottom: -10px; left: 15%; margin-left: -10px; height: 10px; width: 20px; background: url("images/testimonial-arrow.png") no-repeat; display: block; } .testimonial p:last-child { margin-bottom: 0px; } .testimonial-author { color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: bold; padding: 5px 18px 10px; } .testimonial-author p { line-height: 1em; margin: 10px 0 0; } .picture { border-radius: 1000px 1000px 1000px 1000px; float: left; height: 50px; margin-right: 10px; overflow: hidden; text-align: center; width: 50px; } .testimonial-author .picture img { height: 100%; max-width:100%; } /*-----------------------------------------------------------------------------------* /* = Pagination /*-----------------------------------------------------------------------------------*/ .page-pagination { margin-top: 20px; } .page-pagination a, .page-pagination span { font-size: 11px; line-height: 23px; height: 23px; width: 23px; text-align: center; margin-right: 7px; display: block; float: left; background: url("images/pagination-bg.png") repeat-x; color: #666; border: 1px solid #ababab; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .page-pagination a:hover { text-decoration: none; background: #fff url("images/pagination-bg-hover.png") repeat-x; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); } .page-pagination span.current { background: #ccc url("images/pagination-bg-active.png") repeat-x; } /*-----------------------------------------------------------------------------------* /* = Comments /*-----------------------------------------------------------------------------------*/ #commentsbox { width: 100%; overflow: hidden; margin-top: 25px; } #comments { text-transform: none; font-weight: bold; color: #333; font-size: 13px; margin-top: 20px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px dotted #d6d6d6; } #commentsbox ol, #commentsbox ul { list-style: none; margin: 0 !important; } #commentsbox li { } .children { list-style: none; margin: 30px 0 0; text-indent: 0; } .children li.depth-2 { margin: 0 0 0px 65px } .children li.depth-3 { margin: 0 0 0px 65px } .children li.depth-4 { margin: 0 0 0px 65px } .children li.depth-5 { margin: 0 0 0px 65px } .children li.depth-6 { margin: 0 0 0px 65px } .children li.depth-7 { margin: 0 0 0px 65px } .children li.depth-8 { margin: 0 0 0px 65px } .children li.depth-9 { margin: 0 0 0px 65px } .children li.depth-10 { margin: 0 0 0px 65px } .comment-body { position: relative; padding: 15px 15px 0; margin-left: 65px; margin-bottom: 30px; background: #ffffff; border: 1px solid #EBEBEB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .comment-body p { margin-bottom: 15px !important; } .comment-body:after { content: ''; position: absolute; top: 10px; left: -12px; width: 12px; height: 20px; background: url("images/comment-arrow.png") no-repeat; } .comment-body:hover { } .reply { display: none; position: absolute; top: 10px; right: 10px; } .comment-reply-link { font-size: 10px; } .comment-reply-link:hover { } .comment-body:hover .reply { display: block; } #commentsbox .avatar { position: absolute; top: 0px; left: -65px; height: 40px; width: 40px; padding: 2px; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .comment-author { font-weight: bold; color: #000; } .says { display: none } .comment-meta { margin-bottom: 10px; } .comment-meta a { font-size: 11px; font-style: italic; color: #666; } .cancel-comment-reply { margin-top: -10px; } .cancel-comment-reply a { color: #F00; line-height: 20px; height: 20px; } .cancel-comment-reply a:hover { text-decoration: underline; } #comments-respond { clear: left; text-transform: none; font-weight: bold; color: #333; font-size: 13px; margin-top: 0px; margin-bottom: 15px; } #comments-respond-meta { font-size: 11px; } #commentform label { display: block; } #commentform input#author, #commentform input#email, #commentform input#url { width: 45%; color: #666; text-shadow: 1px 1px 0px #FFF; border: 1px solid #cecece; outline: none; padding: 10px 5px; margin-top: 10px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #fff; } #commentform textarea { display: block; padding: 10px; width: 100%; color: #666; margin-top: 10px; text-shadow: 1px 1px 0px #FFF; border: 1px solid #cecece; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform textarea:focus { border-color: #bdbdbd !important; } #commentSubmit { font-size: 12px; margin-top: -5px; margin-bottom: 20px; outline: none; padding: 0px !important; } /*WP JetPack*/ .comment-subscription-form { font-size: 12px; } .comment-subscription-form input { float: left; margin-right: 5px; } /*-----------------------------------------------------------------------------------*/ /* = Form Styling /*-----------------------------------------------------------------------------------*/ input[type="text"], input[type="password"] { } input[type="text"], input[type="password"], textarea { color: #999; padding: 10px 7px; border: 1px solid #ccc; background: #fff; } .gform_widget input[type="text"], .gform_widget input[type="password"], .gform_widget textarea { border: none } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background: #fff; border-color: #bdbdbd !important; color: #444; } /*contact form 7 specific*/ .wpcf7-form { } .wpcf7 input[type="text"] { width: 250px; } .wpcf7 textarea { width: 95%; margin-top: 5px; } .wpcf7-form p { margin: 0; margin-bottom: 20px; font-weight: bold; } .wpcf7-submit { margin-top: -5px; } div.wpcf7-validation-errors, .wpcf7-not-valid-tip { text-shadow: none; border: transparent !important; background: #f9cd00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px !important; font-weight: bold; color: #9C6533; text-shadow: 1px 1px 1px rgba(255,255,255, 0.4); text-align: center; margin: 0 !important; } div.wpcf7-validation-errors { width: 95%; padding: 10px 5px !important; } .wpcf7-not-valid-tip { display: block; position: relative !important; top: 0 !important; left: 0 !important; background: #FFF780 !important; font-size: 12px !important; margin-top: 8px !important; width: 40% !important; } span.wpcf7-not-valid-tip { text-align: center; text-shadow: none; padding: 5px; font-size: 11px; background: #ff5454 !important; border-color: #ff5454; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wpcf7-mail-sent-ok { text-align: center; text-shadow: none; padding: 10px; font-size: 11px; background: #59a80f !important; border-color: #59a80f; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*-----------------------------------------------------------------------------------* /* = Sidebar /*-----------------------------------------------------------------------------------*/ #sidebar { width: 235px; float: right; } .sidebar-box { margin-bottom: 20px; } .sidebar-box h4 { border-bottom: 2px solid #DDDDDD; font-family: "proxima-nova-alt-condensed"; font-size: 20px; margin-bottom: 10px; margin-top: 0 !important; padding-bottom: 10px; text-transform: uppercase; } .sidebar-box h4 span { } .sidebar-box ul { list-style: none; list-style-position: inside; margin: 0px; } .sidebar-box li { margin-bottom: 5px; } /*-----------------------------------------------------------------------------------*/ /* = Gallery /*-----------------------------------------------------------------------------------*/ .gallery-wrap { margin-right: -20px; } .gallery-photo { float: left; width: 215px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; } .gallery-photo img { border: 5px solid #ddd; border-color: rgba(192,192,192, 0.4); display: block; -webkit-transition: border 0.3s ease-in-out; -moz-transition: border 0.3s ease-in-out; -o-transition: border 0.3s ease-in-out; -ms-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out; } .gallery-photo a:hover img { border-color: #fc6440; } /*-----------------------------------------------------------------------------------*/ /* = Staff /*-----------------------------------------------------------------------------------*/ #staff-description { padding-bottom: 25px; border-bottom: double #ddd; } #staff-description p:last-child { margin: 0; } #staff-wrap { margin-top: 25px; margin-right: -25px; } .staff-member { position: relative; width: 100px; float: left; margin-right: 25px; margin-bottom: 25px; padding: 4px; background: #fff; border: 1px solid #ddd; } .staff-img img { display: block; } .staff-meta { display: none; position: absolute; width: 120px; top: -30px; left: 50%; margin-left: -70px; background: #222; color: #999; padding: 10px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 7px rgba(0,0,0,.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,.4); box-shadow: 0 0 7px rgba(0,0,0,.4); } .staff-meta { font-size: 11px; } .staff-meta h3 { margin: 0px; font-size: 13px; color: #fff; } .staff-meta:after { content: ""; display: block; position: absolute; bottom: -7px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #222; font-size: 0px; line-height: 0px; } /*staff posts*/ .staff-post img:first-child { border: 5px solid #d4d4d4; /*for IE*/ border-color: rgba(192,192,192, 0.3); } /*-----------------------------------------------------------------------------------*/ /* = Widgets /*-----------------------------------------------------------------------------------*/ /*recent posts*/ .widget_recent_entries li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .widget_recent_entries a:hover { text-decoration: hover; } #footer .widget_recent_entries li { border-color: #323232; } /*tagcloud*/ .tagcloud a { float: left; text-shadow: none; font-size: 12px !important; line-height: 1em !important; display: block; color: #666; text-shadow: 1px 1px 1px #fff; margin-right: 5px; margin-bottom: 7px; padding: 6px 8px 6px 15px; line-height: 1.3em; background: #eee url("images/tagcircle.png") 5px center no-repeat; border: 1px solid #ddd; /*rounded corners*/ webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tagcloud a:hover { background-color: #f9f9f9; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #footer .tagcloud a { text-shadow: none; color: #fff; background-color: #444; background-image: none; border: none; padding: 6px 8px; } #footer .tagcloud a:hover { color: #000; background-color: #fc7251 !important; text-decoration: none; } /*calendar*/ #sidebar #wp-calendar caption { color: #999; } #sidebar #wp-calendar tbody { color: #666; } #sidebar #wp-calendar tbody td { background: #fff; border: 1px solid #eee; } #sidebar #wp-calendar tbody td:hover { background: #eee; } #sidebar #wp-calendar tbody a { color: #ef4034 !important; } #footer #wp-calendar caption { color: #999; } #footer #wp-calendar tbody { color: #666; } #footer #wp-calendar tbody td { background: #333; border: 1px solid #000; } #footer #wp-calendar tbody td:hover { background: #555; color: #fff; } #footer #wp-calendar tbody a { color: #fff !important; } /*subscribe*/ #subscribe-blog #subscribe-field { margin-top: 5px; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #subscribe-blog input { width: 100px !important; } #subscribe-blog #subscribe-field:focus { } #subscribe-blog input[type="submit"] { cursor: pointer; padding: 5px; font-size: 11px; background: #ffd964 url("images/yellow-btn.png"); border: 1px solid #F9B653; color: #9C6533 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #subscribe-blog input[type="submit"]:hover { opacity: 0.90; } #gform_submit_button_2 { margin-top: 0px; } #sidebar #subscribe-blog { font-size: 12px; } #sidebar #subscribe-blog #subscribe-field { font-size: 11px; width: 100% !important; padding: 10px 5px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer #subscribe-blog #subscribe-field { background: #444; border: 1px solid #2b2b2b; } #footer #subscribe-blog #subscribe-field:focus { background-color: #555; color: #fff; } /*twitter*/ .widget_twitter h4 { background: url("images/twitter-widget-icon.png") right top no-repeat; } ul.tweets li { margin-bottom: 10px; } #sidebar .tweets a { color: #444; font-weight: bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #sidebar .tweets a:hover { text-decoration: none; text-shadow: none; color: #000; background: #f0b910; } /*testimonial widget*/ .widget_office_testimonials h4 { position: relative; } #testimonials-slider { position: relative; } #testimonials-slider .flex-control-nav { position: absolute; right: 0px; top: -50px; height: 8px; } #testimonials-slider .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; text-align: center; } #testimonials-slider .flex-control-nav a { cursor: pointer; height: 8px; width: 8px; display: inline-block; margin: 0; margin-left: 5px; background: #999; text-indent: -9999px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } #footer #testimonials-slider .flex-control-nav a { background: #666; } #testimonials-slider .flex-control-nav a.active { background: #000; } #footer #testimonials-slider .flex-control-nav a.active { background: #fff; } .testimonial-content { position: relative; padding: 15px 15px 20px; border: 1px solid #ddd; color: #444; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'PT Serif', Georgia; font-size: 12px; font-style: italic; } .testimonial-content:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; height: 10px; width: 20px; background: url("images/testimonial-arrow.png") no-repeat; display: block; } .testimonial-content p:last-child { margin-bottom: 0px; } .testimonial-by { margin: 10px 0; text-align: center; color: #999; font-size: 11px; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial; font-style: normal; color: #444; } #footer .testimonial-by { border: none !important; color: #fff; } #footer .testimonial-content { background-color: #121212; border-color: #000; color: #666; } #footer .testimonial-content:after { background: url("images/testimonial-arrow-dark.png") no-repeat; } .footer-widget { margin-bottom: 20px; } #footer #searchbar { margin: 0; } /*flickr & recent work*/ .office-flickr-widget, .widget-recent-portfolio { margin-right: -5px !important; } .widget-recent-portfolio li { margin: 0; padding: 0 !important; border: none; list-style: none; } .office-flickr-widget a, .widget-recent-portfolio a { float: left; width: 45px; height: 45px; margin-right: 5px; margin-bottom: 5px; border: 5px solid #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .office-flickr-widget a:hover, .widget-recent-portfolio a:hover { border-color: #ff7944; } .office-flickr-widget img, .widget-recent-portfolio img { display: block; width: 45px; height: 45px; } #menu-item-1575 a { border-right: none; } #footer .office-flickr-widget, #footer .widget-recent-portfolio { margin-right: -8px !important; } #footer .office-flickr-widget a, #footer .widget-recent-portfolio a { width: 54px; height: 54px; margin-right: 8px; margin-bottom: 8px; } #footer .office-flickr-widget a, #footer .widget-recent-portfolio a { border-color: #222; } #footer .office-flickr-widget a:hover, #footer .widget-recent-portfolio a:hover { border-color: #ff7944; } #footer .office-flickr-widget img, #footer .widget-recent-portfolio img { display: block; width: 54px; height: 54px; } /*-----------------------------------------------------------------------------------* /* = Footer /*-----------------------------------------------------------------------------------*/ #footer { position: relative; padding: 0 25px; background: #2b2b2b url("images/footer-bg.png"); color: #7f7f7f; font-size: 12px; min-height: 5px; line-height: 2em; } #footer a { color: #0082cf; text-decoration: none; } #footer a:hover { color: #fff; } #footer ul { margin-left: 0px !important; } /*footer widgets*/ #footer-widget-wrap { } #footer-left, #footer-four, #footer-middle, #footer-right { float: left; width: 210px; margin-top: 25px; } #footer-right { margin-right: 25px; } #footer-middle { margin-left: 25px; margin-right: 30px; } #footer-right { } .footer-widget { color: #7f7f7f; margin-bottom: 25px; } .footer-widget h4 { color: #FFFFFF; font-family: "proxima-nova-alt-condensed"; font-size: 17px; margin: 0 0 15px; } .footer-widget li { padding: 5px 0; } /*footer bottom*/ #footer-bottom { margin: 10px auto; font-size: 12px; width: 970px; } #footer-bottom a { color: #0082cf; } #footer-bottom a:hover { color: #333; } #copyright { width: 100%; font-size: 12px; color: #666; } #copyright p { float: left; padding-left: 25px; padding-top: 20px; } #copyright .clogo { padding-right: 25px; float: right; } #footer-menu { font-size: 12px; margin-bottom: 10px; text-align: center; width: 100%; } #footer-menu li { display: inline; } #footer-menu a { margin-right: 5px; padding-right: 10px; text-decoration: none; background: url("images/square.png") right center no-repeat; } #footer-menu li:last-child a { margin: 0; padding: 0; background: none; } #toplink { display: none; position: absolute; bottom: 0px; right: -60px; text-indent: -9999px; height: 40px; width: 40px; background: #666 url("images/arrow-up.png") center center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #toplink:hover { background-color: #000; } /*-----------------------------------------------------------------------------------* /* = Search Bar /*-----------------------------------------------------------------------------------*/ #searchbar { display: block; position: relative; width: 100%; margin-bottom: -10px; } #search { font-size: 11px; position: relative; width: 100%; padding: 10px 30px 10px 10px; outline: none; border: 1px solid #ddd; color: #666; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #search:focus { } #searchsubmit { position: absolute; right: 10px; top: 50%; margin-top: -7px; background: url("images/search.png") no-repeat; text-indent: -9999px; border: none; outline: none; width: 15px; height: 15px; cursor: pointer; } .search-entry { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .search-entry h2 { margin: 0 0 20px; } .search-portfolio-thumb { max-width: 45%; float: left; margin-right: 20px; padding: 4px; border: 1px solid #ddd; } .search-portfolio-thumb img { margin: 0px; padding: 0px; display: block; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .search-portfolio-thumb:hover img { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } /*-----------------------------------------------------------------------------------*/ /* = Shortcodes /*-----------------------------------------------------------------------------------*/ /*hr*/ hr.none { border: none; outline: none; height: 1px; background: none; } hr.double-line { } hr.dotted-line {; border: none; border-top: 1px dotted #ccc; } hr.solid-line { border: none; border-top: 1px solid #ccc; } hr.dashed-line { border: none; border-top: 1px dashed #ccc; } /*lists*/ .check ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/check.png'); } .bullets-gray ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-gray.png'); } .bullets-black ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-black.png'); } .bullets-blue ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-blue.png'); } .bullets-red ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-red.png'); } .bullets-purple ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-purple.png'); } /*alerts*/ .alert-red, .alert-yellow, .alert-green, .alert-blue { font-size: 13px; font-weight: bold; text-align: left; margin: 20px 0; color: #fff; /*IE fail fix*/ display: block; padding: 20px; text-align: center; } .alert-red.alignright, .alert-yellow.alignright, .alert-green.alignright, .alert-blue.alignright { float: right; width: 50%; margin: 0 0 10px 20px; } .alert-red.alignleft, .alert-yellow.alignleft, .alert-green.alignleft, .alert-blue.alignleft { float: left; width: 50%; margin: 0 20px 10px 0; } .alert-red p:last-child, .alert-yellow p:last-child, .alert-green p:last-child, .alert-blue p:last-child { margin-bottom: 0; } .alert-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: #fff; } .alert-red { background: #ef7b7a; } .alert-yellow { background-color: #ff7c00; } .alert-green { background: #bfd887; } .alert-blue { background: #b7d3ee; } /*buttons*/ .button { margin-right: 5px } .button, .button span { display: inline-block; } .button { background: none repeat scroll 0 0 #89BC1B; border: 2px solid #FFFFFF; color: #FFFFFF; cursor: pointer; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 1em; margin-bottom: 10px; min-height: 34px; outline: medium none; overflow: visible; position: relative; text-decoration: none; white-space: nowrap; } .button.full, .button.full span { display: block } .button:hover, .button.hover { opacity: 0.8 } .button:active, .button.active { top: 1px } .button span { position: relative; color: #fff; font-weight: bold; padding: 0.8em 1.3em; line-height: 1.3em; text-decoration: none; text-align: center; white-space: nowrap; } .button.black { background-color: #333 } .button.gray { background-color: #666 } .button.light-gray { background-color: #D5D2D2; } .button.light-gray span { color: #444; } .button.red { background-color: #D4363A } .button.orange { background-color: #ff7c00 } .button.blue { background-color: #025D8C } .button.pink { background-color: #e22092 } .button.green { background-color: #86b662 } .button.rosy { background-color: #FE4365 } .button.brown { background-color: #7B5C5D } .button.purple { background-color: #66435F } .button.gold { background-color: #febd4c } /*toggle*/ .toggle-wrap { margin: 10px 0; } h3.trigger { margin: 0px; } h3.trigger a { display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,1); margin-bottom: 0px; margin-top: 5px; text-indent: 25px; background-color: #fff; background-image: url("images/plus.png"); background-position: 10px center; background-repeat: no-repeat; } h3.trigger a:hover, h3.active a { background-color: #f5f5f5; } h3.active a { background-image: url("images/minus.png"); } h3.active a:hover { } .toggle_container { background-color: #fff; overflow: hidden; padding: 20px; border: 1px solid #ddd; border-top: 0px; } /*accordion*/ .accordion h3 { font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,1); margin-bottom: 0px; margin-top: 5px; } .accordion h3 a { display: block; padding: 10px; border: 1px solid #ddd; background-color: #fff; outline: 0 !important; font-weight: 400; text-indent: 10px; } .ui-state-focus { outline: none; } .accordion h3 a:hover, .accordion .ui-state-active a { text-shadow: none; background-color: #f5f5f5; border-color: #ddd; } .accordion .ui-accordion-content { padding: 20px; background: #fff; border: 1px solid #ddd; border-top: 0px; } .accordion .ui-accordion-content p:last-child { margin: 0px } /*columns*/ .one-half, .two-columns { width: 48% } .one-third, .three-columns { width: 30.66% } .one-two-third { width: 65.33% } .one-fourth, .four-columns { width: 22% } .one-three-fourths { width: 74% } .one-fifth { width: 16.8% } .one-sixth { width: 13.33% } .two-columns, .three-columns, .four-columns, .one-two-third, .one-three-fourths, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; } .column-last { margin-right: 0px } .column-first { margin-left: 0px } .column-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /*tabs*/ .tab-shortcode { } .tab-shortcode ul.ui-tabs-nav { display: block; margin: 0 !important; padding: 0; border-bottom: solid 1px #ddd; margin-left: 1px !important; } .tab-shortcode ul.ui-tabs-nav li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } .tab-shortcode ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; color: #666; background: #f5f5f5; font-size: 12px; } .tab-shortcode ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; -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; } .tab-shortcode ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0; } .tab-shortcode ul.ui-tabs-nav 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; } .tab-shortcode ul.ui-tabs-nav li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .tab-shortcode .tab_content { background: #fff; padding: 20px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } /* Clearfixing tabs for beautiful stacking */ ul.tab-shortcode:before, ul.tab-shortcode:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tab-shortcode:after { clear: both; } ul.tab-shortcode { zoom: 1; } .ui-tabs-hide { display: none; } /* Pricing Tables*/ .pricing-table { width: 100%; margin: 25px 0; } .pricing-table li:last-child .pricing-content { } .pricing { border: 1px solid #DEDEDE; float: left; margin-right: -1px; text-align: center; } .pricing-table { list-style: none !important; margin: 0 !important; } .pricing-table ul { list-style: none; } .pricing-content, .pricing-header, .pricing-button { -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .pricing:hover .pricing-content, .featured-pricing:hover .pricing-header, .featured-pricing:hover .pricing-button { } .pricing-third { width: 33%; } .pricing-fourth { width: 18%; } .pricing-fifth { width: 19.4%; } .pricing-header { padding: 20px; background: #666666; } .featured-pricing .pricing-header { background: #ff7f00; } .pricing-header h4 { color: #fff; font-size: 22px; font-weight: bold; margin: 0 0 5px; } .featured-pricing .pricing-header h4 { font-size: 22px; color: #fff; } .price { color: #FFFFFF; font-size: 32px; font-weight: bold; margin: 0; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .featured-pricing .price { color: #fff !important; } .pricing-content { background: #f0f0f0; } .pricing-content ul { margin: 0; padding: 0; } .pricing-content li { padding: 5px 2px 2px; } .pricing-content li:last-child { border-bottom: 0px; } .value { float: left; margin-top: 124px; width: 25%; } .value ul { background: #f0f0f0; } .value li { height: 28px; padding: 5px 2px 2px 20px; } .pricing-button { padding: 20px; } .pricing-button .button { margin: 0px; } .featured-pricing .pricing-button { background: #fff; } /*-----------------------------------------------------------------------------------*/ /* = Clean button /*-----------------------------------------------------------------------------------*/ input[type="clean-button"], .wpcf7-submit, #commentSubmit { background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: 21px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } input[type="clean-button"]:hover, .wpcf7-submit:hover, #commentSubmit:hover { color: #222; background: #ddd; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.3)), color-stop(100%, rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } input[type="clean-button"]:active, .wpcf7-submit:active, #commentSubmit:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.35)), color-stop(100%, rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* W3C */ } input[type="clean-button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /*-----------------------------------------------------------------------------------* /* Sitemap /*-----------------------------------------------------------------------------------*/ .sitemap-container ul { margin-bottom: 25px; } #sitemap-wrap h2 { font-size: 13px; margin-bottom: 10px; margin-top: 0px; } .sitemap-container li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; border-bottom-color: rgba(192,192,192, 0.2); } .sitemap-container ul li:first-child { padding-top: 5px; border-top: 1px solid #eee; border-top-color: rgba(192,192,192, 0.2); } .sitemap-container a { } .sitemap-container a:hover { color: #000; text-decoration: none; } /*-----------------------------------------------------------------------------------* /* = Gallery - WP Shortcode /*-----------------------------------------------------------------------------------*/ .gallery-item img { border: 5px solid #ddd !important; border-color: rgaba(192, 192, 192, 0.4) !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*-----------------------------------------------------------------------------------* /* 404 Page /*-----------------------------------------------------------------------------------*/ #error-page-title { font-size: 300px; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #D5D5D5; background: none; line-height: 1em; border: none; } #error-page-text { margin-top: -60px; text-align: center; font-size: 14px; color: #999; } /*-----------------------------------------------------------------------------------* /* Updates /*-----------------------------------------------------------------------------------*/ /*Version 1.5*/ .page-featured-img { } /*Version 1.6*/ #staff-by-department .staff-category { margin-right: -25px; margin-bottom: -25px; } /*Version 1.9*/ a#top-bar-callout { font-size: 14px; } .gf_homeright { background: none repeat scroll 0 0 #7A7978; margin: 0; padding-bottom: 20px; overflow: hidden;} .gf_homeright h4 { border: medium none; color: #FFFFFF; font-family: "proxima-nova-alt"; font-size: 20px; letter-spacing: 0; margin: 0; padding-top: 20px; text-align: center; text-transform: none; } .gf_homeright p { color: #FFFFFF; float: left; font-size: 12px; margin: 0; line-height: 1.6em; } .gf_homeright img { float: left; margin-right: 10px; } .gform_body { padding: 0 30px; } .check-ranking { display: none; } .subscribe .gform_body { padding: 0; } .subscribe .gform_footer { clear: none !important; float: right; margin: 0 !important; padding: 0 !important; } #gform_fields_2 li { list-style-type: none; float: left; clear: none !important; width: 20% } #gform_3 .gform_footer { display: block; padding: 0 30px; } #gform_1 .gform_footer { float: right; padding: 0; margin-right: 15px} #gform_wrapper_2 { margin: 0; max-width: 100%; } .gf_sideright { background: none repeat scroll 0 0 #FD9507; margin: 0; padding-bottom: 20px; } .gf_sideright h4 { border: medium none; color: #FFFFFF; font-family: "proxima-nova-alt"; font-size: 20px; letter-spacing: 0; margin: 0; padding-top: 20px; text-align: center; text-transform: none; } #gform_fields_3 { color: #fff } #gform_fields_3 .gfield_label, #gform_fields_2 .gfield_label, #gform_fields_2 #field_2_6, #gform_fields_1 .gfield_label { display: none; } #gform_fields_1 #field_1_6 { overflow: hidden } #gform_fields_1 .medium { padding: 14px 10px; font-size: 15px;} #gform_2 .gform_body { } #gform_2 .gform_footer { float: right; width: 176px } .tubepress_thumbs p { margin: 0 } iframe { overflow: hidden !important; } .tubepress_embedded_title { display: none; } .tubepress_thumbs { margin-bottom: 0; } .tubepress_thumb { height: 155px !important; } #testi { margin-bottom: 20px; } dd.tubepress_meta_runtime { display: none; } .gform_wrapper.gf_browser_ie .gform_footer input.button { padding: 0 !important } #gform_20 .gform_body { padding: 0; } .page-id-9665 pre { background-image: none; } #gform_20 { margin-top: -175px; position: relative; } #gform_20 .gfield { } #gform_20 .gform_footer { margin-top: -100px; margin-left: -5px; height: 25px; margin-bottom: -120px; } #gform_1 .gform_body { padding: 0 15px; } #gform_fields_1 {overflow: hidden;} #field_1_1, #field_1_4 {width: 49%; float: left; clear: none !important;} #field_1_4 {margin-left: 6px} #field_1_1 input.medium, #field_1_4 input.medium {width: 308px} #gform_fields_1 input.medium, #gform_fields_2 input[type="text"], #gform_fields_3 input.medium {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #gform_fields_2 input[type="text"] {padding: 10px} #gform_fields_3 input.medium {width: 100% !important; padding: 4px 6px} #gform_1 #gform_submit_button_1 { width: 308px; } #gform_wrapper_1 .gform_footer { margin: 4px 15px -15px 0; } #gform_wrapper_1 {margin-top: 0} #field_1_1, #field_1_4 {width: 100%} #gform_wrapper_1 .button {min-height: 48px; font-size: 15px;} #gform_wrapper_1 form {height: 278px;} #gform_wrapper_1 #field_1_6 {margin-bottom: 20px;} #gform_wrapper_1 .gform_footer {padding-top: 5px;} .widget_qodef_twitter_widget { display: none; } h1.donovansue{line-height:68px;} h2.donovansue{margin-top:0; margin-bottom:0; line-height:68px;} h3.donovansue{line-height:58px;} h4.donovansue{line-height:48px;} /* custom styleing sidebar ========================= */ .qodef-content-has-sidebar .gform_wrapper{max-width: 100%;} .qodef-content-has-sidebar #searchform input[type="text"] {height: auto; font-size: 11px; position: relative; width: 100%; padding: 10px 30px 10px 10px; outline: none; border: 1px solid #ddd; color: #666; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .qodef-content-has-sidebar .qodef-side-menu #searchform, .qodef-sidebar #searchform{border:none; border-radius: 0; position: relative;} #searchform #searchsubmit { position: absolute; right: 10px; top: 50%; margin-top: -7px; background-image: url("images/search.png"); background-repeat: no-repeat; padding: 0; text-indent: -9999px; border: none; outline: none; width: 15px; height: 15px; cursor: pointer; } #searchform #searchsubmit:hover{background-color: transparent;} .qodef-content-has-sidebar .qodef-side-menu .widget, .qodef-sidebar .widget{margin-top: 10px;} .qodef-content-has-sidebar .qodef-sidebar .qodef-side-menu .widget ul > li, .qodef-content-has-sidebar .qodef-sidebar .widget ul > li{border-bottom: none; padding: 0;} .qodef-content-has-sidebar .qodef-sidebar .widget .gform_body li input, .qodef-content-has-sidebar .qodef-sidebar .widget .gform_body li textarea{border-radius: 0;} .qodef-content-has-sidebar .gform_wrapper .gform_footer input[type="submit"] { background: #89bc1b none repeat scroll 0 0; border: 2px solid #fff; border-radius: 0; height: auto; padding: 5px !important; white-space: normal; width: 100%; } .qodef-content-has-sidebar .qodef-sidebar .widget h4:before, .qodef-content-has-sidebar .qodef-sidebar .widget h4:before{background-color: transparent; border-radius: 0;} .qodef-content-has-sidebar .qodef-side-menu .widget h4, .qodef-content-has-sidebar .qodef-sidebar .widget h4{padding-left: 0; font-size: 20px; line-height: 24px; border-bottom: 2px solid #dddddd; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; display: block; font-family: Raleway,sans-serif;} .qodef-content-has-sidebar .qodef-sidebar .widget ul li a{color:#fd9507;} .qodef-content-has-sidebar .qodef-sidebar .widget.widget_recent_entries ul li{margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 5px;} .qodef-content-has-sidebar .qodef-sidebar .widget.widget_recent_entries ul li ul li{border-bottom: 0; padding-bottom: 0;} .qodef-content-has-sidebar .qodef-sidebar .widget.widget_recent_entries{margin-bottom: 30px;} .qodef-content-has-sidebar .qodef-sidebar .textwidget img { height: auto; width: auto; } .qodef-blog-holder .qodef-post-info-bottom{text-align:right;} .qodef-blog-holder .qodef-blog-share{float:none;} footer .newsletter-sec .gform_body{padding:0;} footer .gform_wrapper .newsletter-sec .top_label input[type="email"], footer .gform_wrapper .newsletter-sec .top_label input[type="text"] { background: #fff; border: medium none; border-radius: 3px; height: 34px; line-height:34px; padding:5px 15px; color:#444; width: 100% !important; border-radius:3px; } footer .gform_wrapper .newsletter-sec .gform_footer{margin-top:20px; padding:0;} footer .gform_wrapper .newsletter-sec .gform_footer input[type="submit"] { background: #fd9507 !important; border: none; border-radius: 3px; font-size: 12px; line-height: 24px; padding: 0 20px !important; width: 97% !important; } .contact-sec .gform_body{padding:0;} .qodef-content-has-sidebar .gform_wrapper .gform_footer input[type="submit"]{width:auto;} .qodef-btn{vertical-align:top;} .ginput_container .recaptchatable #recaptcha_response_field{margin-top:10px !important;} .recaptcha_theme_red #recaptcha_response_field{height:20px !important;} footer .qodef-footer-top.qodef-footer-top-full{padding:30px 25px;} footer .qodef-four-columns .qodef-column{min-height:280px !important; padding:0 30px;} footer .widget .qodef-footer-widget-title, footer .widget h4{margin-top:10px; font-size:20px; font-weight:400;} footer .qodef-four-columns .qodef-column iframe{ width:100%; height:180px; margin-top:15px;} footer .qodef-footer-bottom-holder{padding:10px 0;} .qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-info-holder, .qodef-blog-single .qodef-blog-standard-info-holder{margin-left:0;} .qodef-blog-holder article .qodef-post-title{margin-top:0; font-size:24px; line-height:30px;} .qodef-blog-holder article .qodef-post-info p a{color:#fd9507;} .wpaudio-container a.wpaudio{font-size:0 !important;} .qodef-blog-holder.qodef-blog-single article{float:none; width:100%;} .qodef-blog-holder.qodef-blog-single .qodef-blog-single-navigation{display:none;} #comments.qodef-comment-holder{border-top:0;} #comments.qodef-comment-holder h6{margin:0;} .qodef-comment-form .comment-respond h3.comment-reply-title{margin:0 0 30px;} .comment-form .qodef-input-title{padding-left:0;} .comment-form .qodef-input-title:before{display:none;} .comment-form .qodef-three-columns-inner{margin:0;} .comment-form .qodef-input-title{width:100%;} .comment-form#commentform input#author, .comment-form#commentform input#email, .comment-form#commentform input#url{width:100%;} .overflow { overflow: auto; width: 100%; } footer .qodef-footer-top .qodef-column:first-child, footer .qodef-footer-top .qodef-column:last-child{padding:0 30px;} footer .qodef-footer-bottom-holder .qodef-column-inner { padding:0 50px; text-align: left; } .menu-footer-container ul li { display: inline-block; margin: 0 10px 5px 0; vertical-align: top; } .qodef-footer-bottom-holder .pl-wrapper .pl-left { float: left; margin-top: 0; width: 50%; } .qodef-footer-bottom-holder .pl-wrapper .pl-right { float: right; text-align: right; width: 50%; } .home-contact-sec .gform_body, .estimate-form-sec .gform_body, .order-form-sec .gform_body{padding:0;} .magic-action-box{max-width:1100px;} .qodef-call-to-action-text h1.shadowtext span, .qodef-call-to-action-text h1.shadowtext a{color:#fff !important; text-decoration:none;} .mac.gecko h1.shadowtext > span, .mac.safari h1.shadowtext > span, .mac.chrome h1.shadowtext > span, .mac.gecko h1.shadowtext a, .mac.safari h1.shadowtext a, .mac.chrome h1.shadowtext a{color:#fff !important; text-decoration:none;} .userstyle-1.magic-action-box .mab-wrap .mab-heading { font-size: 30px !important; line-height: 34px !important; margin-bottom: 5px !important; margin-top: 5px !important; } .userstyle-1.magic-action-box .mab-wrap .gform_wrapper{margin:5px 0;} .userstyle-1.magic-action-box .mab-wrap .gform_wrapper form{margin:0;} .userstyle-1.magic-action-box .mab-wrap .gform_footer input[type="submit"]{height:auto !important; width:100% !important; } .userstyle-1.magic-action-box .mab-wrap .gform_body .ginput_container input.medium{width:100% !important;} .qodef-content-has-sidebar .mab-aside-right .mab-aside{display:none;} .social-likes { position: relative; z-index: 9; } .social-likes ul li { display: inline-block; vertical-align: top; margin-right:5px; } .social-likes ul li:last-child{margin-top:-2px;} .social-likes ul li .fb_iframe_widget span{vertical-align:top !important;} .likebox_overlay { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 111; display: none; } .likebox_popup { left: 0; margin: 0 auto; max-width: 450px; position: fixed; right: 0; top: 120px; z-index: 112; display: none; } .cross-btn { background: #000 none repeat scroll 0 0; border: 1px solid #fff; border-radius: 3px; color: #fff; font-family: "Trebuchet MS"; font-weight: bold; line-height: 12px; padding:6px 8px; position: absolute; right: -15px; top: -15px; z-index: 9; cursor:pointer; } .signup-sec .userstyle-0.magic-action-box { margin: 0 auto; } .signup-sec .userstyle-0.magic-action-box .mab-wrap { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding:0; } .signup-sec .mab-aside { float: left; margin-right: 4%; width: 21%; } .signup-sec .userstyle-0.magic-action-box .mab-aside img { margin-top: 25px; } .signup-sec .mab-content { float: left; width: 75%; } .signup-sec .userstyle-0.magic-action-box .mab-content *{font-family: "proxima-nova-alt",Arial,Helvetica,sans-serif !important; line-height:normal !important;} .signup-sec{background:url("images/signup-bg.jpg") no-repeat 0 0 / cover ; /*float:left;*/ width:100%; box-sizing:border-box; padding:15px; /*margin-bottom:20px;*/} .signup-sec .signup-inner{max-width:1100px; margin:0 auto;} .signup-sec .top-box{border:1px solid #6b6b6b; border-radius:5px; background:#484848; float:left; width:100%; padding-bottom:15px;} .signup-sec .userstyle-0.magic-action-box .top-box h2 { background: #3d3d3d; border-radius: 5px 5px 0 0; color: #fff !important; font-size: 36px !important; font-weight: normal; margin: 0 0 10px; padding: 10px 30px !important; text-transform: uppercase; letter-spacing:1px; } .signup-sec .userstyle-0.magic-action-box .top-box h2 span{color:#f58120 !important; font-size: 36px !important;} .signup-sec .userstyle-0.magic-action-box .top-box p{color:#fff !important; font-size:18px !important; margin-bottom:10px; padding:0 30px;} .signup-sec .userstyle-0.magic-action-box .top-box ul{padding:0 30px !important;} .signup-sec .userstyle-0.magic-action-box .top-box ul li { color: #fff !important; float: left; font-size: 15px !important; line-height:20px; list-style-image: url("images/check-bullet.png") !important; margin:0 10px 5px 20px !important; width: 31%; } .signup-sec .userstyle-0.magic-action-box .top-box ul li:nth-child(3n) { width: 25%; } .signup-sec .userstyle-0.magic-action-box .form-area { float: left; margin: 20px 0 10px; text-align: left; width: 100%; padding:0 30px; } .form-area .label-img { background: #858585 none repeat scroll 0 0; display: inline-block; height: 36px; padding-right: 5%; vertical-align: top; } .form-area .label-img img { margin-top: -3px; } .signup-sec .userstyle-0.magic-action-box .form-area .ginput_container { display: inline-block; float:right; vertical-align: top; width: 81%; margin-top:0 !important; max-width:100%; } .signup-sec .userstyle-0.magic-action-box .mab-content .gform_wrapper{margin:0; max-width:100%;} .signup-sec .userstyle-0.magic-action-box .form-area .gform_body { display: inline-block; padding: 0 9px 0 0; vertical-align: top; width: 85%; } .signup-sec .userstyle-0.magic-action-box .form-area .gform_footer { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 15%; } .signup-sec .userstyle-0.magic-action-box .form-area .ginput_container input[type="text"] { border: medium none !important; border-radius: 3px; box-sizing: border-box !important; padding: 10px 7px !important; width: 100% !important; height:36px; } .signup-sec .userstyle-0.magic-action-box .form-area input[type="button"], .signup-sec .userstyle-0.magic-action-box .form-area input[type="submit"] { background: #fd9507 none repeat scroll 0 0 !important; border: medium none !important; border-radius: 3px !important; color: #fff; display: inline-block; font-size: 18px !important; height: 36px; margin: 0 !important; padding: 0 20px !important; position: relative; vertical-align: top; } .signup-sec .userstyle-0.magic-action-box .mab-secondary-copy p { color: #cbcbcb !important; font-size: 12px !important; line-height: 20px !important; margin-bottom: 0; margin-top:5px; text-align:justify; } .signup-sec .userstyle-0.magic-action-box .mab-main-action-wrap { float: right; text-align: right; width: 100%; } .signup-sec .userstyle-0.magic-action-box .gfield_label { color: #fff !important; display: inline-block; margin-right: 8px; vertical-align: top; margin-top: 10px; } .signup-sec .userstyle-0.magic-action-box .gfield_label span { color: #f00 !important; } .signup-sec .userstyle-0.magic-action-box .gform_confirmation_message { color: #0cb447 !important; } .validation_error { display: none !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none !important; position:relative; width:100% !important; } .gform_wrapper .gfield_error .gfield_label{color:inherit !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding:0 6px 0 0 !important;} .gform_wrapper .gfield_description.validation_message { color: #f00 !important; } .signup-sec .userstyle-0.magic-action-box .gform_wrapper .top_label .gfield_description.validation_message { background: #f00 none repeat scroll 0 0; color: #fff !important; font-size: 12px !important; font-weight: normal; margin: 0 !important; padding:2px 5px !important; position: absolute; right: 0; top: 0; width: auto; z-index: 9; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-left:0 !important;} .gform_wrapper li.gfield_error .ginput_container input[type="email"], .gform_wrapper li.gfield_error .ginput_container input[type="number"], .gform_wrapper li.gfield_error .ginput_container input[type="password"], .gform_wrapper li.gfield_error .ginput_container input[type="tel"], .gform_wrapper li.gfield_error .ginput_container input[type="text"], .gform_wrapper li.gfield_error .ginput_container input[type="url"], .gform_wrapper li.gfield_error .ginput_container textarea{border-color:#f00 !important;} body div.pp_default a.pp_arrow_previous:after, body div.pp_default a.pp_arrow_next:after{display:none;} body div.pp_default a.pp_previous:after{content:"\f053";} body div.pp_default a.pp_next:after{content:"\f054";} body div.pp_default .pp_nav .currentTextHolder{padding:0;} body div.pp_default a.pp_next, body div.pp_default a.pp_previous{background-color:rgba(0, 0, 0, 0.5) !important;} body div.pp_default a.pp_next:hover, body div.pp_default a.pp_previous:hover{background-color:rgba(0, 0, 0, 0.5) !important;} .signup-sec .userstyle-0.magic-action-box .gform_body ul li{margin:0 !important;} #tbox{margin-top:5px !important;} @media only screen and (max-width:1200px){ .qodef-blog-holder.qodef-blog-type-standard article{max-width:100%; width:100%;} .qodef-two-columns-75-25 .qodef-column2 .qodef-column-inner{padding-left:0;} #faqs-cats{height:auto;} #faqs-wrap, .faqs-container{width:100%;} .qodef-blog-holder article{width:100%;} footer .qodef-footer-top.qodef-footer-top-full{padding:15px 25px;} /*.carousel-inner .item .qodef-image{background-size: cover; background-attachment:scroll; }*/ .mac.gecko .carousel-inner .item .qodef-image, .mac.safari .carousel-inner .item .qodef-image, .mac.chrome .carousel-inner .item .qodef-image{background:none !important;} .mac.gecko .carousel-inner .item .qodef-image img, .mac.safari .carousel-inner .item .qodef-image img, .mac.chrome .carousel-inner .item .qodef-image img{display:block !important; width:auto; height:auto;} .mac.gecko .qodef-call-to-action-text h1.shadowtext > span, .mac.safari .qodef-call-to-action-text h1.shadowtext > span, .mac.chrome .qodef-call-to-action-text h1.shadowtext > span, .mac.gecko .qodef-call-to-action-text h1.shadowtext a, .mac.safari .qodef-call-to-action-text h1.shadowtext a, .mac.chrome .qodef-call-to-action-text h1.shadowtext a{color:#fff; text-decoration:none;} .qodef-call-to-action-text h1.shadowtext a, .qodef-call-to-action-text h1.shadowtext a:tel{color:#fff !important; text-decoration:none !important;} .signup-sec .top-box h2{font-size:26px;} .signup-sec .top-box ul li{width:42%;} } @media only screen and (max-width:1099px){ .signup-sec .userstyle-0.magic-action-box .form-area .gform_body { padding: 0 1% 0 0; width: 84%; } .signup-sec .userstyle-0.magic-action-box .top-box h2 {font-size: 34px !important;} .signup-sec .userstyle-0.magic-action-box .top-box h2 span{font-size: 34px !important;} .signup-sec .userstyle-0.magic-action-box .form-area .ginput_container{width:77%;} .signup-sec .userstyle-0.magic-action-box .top-box ul li{width:30%;} } @media only screen and (max-width:1024px){ .qodef-mobile-header .qodef-mobile-nav ul ul{display:block;} .qodef-mobile-header .qodef-mobile-nav .mobile_arrow{display:none;} .qodef-sticky-up-mobile-header .mobile-header-appear .qodef-mobile-header-inner{position:relative !important;} .signup-sec .userstyle-0.magic-action-box .top-box h2 {font-size: 26px !important;} .signup-sec .userstyle-0.magic-action-box .top-box h2 span{font-size: 26px !important;} .signup-sec .userstyle-0.magic-action-box .top-box ul li:nth-child(3n){width:44%;} .signup-sec .userstyle-0.magic-action-box .top-box ul li{width:44%;} .signup-sec .userstyle-0.magic-action-box .form-area .gform_body { padding: 0 1% 0 0; width: 77%; } .signup-sec .userstyle-0.magic-action-box .form-area .ginput_container{width:100%; max-width:100% !important;} .signup-sec .userstyle-0.magic-action-box .gfield_label{display:none;} .signup-sec .userstyle-0.magic-action-box .form-area .gform_footer { width:23%; } .signup-sec .qodef-section-inner-margin{margin:0;} } @media only screen and (min-width:769px){ .userstyle-1.magic-action-box .mab-wrap .gform_body{float:left;} .userstyle-1.magic-action-box .mab-wrap .gform_footer { clear: none; float: left; margin: 23px 0 0 5px; width: 23%; } .home .userstyle-1.magic-action-box .mab-content{width:50%;} .mab-aside-right .mab-aside{width:48%; padding-left:2%;} } @media only screen and (max-width:769px){ .qodef-blog-holder article .qodef-post-title{font-size:20px; line-height:28px; margin:15px 0 0 0;} .qodef-two-columns-75-25 .qodef-column1 .qodef-column-inner{padding:0;} .qodef-two-columns-66-33 .qodef-column2 .qodef-column-inner, .qodef-two-columns-66-33 .qodef-column1 .qodef-column-inner{padding:0;} .gform_body{padding:0;} .qodef-sidebar .gform_body{padding:0 30px;} .vc_separator.vc_separator_align_center h4{padding:0 10px;} h1.donovansue{line-height:46px; font-size:42px; margin:10px 0} h2.donovansue{font-size:32px; line-height:36px; margin:10px 0;} h4.donovansue{line-height:40px;} footer .qodef-four-columns .qodef-column{margin-bottom:10px; min-height:0 !important;} .testimonial-item.one-third, .testimonial-item.three-columns{width:100%;} footer .qodef-four-columns .qodef-column .qodef-custom-font-holder{text-align:center !important;} input[type="checkbox"], input[type="radio"]{margin-top:13px !important;} .contact-sec .one-half{width:100%;} .contact-sec .one-half .google-map iframe{width:100% !important;} footer .qodef-footer-bottom-holder .qodef-column-inner {text-align:center; font-size:12px; line-height:24px;} .menu-footer-container ul li{margin:0 5px 5px;} .qodef-footer-bottom-holder .pl-wrapper .pl-left, .qodef-footer-bottom-holder .pl-wrapper .pl-right{width:100%; text-align:center; margin-bottom:6px;} .testimonial-slider .flex-direction-nav{display:none;} .userstyle-1.magic-action-box .mab-wrap .gform_footer{height:50px !important;} body div.pp_default a.pp_next, body div.pp_default a.pp_previous { font-size: 14px !important; height: 26px !important; line-height: 26px !important; margin: -14px 0 0 !important; width: 26px !important; } .signup-sec .userstyle-0.magic-action-box .top-box ul li{width:100%; margin-right:0;} .signup-sec .top-box, .signup-sec .userstyle-0.magic-action-box .mab-secondary-copy p{text-align:left;} .newsletter-sec ul li { text-align: center; } footer .gform_wrapper .newsletter-sec .gform_footer{text-align:center;} .signup-sec .userstyle-0.magic-action-box .form-area{padding:0 !important;} .signup-sec{background-size:auto; background-repeat:repeat;} .signup-sec .userstyle-0.magic-action-box .mab-aside img { margin-top: 10px; } } @media only screen and (max-width:639px){ .qodef-two-columns-66-33 .qodef-column1 .qodef-column-inner{padding:0;} .qodef-container .gform_wrapper .top_label li.gfield.gf_left_half, .qodef-container .gform_wrapper .top_label li.gfield.gf_right_half{width:100%; margin-left:0;} .qodef-title .qodef-title-holder h1{font-size:32px;} .alignleft{width:100%; margin-right:0;} .alignright{width:100%; margin-left:0;} .qodef-content .vc_custom_1454272215094, .qodef-content .vc_custom_1454202106879, .qodef-content .vc_custom_1454206374577, .qodef-content .vc_custom_1454206379305, .qodef-content .vc_custom_1454206418083, .qodef-content .vc_custom_1454186573546{padding-bottom:10px !important;} .form-area .label-img{width:25%;} .signup-sec .userstyle-0.magic-action-box .top-box h2{font-size:24px !important; padding:10px 15px !important;} .signup-sec .userstyle-0.magic-action-box .top-box h2 span{font-size:24px !important;} .signup-sec .userstyle-0.magic-action-box .top-box p, .signup-sec .userstyle-0.magic-action-box .top-box ul{padding:0 15px !important;} .form-area .input-box{width:70%;} .form-area input[type="button"]{width:100%; margin:15px 0 0;} .form-area .label-img img {float: left;} .signup-sec .userstyle-0.magic-action-box .form-area .gform_body { padding: 0 0 0 0; width: 100%; } .signup-sec .userstyle-0.magic-action-box .form-area .gform_footer { margin-top:15px; width: 100%; } .likebox_popup{max-width:280px;} .likebox_popup .fb_iframe_widget iframe { transform: scale(0.63); transform-origin: 0 0 0; } .signup-sec .userstyle-0.magic-action-box .top-box ul li:nth-child(3n){width:100%;} .pp_pic_holder.pp_default{width:80% !important; height:100% !important; left:0 !important; right:0 !important; margin:0 auto;} body div.pp_default .pp_content{width:100% !important; height:100% !important;} div.pp_default .pp_content_container .pp_details{width:100% !important;} .pp_hoverContainer{width:100% !important; height:100% !important;} body div.pp_default .pp_content .pp_fade #pp_full_res img{width:100% !important; height:auto !important;} } @media only screen and (max-width:480px){ .pp_content_container{top:-60px;} } .qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-post-date { display: none; }