/* Theme Name: Wolfstar Group Pty Ltd Description: A 1100 theme created for wolfstargroup.com.au Version: 1.0 Author: Swish Design Author URI: http://www.swishdesign.com.au/ */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ @charset "UTF-8"; body,html { height:100%; } html { background: transparent url(images/layout/bg/bg.png) repeat; } body { background: transparent url(images/layout/bg/swirl-bg.png) no-repeat; line-height: 20px; background-position: 100% 100%; } a { color: #71bfba; font-weight: bold; } a:hover, a:focus, a:active { color: #71bfba; } hr { border-color: #efefef; } p {font-size:16px; line-height:1.65; } .container { width: 1100px; color: #747474; font: 400 14px/16px 'Source Sans Pro', sans-serif; } #header { background-color: #09334c; height: 89px; width: 100%; } #logo { margin: 19px 0; width: 181px; float: left; } #logo img { margin-bottom: 0; } #tagline { margin-top: 27px; width: 196px; } #tagline .phone, #tagline .phone a { color: #e7e7e8; text-align: right; font: 900 20px/20px 'Source Sans Pro', sans-serif; } #tagline .phone .phone-icon { margin-right: 9px; } #tagline .email, #tagline .email a { color: #ffffff; text-align: right; font: 400 12px/20px 'Lato', sans-serif; } #tagline .email .email-icon { margin-right: 11px; } #tagline a:hover { text-decoration: none; } #nav-container { width: 530px; margin: 42px auto 0; } #nav { } #nav ul, #nav li { list-style: none; margin: 0; padding-right:50px /*EDITED 11-11-16 - Original: 20px*/; } #nav ul.dropdown { display: table-row; } #nav ul.dropdown li { display: table-cell; float: none; text-align: center; padding-bottom: 23px; } #nav ul.dropdown a { display: block; margin: 0; font: 400 16px/16px 'Source Sans Pro', sans-serif; color: #a4c0d1; padding: 0; } #nav ul.dropdown a:hover { text-decoration: none; color: #5ecac4; } #nav ul.dropdown .current_page_item a, #nav ul.dropdown .current-menu-item a, #nav ul.dropdown .current-menu-ancestor > a { color: #fff; } #nav > ul.dropdown > li > a:hover, #nav > ul.dropdown > li:hover a { } #nav > ul.dropdown > li > a:focus, #nav > ul.dropdown > li > a:active { outline: none; text-decoration: none; } #nav ul.dropdown li.dir:hover > a { text-decoration: none; } /* Dropdown Level */ #nav ul.dropdown ul { border: none; } #nav ul.dropdown ul.sub-menu { padding-right: 0; width: auto; } /*ADDED 11-11-16*/ #nav ul.dropdown #menu-item-101 > ul.sub-menu { width: 450px; } /*ADDED 11-11-16*/ #nav ul.dropdown ul li { width: auto /*EDITED 11-11-16 - Original 100%*/; margin: 0; padding: 0; text-align: left; border: none; display: table-cell; background: #eee; } #nav ul.dropdown ul li a { background: #eee; color: #7e7e7e; min-width: 180px; font: 16px/54px 'Lato', sans-serif; margin: 10px 0; padding: 0 15px; } #nav ul.dropdown ul li.our-people a { background: #eee url(images/icons/our-people-icon.png) no-repeat 11px center; text-indent: 43px; } #nav ul.dropdown ul li.our-company a { background: #eee url(images/icons/our-company-icon.png) no-repeat 11px center; text-indent: 43px; } #nav ul.dropdown ul li a:hover { background-color: #d7d7d7; text-decoration: none; color: #7e7e7e; } #nav ul.dropdown ul li.first a { margin-left: 15px; } #nav ul.dropdown ul li.last a { margin-right: 15px; } #nav ul.dropdown ul ul { top: -1px; left: 100%; } #nav ul.dropdown ul li:first-child > a:after { content: ''; position: absolute; left: 22px; top: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #eee; } /* SlickNav Menu Additional Style */ body .slicknav_menu { padding: 2px 5px; background: #931630 url(images/layout/bg/nav.png) top repeat-x; } body .slicknav_nav li { margin-bottom: 0; border-bottom: 1px solid #c93b66; } body .slicknav_nav li a:hover { background: #fff; } body .slicknav_btn { float: left; margin: 10px 5px 6px; } #content { padding-top: 5px; padding-bottom: 45px; } #maincontent { min-height: 300px; margin: 0; } #maincontent h1, #maincontent h1 a { font: 300 30px/30px 'Source Sans Pro', sans-serif; color: #09334c; margin-bottom: 21px; } #maincontent h1:first-child { margin-top: 0; } #maincontent h2, #maincontent h2 a { font: 600 18px/18px 'Lato', sans-serif; color: #09334c; } #maincontent h3, #maincontent h3 a { font: 600 22px/22px 'Lato', sans-serif; color: #71bfba; margin-bottom: 23px; margin-top: 22px; } #maincontent h1 a:hover, #maincontent h2 a:hover, #maincontent h3 a:hover, #maincontent h1 a:focus, #maincontent h2 a:focus, #maincontent h3 a:focus { text-decoration: none; } #maincontent ul { margin-left: 20px; } #maincontent li { font-size:16px; line-height:1.4; } #maincontent img.alignleft, img.alignleft { float: left; margin-right: 29px; margin-bottom: 9px; border: 1px #000 solid; } #maincontent img.alignright, img.alignright { float: right; margin: 5px; padding: 5px; border: 1px #000 solid; } .call-to-action { text-align: center; margin: 21px 0; } .call-to-action a { text-transform: uppercase; font: 700 20px 'Lato', sans-serif; color: #fff; text-shadow: 0px 0px 15px rgba(150, 150, 150, 1); border: 4px #f58220 solid; background: #ecc8aa; display: inline-block; padding: 8px 56px; margin-bottom: 0; } .call-to-action a:hover { text-decoration: none; border-color: #fed31e; background: #ffe888; } .thumb-centered { margin-bottom: 20px; } .thumb img { margin: 5px; padding: 5px; border: 1px #000 solid; } .post-excerpt { padding-left: 180px; } /*ADDED 11-11-16*/ .blog-single-thumbnail, .house-and-land-single-thumbnail { margin: 5px auto; padding: 5px; border: 1px #000 solid; } #maincontent .post { border-bottom: 1px #efefef solid; margin-right: 20px; } .learn-more-link { clear: both; display: block; text-align: right; } /* Pagination */ .pagination { margin: 10px 0; } .pagination span { background: #f58220; border: 1px #f58220 solid; font: 700 14px/14px 'Lato', sans-serif; color: #fff; padding: 5px 9px; margin: 0 3px; } .pagination a { background: #fff; border: 1px #f58220 solid; font: 700 14px/14px 'Lato', sans-serif; color: #f58220; padding: 5px 9px; margin: 0 3px; } /* Forms */ .form-horizontal { margin-top: 19px; } .form-horizontal label { display: block; font: bold 14px/18px 'Lato', sans-serif; color: #454545; } .form-horizontal input.wpcf7-form-control, .form-horizontal textarea { width: 100%; float: left; padding: 4px 12px; } .form-horizontal input.btn.btn-primary { background: #444; border: 0; text-transform: uppercase; width: auto; font-weight: bold; } .form-horizontal input.btn.btn-primary:hover, .form-horizontal input.btn.btn-primary:focus { background: #444; } .form-horizontal textarea { resize: none; } .form-control { border-color: #ddd; height: 27px; } .form-control:focus { border-color: #444; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(175, 175, 174, 0.6); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(175, 175, 174, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(175, 175, 174, 0.6); } #sidebar { } #sidebar .widget { background: #efefef; padding: 20px; } #sidebar .widget.first { margin-bottom: 0; background: #09334c; padding: 0; } #sidebar .widget .title { margin: 0 0 18px; font: 400 21px/24px 'Lato', sans-serif; color: #525252; } #sidebar .widget ul { padding-left: 0; list-style: none inside none; margin-bottom: 0; } #sidebar .widget ul li { margin-bottom: 13px; } #sidebar .widget ul li, #sidebar .widget ul li a { font: 400 14px/14px 'Lato', sans-serif; color: #525252; } #sidebar-subscribe { min-height: 110px; padding: 0; } #sidebar-subscribe p.s2_message, #sidebar-subscribe p.s2_message a, #sidebar-subscribe .s2_error { color: #fff; font: 300 14px/14px 'Lato', sans-serif; margin-top: 5px; display: inline-block; } #sidebar-subscribe .widget-content { padding: 20px 20px 0; } #sidebar-subscribe .title-nobg { font: 400 24px/24px 'Lato', sans-serif; color: #fdfefe; margin-bottom: 20px; } #sidebar-subscribe .form-group { position: relative; } #sidebar-subscribe .form-group input[type="text"], #sidebar-subscribe .form-group input[type="email"] { font-family: Arial, sans-serif; font-size: 11px; border-color: #dbdcdc; color: #232621; height: 29px; width: 203px; border-radius: 0; float: left; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; margin-right: 7px; } #sidebar-subscribe .form-group input[type="submit"] { background: #71bfba; border-radius: 0; border: 0; text-transform: uppercase; font: 700 15px/25px 'Lato', sans-serif; color: #fff; width: auto; height: 29px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 6px; } #sidebar .widget_latest_news { padding: 0; } #sidebar .widget_latest_news .widget-content { padding: 22px 20px 0; } #sidebar .widget_latest_news .entry { padding-bottom: 12px; } #sidebar .widget_latest_news .entry h4, #sidebar .widget_latest_news .entry h4 a, #sidebar .widget_latest_news .entry h4 a:hover { font: bold 14px/18px "Lato", sans-serif; color: #747474; text-decoration: none; margin: 0; } #sidebar .widget_latest_news .entry p { font: 16px "Lato", sans-serif; color: #6f6f6f; margin-bottom: 0; } #sidebar .widget_latest_news .entry p .read-more, #sidebar .widget_latest_news .entry p .read-more a { font: 14px/18px "Lato", sans-serif; color: #71bfba; text-decoration: none; } #footer { background: #fff; } #footer-latest-posts { background: #f1f1f1; padding-top: 24px; padding-bottom: 25px; } #footer-latest-posts div.title { color: #3a6f8f; font: 300 30px/30px 'Source Sans Pro', sans-serif; border-bottom: 1px #e0e5ec solid; padding-bottom: 9px; } #footer-latest-posts div.title strong { font-weight: 600; } #footer-latest-posts ul { list-style: none inside none; padding: 0; margin: 0; } #footer-latest-posts li { display: inline; float: left; width: 334px; margin-right: 49px; padding-left: 45px; margin-top: 16px; } #footer-latest-posts li.last { margin-right: 0; } #footer-latest-posts li .icon { float: left; margin-left: -45px; } #footer-latest-posts li .title { margin: 0; line-height: 18px; } #footer-latest-posts li .title a { color: #747474; font: 600 14px/18px 'Source Sans Pro', sans-serif; } #footer-latest-posts li .excerpt { color: #747474; font: 400 13px/18px 'Source Sans Pro', sans-serif; margin-bottom: 6px; } #footer-latest-posts li .readmore a { color: #71bfba; font: 400 13px/30px 'Source Sans Pro', sans-serif; font-style: italic; } #footer-subscribe { background: #e0e0df; padding: 19px 0 18px; } #footer-subscribe .wrap { width: 742px; margin: 0 auto; background: transparent url(images/icons/subscribe.png) no-repeat left center; } #footer-subscribe .title { font: 700 20px/40px 'Source Sans Pro', sans-serif; color: #747474; float: left; padding-left: 64px; margin-right: 29px; } #footer-subscribe .form-group { float: left; margin-bottom: 0; margin-top: 4px; } #footer-subscribe .form-group input[type="email"] { font: 400 12px/30px 'Source Sans Pro', sans-serif; border-color: #dbdcdc; color: #acaaaa; text-transform: uppercase; width: 261px; border-radius: 0; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 10px; padding: 0 12px; height: auto; } #footer-subscribe .form-group input[type="submit"] { background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; width: 140px; height: 30px; background-position: -184px -85px; float: left; text-indent: -9999px; border: 0; margin-top: 1px; } #footer-subscribe .form-group input[type="submit"]:hover { background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -184px -125px; } #footer-subscribe .form-group p { margin: 0; } #footer-subscribe .form-group label, #footer-subscribe .form-group br { display: none; } #footer-subscribe .s2_error { clear: both; color: #ff0000; font-size: 11px; line-height: 30px; } #footer-widgets { background: #052034; padding-top: 46px; padding-bottom: 45px; } #footer-widgets .label { padding: 0; color: #71bfba; text-transform: uppercase; font: 700 14px/14px 'Source Sans Pro', sans-serif; } #footer-widgets .value { margin-top: 5px; } #footer-widgets .value, #footer-widgets .value a { font: 400 14px/17px 'Source Sans Pro', sans-serif; color: #fff; text-decoration: none; } #footer-widgets .phone { padding-left: 46px; background: transparent url(images/icons/footer-phone.png) no-repeat top left; min-height: 34px; } #footer-widgets .phone .value, #footer-widgets .phone .value a { font: 400 20px/24px 'Source Sans Pro', sans-serif; margin-top: 0; } #footer-widgets .email { padding-left: 50px; background: transparent url(images/icons/footer-mail.png) no-repeat top left; min-height: 26px; } #footer-widgets .office { padding-left: 45px; background: transparent url(images/icons/footer-office.png) no-repeat top left; min-height: 33px; } #footer-widgets .postal { padding-left: 42px; background: transparent url(images/icons/footer-postal.png) no-repeat top left; min-height: 32px; } #footer-copyright { background: #fff; } #footer-copyright .copyright, #footer-copyright .designed-by { font: 400 11px/49px 'Source Sans Pro', sans-serif; color: #747474; } #footer-copyright .designed-by a { display: block; background: transparent url(images/icons/swish-design.png) no-repeat; width: 79px; height: 49px; text-indent: 100%; white-space: nowrap; overflow: hidden; float: right; } #footer-copyright .designed-by a:hover { display: block; background: transparent url(images/icons/swish-design-hover.png) no-repeat; } /* #Page Styles ================================================== */ #site-slider { visibility: hidden; height: 404px; position: relative; background: #f1f1f1 url(images/layout/slideshow/loading.gif) no-repeat center center; margin-top: 40px; margin-bottom: 33px; } #site-slider.inner { visibility: hidden; height: 355px; position: relative; background-color: #fff; } #site-slider #slider { width: 100%; } #site-slider #slider .slideWrap { width: 100%; visibility: hidden; } #site-slider #slider .slideWrap .slide { width: 100%; height: 404px; position: relative; top: 0; } #site-slider #slider .slideWrap .slide.inner { width: 100%; height: 355px; position: relative; } #site-slider #slider .slideWrap .slide .slideTitleWrap { width: 468px; min-height: 227px; height: 227px; margin: 0 auto; position: absolute; top: 128px; background: transparent url(images/layout/slideshow/slideTitle-bg.png) repeat; } #site-slider #slider .slideWrap .slide .slideTitleWrapBg { background: transparent url(images/layout/slideshow/slideTitleWrap-swirl.png) no-repeat left bottom; height: 100%; } #site-slider #slider .slideWrap .slide .slideTitleWrap .slideTitle { color: #fff; font: 300 44px/44px 'Source Sans Pro', sans-serif; text-align: right; text-transform: uppercase; letter-spacing: 5px; padding-top: 22px; padding-right: 24px; } #site-slider #slider .slideWrap .slide .slideTitleWrap .slideTitle strong, #site-slider #slider .slideWrap .slide .slideTitleWrap-inner .slideDescription-inner strong { font-weight: 600; } #site-slider #slider .slideWrap .slide .slideTitleWrap .slideDescription { color: #fff; font: 400 16px/20px 'Source Sans Pro', sans-serif; text-align: right; padding-right: 24px; padding-left: 52px; padding-top: 13px; } #site-slider #slider .slideWrap .slide .slideTitleWrap .learn-more { padding-top: 26px; padding-right: 34px; text-align: right; } #site-slider #slider .slideWrap .slide .slideTitleWrap .learn-more a { width: 169px; height: 41px; background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -5px -136px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } #site-slider #slider .slideWrap .slide .slideTitleWrap .learn-more a:hover { background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -5px -187px; text-decoration: none; } #site-slider #slider .slideWrap .slide .slideTitleWrap-inner { width: auto; min-height: 69px; height: 69px; margin: 0 auto; position: absolute; top: 240px; background: transparent url(images/layout/slideshow/slideTitle-inner-bg.png) repeat; } #site-slider #slider .slideWrap .slide .slideTitleWrapBg-inner { background: transparent url(images/layout/slideshow/slideTitleWrap-inner-swirl.png) no-repeat right center; height: 100%; } #site-slider #slider .slideWrap .slide .slideTitleWrap-inner .slideDescription-inner { color: #fff; font: 300 34px/69px 'Source Sans Pro', sans-serif; text-align: right; text-transform: uppercase; letter-spacing: 4px; padding-left: 23px; padding-right: 18px; } /* Homepage */ #text-ribbon { background: #71bfba; padding-top: 23px; padding-bottom: 21px; border-top: 1px #c6e5e3 solid; border-bottom: 1px #c6e5e3 solid; } #text-ribbon p { color: #fff; font: 400 21px/26px 'Source Sans Pro', sans-serif; margin-bottom: 0; } #text-ribbon p a { color: #fff; font: 700 14px/26px 'Raleway', sans-serif; text-transform: uppercase; } #homepage-blurbs { margin-top: 46px; margin-bottom: 35px; } #homepage-blurbs .img { width: 340px; height: 163px; position: relative; top: 0; left: 0; } #homepage-blurbs .img:hover { filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); } #homepage-blurbs .img a img.blurb-img { position: relative; top: 0; left: 0; display: block; width: 340px; height: 163px; } #homepage-blurbs .img .swirl { position: absolute; right: 0; bottom: 0; } #homepage-blurbs h3 { color: #09334c; font: 300 30px/30px 'Source Sans Pro', sans-serif; letter-spacing: 1.5px; margin-top: 13px; margin-bottom: 7px; } #homepage-blurbs p.description { color: #747474; font: 400 13px/20px 'Source Sans Pro', sans-serif; margin: 0 0 18px; } #homepage-blurbs .readmore { font-size: 0; } #homepage-blurbs .readmore a { width: 121px; height: 30px; background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -5px -5px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } #homepage-blurbs .readmore a:hover { background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -5px -45px; text-decoration: none; } #homepage-blurbs .col-xs-4.middle h3, #homepage-blurbs .col-xs-4.middle .description, #homepage-blurbs .col-xs-4.middle .readmore { padding-left: 14px; } #homepage-blurbs .col-xs-4.middle .img { margin: 0 auto; } #homepage-blurbs .col-xs-4.right { text-align: right; } #homepage-blurbs .col-xs-4.right .img { display: inline-block; vertical-align: text-top; } #homepage-blurbs .col-xs-4.right h3, #homepage-blurbs .col-xs-4.right .description, #homepage-blurbs .col-xs-4.right .readmore { padding-left: 27px; text-align: left; } /* Inner */ #image-ribbon { width: 100%; height: 310px; background-position: center top; margin: 27px 0 19px; background-repeat: no-repeat; } #image-ribbon h1 { margin-top: 75px !important; } #image-ribbon .learn-more { padding-top: 16px; padding-right: 34px; } #image-ribbon .learn-more a { width: 169px; height: 41px; background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -5px -85px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } /* Contact Page */ #contact-details .form-group { float: left; margin-bottom: 0; margin-top: 4px; } #contact-details .form-group input[type="text"], #contact-details .form-group input[type="tel"], #contact-details .form-group input[type="email"], #contact-details .form-group textarea { font: 400 12px/30px 'Source Sans Pro', sans-serif; border-color: #dbdcdc; color: #acaaaa; text-transform: uppercase; width: 261px; border-radius: 0; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 10px; padding: 0 12px; height: auto; } #contact-details .form-group textarea { height: 100px; } #contact-details .form-group input[type="submit"] { background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; width: 121px; height: 30px; background-position: -136px -5px; float: left; text-indent: -9999px; border: 0; margin-top: 1px; } #contact-details .form-group input[type="submit"]:hover { background: transparent url(images/layout/buttons/buttons-spritesheet.png) no-repeat; background-position: -136px -45px; }