/* Theme Name: Wealth Design WP theme Theme URI: http://wealthdesign.co.nz/ Description: The 2013 Wealth Design wordpress theme developed by Blacksheepdesign. This theme works with magic fields. with love :) Author: Blacksheepdesign Author URI: http://www.blacksheepdesign.co.nz/ Version: 1.0 */ /* Reset selectors and commons properties */ * { margin:0; padding:0; outline:none; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; margin:0; padding:0;} .hide { text-indent: -9999999px; } .none, .ui-tabs-hide { height:0 !important; width:0 !important; opacity:0; display:none !important; } a { text-decoration:none; outline:0 none; color:inherit; } a img { border:0 none; } hr { border:0 none; display:block; } input[type='submit'].send, input[type='submit'].send { border:0 none; } .right, img.alignright { float:right; } .left, img.alignleft { float:left; } .chromeframe { background-color:#ffb; font: normal bold 16px Arial, Helvetica, sans-serif; border-bottom:2px solid #DDD; padding:15px; } .chromeframe a { color:blue; text-decoration:underline; } blockquote { margin-left:25px; } fieldset {border: none;} .relative { position:relative; } .clear:after { display:block; height:0; clear:both; visibility:hidden; } .clear { display:inline-block; width:100%;} * html .clear { height:1%; } h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} /* Transitions */ .tbg { transition: background .3s; -moz-transition: background .3s; -webkit-transition: background .3s; -o-transition: background-color .3s; } .tcolor { transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition-property: color; -o-transition-duration:.3s; } a:hover { text-decoration:underline; } .trotate { -moz-transition: -moz-transform .3s; -webkit-transition: -webkit-transform .3s; -ms-transition: -ms-transform .3s; } .topacity, .topacity img { -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -ms-transition: opacity .5s; } .tmargin { -moz-transition: margin .5s; -webkit-transition: margin .5s; -ms-transition: margin .5s; } .ttext-shadow { -moz-transition: text-shadow .3s; -webkit-transition: text-shadow .3s; -ms-transition: text-shadow .3s; } .tbox-shadow { -moz-transition: box-shadow .1s; -webkit-transition: box-shadow .1s; -ms-transition: box-shadow .1s; } .tall { -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; } /* Text Selection */ ::selection { background: #792E75; color:#fff; } /* Variables colors and backgrounds */ .bglgreen { background:#4ab9c1 url('img/bg-lgreen.png') repeat; } .single-page .content-lgreen .item-text a:hover, .single-page .content-lgreen h3, .lgreen { color:#4ab9c1; } .bglorange { background-color:#d0ab66; background-image: url('img/bg-lorange.png'); } .single-page .content-lorange .item-text a:hover, .single-page .content-lorange h3, .lorange { color:#d0ab66;} .bggreen { background-color:#007778; background-image:url('img/bg-green.png'); } .single-page .content-green .item-text a:hover, .single-page .content-green h3, .green { color:#007778; } .bglime { background-color:#aabb54; background-image:url('img/bg-lime.png'); } .single-page .content-lime .item-text a:hover, .single-page .content-lime h3, .lime { color:#aabb54;} .bgorange { background-color:#F7954A; background-image:url('img/bg-orange.png'); } .single-page .content-orange .item-text a:hover, .single-page .content-orange h3, .orange { color:#F7954A;} .bgpurple { background-color:#792E75; background-image:url('img/bg-purple.png'); } .single-page .content-purple .item-text a:hover, .single-page .content-purple h3, .purple { color:#792E75;} /* Body & General content n wrapper */ html, body { margin:0; padding:0; height:100%; width:100%; } body { font: normal 12px Helvetica,Arial,Sans-Serif; margin:0; padding:0; color:#333;} #wrapper { background:url('img/bg-main.png') repeat; min-height:100%; position:relative; width:100%; } #footer-wrapper { width:100%; } .item-text .content ul, .item-text ol { padding:15px 0 15px 40px; } p { font-size:13px; line-height:180%; } .item-text { border-bottom:1px solid #CCC; } .item-text h2, .item-text h3, .item-text h4, .item-text h5, .item-text h6 { font:400 22px 'neosanslight',Helvetica,Arial,sans-serif; padding:10px 0;} .item-text ul, .item-text ol { margin-left:25px; padding-bottom:15px;} .item-text ol li, .item-text ul li { margin-bottom:3px;} .item-text ol li, .item-text ul li, .item-text p { line-height:160%; -webkit-font-smoothing: antialiased; transform: translate3d(0, 0, 0); font-weight: 100; color:#666 ;} .item-text ol li, .item-text ul li { font-size: 17px; } .item-text p { margin-bottom:13px; font-size: 17px; } .item-text ol li a, .item-text ul li a, .item-text p a { color:rgba(0,0,0,0.9); text-decoration:underline;} .item-text ul li span { color:inherit; } .item-text p strong { font-weight:400; } blockquote p{ font-family:'neosansregular'; font-size:14px; margin:15px 0 0; line-height: 180%; color:rgba(0,0,0,0.5); font-style:italic; } blockquote p:before {content: '‘'; content: open-quote;} blockquote p:after {content: '’'; content: close-quote;} #header-wrapper { background:#f8f8f8; width:100%; } .header-content { padding-bottom:5px; } #header-wrapper > .content { background:url('img/bg-header.png') no-repeat 335px -15px; position:relative; padding-top:80px; padding-bottom:25px; color:rgb(128,128,128);} #header-wrapper header { } #header-wrapper header h1 a { text-indent:-1000000px; width:300px; height:40px; display:block;} nav#main-nav { width:300px; padding-top:18px;} nav#main-nav > ul { width:100%; } nav#main-nav ul li { list-style:none; line-height:150%; } nav#main-nav ul li a { display:block; margin-right:10px; font-weight:bold; cursor:pointer; } #sub-nav > div { position:relative; opacity:0; display:none; z-index:20; top:0; left:0; width:680px; } #sub-nav > div.show { display:block; opacity:1; transition:.6s opacity .5s; } #sub-nav > div .content { width:auto; padding:0px 10px 25px 0;} #sub-nav > div ul { position:relative; padding:0px 0px 15px 25px; } #sub-nav > div span.row { float:left; width:165px;} #sub-nav > div a { display:block; font-weight:normal!important; line-height:160%; } #sub-nav > div a.page-link { font-weight:bold!important; margin:10px 0 5px; } nav#main-nav ul li > ul span.content { padding:10px; display:block; } nav#main-nav ul li > ul span.content > span { display:block;} /* #main { background:url('img/bg-main.png') repeat; } */ #main { background:#f1f1f1; } #main.single-page { padding-bottom:25px;} #main .top-banner h2 { font:100 28pt 'neosanslight',Helvetica,Arial,sans-serif; color:#FFF; -webkit-font-smoothing: antialiased; } #main .home.top-banner h2 { font-size:45pt; line-height:104%; color:rgb(128,128,128); } #main .top-banner.home { background:#000 url('img/bg-topbanner-home.png') repeat;} #main .top-banner.home form { padding-top:25px;} #main .top-banner.home form label { color:rgb(128,128,128); padding-right:10px; } #main .top-banner.home form input[type="text"]{ color:#666; background-color:#DDD; } #main .top-banner.home form input[type="text"].edit { color:#000;} #main .top-banner.home form input[type="submit"]{ position: absolute; right:0; } #main.single-page .top-banner.single-text { position:relative;} #main.single-page .top-banner.single-text h2 { line-height:120%; position:relative; font-size:33pt;} #main.single-page .top-banner.single-text h2.single-line { line-height:120%; } .border-top-banner { display:none; background-image:url('img/border-top-banner.png'); position:relative; z-index:10; background-repeat:repeat-x; height:6px; width:100%; } .border-top-banner.bottom { margin-bottom:-6px; } .border-top-banner.black.top { background-position:0 0; } .border-top-banner.black.bottom { background-position:0 -6px; } .border-top-banner.lorange.top { background-position:0 -12px; } .border-top-banner.lorange.bottom { background-position:0 -18px; } .border-top-banner.lgreen.top { background-position:0 -24px; } .border-top-banner.lgreen.bottom { background-position:0 -30px; } .border-top-banner.orange.top { background-position:0 -36px; } .border-top-banner.orange.bottom { background-position:0 -42px; } .border-top-banner.green.top { background-position:0 -48px; } .border-top-banner.green.bottom { background-position:0 -54px; } .border-top-banner.lime.top { background-position:0 -60px; } .border-top-banner.lime.bottom { background-position:0 -66px; } .border-top-banner.purple.top { background-position:0 -72px; } .border-top-banner.purple.bottom { background-position:0 -78px; } .top-banner .content .logo { display:block; position:absolute; width:285px; height:240px; right:0; background-repeat:no-repeat; } .top-banner.planning .content .logo { background-image:url('img/draw-backpacker.png'); } .top-banner.kiwisaver .content .logo { background-image:url('img/draw-bike.png'); } .top-banner.insurance .content .logo { background-image:url('img/draw-parachute.png'); } .top-banner.management .content .logo { background-image:url('img/draw-backpacker.png'); } .top-banner.consultancy .content .logo { background-image:url('img/draw-farmer.png'); } .top-banner.retirement-lifestyles .content .logo { background-image:url('img/draw-caravan.png'); } .top-banner.mortgages .content .logo { background-image:url('img/draw-unexpected.png'); } /* Blog */ #blog .more-link { display:none; } #blog .blog-list-post .item-blog { border-bottom:1px solid #CCC; padding-bottom:20px; margin-bottom:20px; } #blog .blog-list-post .item-blog:last-child { border-bottom:0 none; margin-bottom:0; } #blog .blog-list-post .meta { margin-bottom:10px; } #blog .blog-list-post .meta h2 { font:900 28px 'neosanslight', Helvetica,Arial,sans-serif; margin-bottom:0; color:rgba(0,0,0,0.5); } /*#blog .blog-list-post .meta .meta-data { font-size:13px; line-height:120%; color:#333; padding:10px 0; }*/ #blog .blog-list-post .meta .meta-data a { text-decoration:none; } #blog .blog-list-post .meta .meta-data a:hover { text-decoration:underline; } #blog .blog-list-post .entry-content .img { margin-left:10px; } #blog .blog-list-post .entry-content .img img { max-width:150px;} #blog .blog-sidebar ul { padding:0; margin-left:20px; } #blog .blog-sidebar ul li { list-style:none; } #blog .blog-sidebar ul li, #blog .blog-sidebar ul li a { color:#999; font:100 18px/250% 'neosanslight',Helvetica,Arial,sans-serif; } #blog .blog-sidebar ul li a:hover { color:#000;} #blog .blog-navigation-entries { width:100%; position:relative;} #blog .blog-navigation-entries a { background-color:#DDD; width:50%; } #blog .blog-navigation-entries a:hover { color:#333; } #blog .blog-navigation-single { margin-top:.5em; } #blog .blog-navigation-single a { padding:10px; display:block; width:40%; color:#888;} #blog .blog-navigation-single a:hover { background-color:#64D3D2; color:#FFF; text-decoration:none; } #blog .blog-navigation-single a[rel="prev"]{ float:left;} #blog .blog-navigation-single a[rel="next"]{ float:right; text-align:right;} #blog .navigation { width:100%; } #blog .navigation ol { float:none; text-align:right; } #blog .navigation ol li { font-size:13px; color:#999; display:inline-block; list-style:none; } #blog .navigation ol li a, #blog .navigation ol li .current { padding:10px 18px; margin-right:1px; } #blog .navigation ol li a:hover { text-decoration:none; background-color:#64D3D2; color:#FFF; } #blog .navigation ol li .current { font-weight: normal; display: block; color:#FFF; background:#64D3D2; } .readmore a { text-decoration: none!important; } .readmore a:hover { text-decoration:underline!important; } /* Team list member */ #team .text p { margin-bottom:15px;} ul#team-list-images { text-align:center; width:100%; } ul#team-list-images li { list-style:none; display:inline-block; margin:0 5px; } ul#team-list-images li a { display:block; margin-right:1px; margin-bottom:1px;} ul#team-list-images li a img { display:block; } ul#team-list-images li a:hover img { opacity:0.5; } ul#team-list-names { opacity:0; display:block; text-align:center; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } #team-list-detail .item, ul#team-list-names { -webkit-transition: ease-in opacity .3s; -moz-transition: ease-in opacity .3s; -ms-transition: ease-in opacity .3s; -o-transition: ease-in opacity .3s; transition: ease-in opacity .3s; } ul#team-list-names.hidden { height:0; height:0; overflow:hidden; position:absolute; } ul#team-list-names.show { position:relative; opacity:1; padding-top:25px; } ul#team-list-names li { display:inline; list-style:none; border-right:1px solid #333; padding-right:5px; margin-right:5px; } ul#team-list-names li:last-child { border-right:0 none;} ul#team-list-images li a p, ul#team-list-names li a { font:100 14px/250% 'neosansregular',Helvetica,Arial,sans-serif; padding:10px; color:rgb(128,128,128);} ul#team-list-names li a:hover { text-decoration:none; color:#999; } #team-list-detail { overflow:hidden; position:relative; width:100%; opacity:1; -webkit-transition: .5s height .3s; -moz-transition: .5s height .3s; -ms-transition: .5s height .3s; -o-transition: .5s height .3s; transition: .5s height .3s; } #team-list-detail .item.hidden { top:0; opacity:0; z-index:10; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } #team-list-detail .item { position:absolute; opacity:1; z-index:20; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } #team-list-detail .item .image { margin-right:25px;} #team-list-detail .item .desc { margin-left:245px; } #team-list-detail .item .desc h2 { font:100 26px/120% 'neosanslight',Helvetica,Arial,sans-serif; } #team-list-detail .item .desc .role { font-size:15px; font-weight:bold; font-family:'neosansregular',Helvetica,Arial,sans-serif; color:rgb(128,128,128);} #team-list-detail .item .contact-desc { padding:10px 0;} #team-list-detail .item .contact-desc p.contact { font-weight:bold; color: rgb(128,128,128); } #team-list-detail .item .contact-desc p.contact.email {} #team-list-detail .item .contact-desc p.contact.skype {} #mc_signup_submit, form input[type="submit"].go{ border:0 none; width:32px; height:31px; text-indent:-100000px; cursor:pointer; margin-left:5px;} form input[type="submit"].go.grey { background:url('img/btn-goblack.png') 0 -31px no-repeat; } #mc_signup_submit, form input[type="submit"].go.dark { background:url('img/btn-gogrey.png') 0 -31px no-repeat; } #mc_signup_submit:hover, #mc_signup_submit:focus, form input[type="submit"].go:hover, form input[type="submit"].go:focus { background-position:0 0;} /* Contact page */ #contact form { position:relative; } #contact form .field { margin-bottom:10px;} #contact form .field.full-line { width:100%; } #contact form .field label { display:block; color:#333; width:100%; font:bold 12px 'neosansregular',Helvetica,Arial,sans-serif; text-transform:uppercase; padding-bottom:5px;} #contact form .field label span.example { color:#999; } #contact form .field input.text { background:transparent; width:100%; padding:7px 0; text-indent:5px; border:1px solid #CCC; font:normal 12px 'neosansregular',Helvetica,Arial,sans-serif; color:#666; } #contact form .field input[type="text"]:focus { background:#f8f8f8; } #contact form input[type="submit"]{ background:url('img/btn-go-contact.png') no-repeat; width:45px; height:44px; border:0 none; text-indent:-1000000px;} #contact form input[type="submit"]:hover, #contact form input[type="submit"]:focus { background-position:0 -44px; cursor:pointer;} #contact .spmhidip { display:none; } #contact form label.error { padding-top:5px; color:#900; } #contact form label.error.valid { display:none; } #contact-status.status { border:1px solid #CCC; padding:10px; background:#FFF; margin-bottom:25px; color:#333; font-weight:bold; } #contact-status.status.ok { color:#060; border:1px solid #390; background-color:#BFE35B;} /*contact form 7*/ .screen-reader-response { display: none!important; } #contact span[role="alert"]{ color:#999; } #contact .wpcf7-response-output { margin-bottom:15px; } .wpcf7 { position: relative; } .wpcf7 br { display: none; } .home .wpcf7 *[role="alert"]{ color:rgb(128,128,128); } /* Single tab and single-page */ .single-page h3 { font:400 18px 'neosansregular',Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; margin:0 0 15px; padding-top:25px;} .single-page article.item-text:last-child { border-bottom:0 none; margin-bottom:0; padding-bottom:0;} /* On Single */ .content-elements-single { margin-bottom:15px; -webkit-font-smoothing: antialiased; } ul#elements-single { padding:0 0 25px; width:100%; } ul#elements-single li { list-style:none; } ul#elements-single li a { background-color:rgba(0,0,0,0.1); margin-right:2px; margin-bottom:2px; color:#FFF; display:block; float:left; padding:5px 15px; line-height:190%; font-size:16px;} ul#elements-single li a:hover { background-color:rgba(0,0,0,0.25); text-decoration:none; text-shadow:1px 1px 0 #333;} /* On single-tab */ h2.single-tab-title { font:100 28pt/120% 'neosanslight',Helvetica,Arial,sans-serif; padding:35px 0 0;} .tabs-home .item h3 a:hover, .item-text h3 a:hover, h2.single-tab-title a:hover { text-decoration:none; } /* On home and single-tab.php */ #wrap-tabs { background-repeat:repeat;} .tabs-home { width:100%; position:relative; padding:35px 0;} .tabs-home ul.index-items { width:135px; list-style:none; } .tabs-home ul.index-items > li { background-color:rgba(0,0,0,0.07)} .tabs-home ul.index-items > li a.index { display:block; padding:15px 5px; text-align:center; margin-bottom:2px; font: bold 15px 'neosanslight',Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased; cursor:pointer; } .tabs-home ul.index-items > li a:hover { background-color:rgba(0,0,0,0.1) } .tabs-home ul.index-items > li:nth-child(2) a { padding-top:16px; } .tabs-home ul.index-items > li a:hover { text-decoration:none} /* Tabs */ #tabs-home-index { } #tabs-home-index .item { display:none; position:absolute; top:0; } #tabs-home-index .item.hidden { display:none; } #tabs-home-index .item.show { display:block;} .tabs-home .item { overflow:hidden; height:280px; } .tabs-home .item .inner { padding:0 30px 0 0; height:100%;} .tabs-home .item#whereru h3 { padding-top:105px; padding-top: 43px; font-size: 45pt; width: 300px; line-height: 95%; font-weight: 100; } .tabs-home .item#whereru p { font-size:12px; line-height:140%; -webkit-font-smoothing: antialiased; width:200px; color:#FFF;} .tabs-home .item#whereru .inner { background-image:url('img/draw-bike.png'); background-repeat:no-repeat; } .tabs-home .item#insurance .inner { background-image:url('img/draw-parachute.png'); background-repeat:no-repeat; } .tabs-home .item#planning .inner { background-image:url('img/draw-backpacker.png'); background-repeat:no-repeat; } .tabs-home .item#farming .inner { background-image:url('img/draw-farmer.png'); background-repeat:no-repeat; } .tabs-home .item#unexpected .inner { background-image:url('img/draw-unexpected.png'); background-repeat:no-repeat; } .tabs-home .item#retiring .inner { background-image:url('img/draw-caravan.png'); background-repeat:no-repeat; } .tabs-home .item#unexpected .inner { padding-top:35px; } .tabs-home .item#retiring .inner, .tabs-home .item#farming .inner, .tabs-home .item#insurance .inner, .tabs-home .item#planning .inner { padding-top:24px; } .tabs-home .item#retiring h3, .tabs-home .item#farming h3 { width:276px; } .tabs-home .item ul > li { line-height:190%; } .tabs-home .item h3 { margin:0; width:290px; color:#FFF; font: normal 45pt/100% 'neosanslight', Helvetica, Arial, sans-serif; padding-bottom:15px; -webkit-font-smoothing: antialiased; } .tabs-home .item h3 a { line-height:100%} .tabs-home ul li a { color: #FFF; opacity: .8; -webkit-font-smoothing: antialiased;} .tabs-home .item h3 a { } .tabs-home .item h3 a:hover { text-decoration:none; color:#FFF;} .tabs-home .item ul { list-style:none } .tabs-home .item ul li { } .tabs-home .item ul li a:hover { } p.nomatter { padding:15px 0; font-size:11pt; color:rgba(0,0,0,0.7); width:540px;} .tabs-border-bottom { display:block; width:100%; height:27px; bottom:-15px; position:absolute; z-index:100; background: url('img/border-tabs-home.png') repeat-x; } .tabs-home .show-mobile .item ul a { font:normal .85em/100% 'Helvetica','Arial';} .tabs-home .show-mobile .item ul a:hover { background-color:transparent;} .tabs-home .show-mobile .item li, .tabs-home .show-mobile .item h3 { text-align:left; } /* On Home */ h4.tabs-helpful-title { padding-top:15px; margin-bottom:15px; font-size:15px;} ul.index-items { list-style:none;} ul.index-items li {} ul.index-items li a.block-item:hover { text-decoration: underline; } .block-item, #tabs-helpful .item { -webkit-font-smoothing: antialiased; background-color:#FFF; color:#666; margin-bottom:2px; margin-right:2px; font-weight:100; display: block; float:left; } #tabs-helpful .item, .block-item { transition: background .3s; } #tabs-helpful p, .block-item p, .block-item .desc { line-height:140%; } .block-item { padding:15px; } .block-item .title { font:16pt 'neosanslight', Helvetica, Arial, sans-serif; margin:0 0 10px 0; text-align:left; line-height:120%!important; } #info-feed.block-item .title, #info-feed2.block-item .title { font-size:28px; } .block-item.feed .detail.name { text-align:center; } .block-item.feed .percent { font-weight:100; width:155px; margin:0 auto; position:relative; } .block-item.feed .percent .number { font:50pt 'neosanslight', Helvetica, Arial, sans-serif; margin-top:-10px; display:block; letter-spacing:-5px; } .block-item.feed .percent .percent-symbol { position:absolute; font-size:40px; right:7px; top:18px; } .block-item.feed .percent .pa { position:absolute; font-size:23px; right:0; top:40px; } .block-item.best-rate .cell { width:100%; font-weight:normal; border-bottom:1px dotted #FFF;} .block-item.best-rate .cell .name { font-size:11px;} .block-item.best-rate .cell .value { font-size:14px; float:right;} .block-item.best-rate .source { text-align:center; padding-top:12px; } #tabs-helpful { padding-bottom:40px; padding-top:40px;} #tabs-helpful .item#kiwisaver:hover { background:#007778 url('img/bg-green.png') repeat; color:#FFF; } #tabs-helpful .item#insurance:hover { background:#d0ab66 url('img/bg-lorange.png') repeat; color:#FFF; } #tabs-helpful .item#currency:hover { background:#aabb54; color:#FFF;} .block-item#info-feed:hover { background:#F7954A url('img/bg-orange.png') repeat; color:#FFF;} .block-item#info-feed2:hover { background:#792E75 url('img/bg-purple.png') repeat; color:#FFF;} .block-item#blog-last-entry:hover { background:#4ab9c1 url('img/bg-lgreen.png') repeat; color:#FFF;} #tabs-helpful .item:last-child { margin-right:0; } #tabs-helpful .item h5 { font-weight:100; margin-bottom:10px; font:23pt 'neosanslight', Helvetica, Arial, sans-serif; } #tabs-helpful .item .inner { padding:15px; } #tabs-helpful .item p { margin-bottom:15px;} /* Footer */ #footer-wrapper footer h2 { font-size:14px; padding:20px 0 10px 0; margin-bottom:10px; border-bottom:1px dashed #999;} #footer-wrapper .item ul { list-style:none; } #footer-wrapper .item p.text { font-size:12px; color:rgba(0,0,0,0.5); line-height:150%;} #footer-wrapper .item h3 { font-size:13px; padding-bottom:5px;} #footer-wrapper .item.address { padding-right:25px; } #footer-wrapper .item.contact p.text span { color:#000; font-weight:bold; padding-right:10px; display:inline-block; } #footer-wrapper .item.contact p.phone { padding-top:20px; } #footer-wrapper .item.contact.highlight { background-color:#FFF; /* animation: name duration timing-function delay iteration-count direction; */ -webkit-animation-name: highlight; -webkit-animation-fill-mode:forwards; -webkit-animation-duration:1s; -webkit-animation-delay:.5s; -webkit-animation-iteration-count:1; } @-webkit-keyframes highlight { from {background-color: #FFF; } to { background-color:transparent; } } #footer-wrapper .item.newsletter:hover { background-position:20px -96px; cursor:pointer;} #footer-wrapper .item.newsletter h3, #footer-wrapper form { position:relative;} #footer-wrapper form p:first-child { margin-bottom:10px;} #footer-wrapper .disclaimer { padding:15px 0; } /* Mailchimp Form */ .mc_custom_border_hdr { font-size:12px; color:rgba(0,0,0,0.5); margin-bottom:10px; font-weight:700} #mc-indicates-required, #mc_display_rewards { display:none;} .mc_error_msg, #footer-wrapper .mc_merge_var { display:block; width:100%; margin-bottom:5px; color:rgba(0,0,0,0.5);} #mc_message { padding-bottom:10px; } #backtop a { background: #dedede url('img/img_top.png') no-repeat center center; opacity:0.5; display: block; width:32px; height:29px; text-align:center; position:fixed; z-index:1000; bottom:2em; right:10em; -webkit-transition: ease-in bottom .5s; -moz-transition: ease-in bottom .5s; -ms-transition: ease-in bottom .5s; -o-transition: ease-in bottom .5s; transition: ease-in bottom .5s; } #backtop a:hover { text-decoration:none; bottom:3em; } /* Standar version */ @media only screen and (min-width: 641px) { .mobile { display:none!important; } #wrapper { min-width:780px; } .content { width:680px; margin:0 auto; position:relative; padding:0;} #header-wrapper header h1 a { background:url('img/logo-wealthdesign.png') no-repeat 0 0; } #header-wrapper { height:150px; transition: .5s height 0s; -webkit-transition: .5s height 0s; -o-transition: .5s height 0s; -oz-transition: .5s height 0s; -ms-transition: .5s height 0s; } #header-wrapper header { float:left;} nav#main-nav { float:right; } #sub-nav > div { max-height:270px; padding-top:50px;} #main .top-banner.home form input[type="text"] { border:1px solid #C7C9CB; padding:5px; width:360px; } #tabs-home-index .item { width:525px; } .tabs-home .item#whereru .inner { background-position:240px 35px } .tabs-home .item#insurance .inner { background-position:250px 35px; padding-top:24px; } .tabs-home .item#planning .inner { background-position:280px 40px; } .tabs-home .item#farming .inner { background-position:227px 35px; } .tabs-home .item#unexpected .inner { background-position:285px 35px; } .tabs-home .item#retiring .inner { background-position:230px 37px; } .block-item { width:225px; height:160px; } .block-item.best-rate, .block-item.feed { width:175px; } .block-item.best-rate { margin-right:0; } .block-item#blog-last-entry { overflow:hidden; width:235px; } #tabs-helpful .item { width:225px; height:280px; } #footer-wrapper { background:url('img/bg-footer.png') repeat, url('img/bg-main.png') repeat; } #footer-wrapper footer { width:100%; padding-top:20px; margin-top:20px;} #footer-wrapper .item.newsletter { padding-left:25px; width:220px;} #footer-wrapper .item.contact { padding-right:53px; padding-left:25px; padding-bottom:10px;} #footer-wrapper .item.contact, #footer-wrapper .item.address { border-right:1px dashed #999; } .contact-address-info, #footer-wrapper .item.contact, #footer-wrapper .item.newsletter, #footer-wrapper .item.address { float:left; } #footer-wrapper form label { display:block; float:left; width:50px;} #footer-wrapper form input[type="text"] { border:1px solid #FFF; width:155px; padding:2px 5px;} #footer-wrapper form input[type="submit"] { position:absolute; bottom:0; right:-170px; } #mc_signup_submit, form input[type="submit"].go { float:right; } #mc_signup_submit { margin-top:10px; } /* Single pages */ #main.single-page .top-banner.single-text { height:170px; } ul#elements-single { margin-left:-15px; } #main.single-page .top-banner.single-text h2 { top:28px; } #main.single-page .top-banner.single-text h2.single-line { top:55px; } #main .top-banner { padding:55px 0; } #team { padding:35px 0 0; } #blog .blog-list-post { width:470px; margin-top:35px;} #blog .blog-sidebar { width:200px;} .top-banner .content .logo { top:-23px; } .top-banner.management .content .logo { background-position:0 15px} .top-banner.retirement-lifestyles .content .logo { background-position:0 12px;} #main.single-page .top-banner.single-text h2.single-line { width:390px; } #contact { padding:25px 0;} #contact form .field.full-line input.text { width:670px;} #contact form .field.half-line { width:330px; float:left; padding-right:10px;} #contact form input[type="submit"]{ position:absolute; right:-45px; bottom:15px; background:url('img/btn-go-contact.png') no-repeat; width:45px; height:44px; border:0 none; text-indent:-1000000px;} } /* Mobile version */ @media only screen and (max-width: 640px) { #wrapper { width:100%; } .content { width:96%; padding:0 2%;} .svg #header-wrapper header h1 a { background:url('img/logo-wealthdesign.svg') no-repeat 0 0; background-size:100%; } #header-wrapper { height:180px; overflow:hidden; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; } #header-wrapper .sub { display: none; } #header-wrapper header h1 a { margin:0 auto;} #header-wrapper > .content { background:url('img/bg-header.png') no-repeat center -35px; } nav#main-nav { text-align: center; width:100%;} nav#main-nav ul li { display:inline-block;} #sub-nav { background-color:#EEE; } #sub-nav > div .content { padding-bottom:5px;} #sub-nav > div span.row { padding-left:20px; width:100%;} #main .top-banner.home form label, #main .top-banner.home form input[type="text"] { display: block; width:100%; padding:10px 0; text-indent:10px; } #main .top-banner.home form label { background:#333;} #main .top-banner.home form input[type="text"] { border:0;} .tabs-home { padding-top:7px;} .tabs-home ul.index-items { width:100%; display:block; } .tabs-home ul.index-items > li { display: inline; } .tabs-home ul.index-items > li > a.index { background-color: rgba(0,0,0,0.2);} #tabs-home-index .item { position: relative; width:100%;} .tabs-home .item .inner { background-size:35%; background-position:center right;} #footer-wrapper { padding-top:1em;} #footer-wrapper form label, #footer-wrapper form input[type="text"] { width:100%; display: block; padding:10px 0; text-indent:10px} #footer-wrapper form input { border:0 none;} #footer-wrapper form label { background-color:#BBB;} #footer-wrapper { background-color: #dedede;} #footer-wrapper .item { padding:10px; margin-bottom:2px; background:#EEE;} #mc_signup_submit, form input[type="submit"].go { margin-top:10px; display: block; } /* Single pages */ #main .top-banner { padding:55px 0; } #team { padding-top:35px; } #team-list-detail .item .image { padding-bottom:15px; text-align:center; float:none;} #team-list-detail .item .desc { margin-left:0;} #blog { padding-top:15px;} #blog .blog-sidebar { display:none; } .top-banner .content .logo { right:10px; background-size:40%; background-position:right top; } #main.single-page .top-banner.retirement-lifestyles h2.single-line { width:200px;} #contact { padding-top:25px;} #contact p.text { padding-top:10px;} a.backtotop { display:block; color:#FFF; background-color:#4ab9c1; text-align:center; padding:10px; } a.backtotop:hover { text-decoration:none; } a.backtotop:active { background-color:#aabb54;} }