/* Theme Name: Livewired Electrical Theme URI: http://www.purodesign.com.au Description: A theme by Puro Design. Version: 2.1 Author: Kelly Jackson Author URI: http://www.purodesign.com.au */ * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:focus { outline:none !important; } body{background:url(images/background.jpg) repeat; margin:0px; padding:0px; font-family:Tahoma, Geneva, sans-serif; font-size:14px;} h1, #sidebar h2, #sidebarright h2{font-size:24px; font-family:'Ubuntu Condensed', sans-serif; margin:0px; padding:0px; font-weight:normal; color:#252525; } h2, #sidebar h3, #sidebarright h3{font-size:18px; font-family:'Ubuntu Condensed', sans-serif; margin-top:0px; padding-top:0px; font-weight:normal; color:#a8257b;} a{color: #A8257B; text-decoration:none;} a:hover{color:#F2D00F;} a.back-to-top {display: none; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background:url(images/top.png) no-repeat; background-size:100%; width:40px; height:24px;} #middle{background:#FFFFFF;} /*=============HEADER=============*/ #header{background:#252525; position:relative;} #header #logo img{width:100%; height:auto;} #search{float:right; background:#363636; border-radius:20px; width:258px; height:30px; margin-right:10px; margin-top:15px; box-shadow: 1px 0.5px 0.5px rgba(255,255,255,0.25), 2px 1px 1px rgba(0,0,0,0.75) inset;} #search #searchfield{background:none; border:none; color:#979797; width:215px; float:right; margin-top:7px; font-style:italic;} #search #searchbutton{margin:8px 10px 0px 10px; float:left;} /*=============HIGHLIGHT=============*/ #highlight{position:relative; } #highlight #submenu{display:none;} #highlight #submenu ul{list-style:none; margin:0px; padding:0px; font-size:16px; font-family:'Ubuntu Condensed', sans-serif; text-transform:uppercase;} #highlight #submenu ul li{border-bottom:1px solid #d5d5d5; padding:3px;} #highlight #submenu ul li.menu-item-49{border-bottom:0px;} #highlight #submenu ul li a{color:#252525; text-decoration:none; border-left:5px solid #f2d00f; padding-left:10px;} #highlight #submenu ul li.current_page_item a, #highlight #submenu ul li a:hover{background:#f2d00f; display:block; width:234px;} #highlight #slideshow .slideshowtext{text-align:center; padding-top:20px;} #highlight #slideshow .slideshowtext p{ font-size:24px; margin:0px 0px 20px 0px;} #highlight #slideshow .slideshowtext a.phonelabel{color:#FFFFFF; font-size:24px; display:block;} #highlight #slideshow .slideshowtext a.phonelabel span{color:#f2cf09;} /*=============FEATURES=============*/ #feature{color:#FFFFFF; font-family:'Ubuntu Condensed', sans-serif; font-size:14px; width:100%;} #feature ul.sidebarfeatures{list-style:none; margin:0px; padding:0px;} #feature img{float:right;} #feature h3{font-size:23px; font-weight:normal; margin:0px; padding:0px; text-transform:uppercase;} #feature p{margin:0px;} #feature a{color:#FFFFFF; text-decoration:none;} #feature a:hover{color:#F2D00F;} #feature #text-2{background:url(images/feature1bk.jpg) no-repeat; background-size:cover; height:150px;} #feature #text-3{background:url(images/feature2bk.jpg) no-repeat; background-size:cover; height:150px;} #feature #text-4{background:url(images/feature3bk.jpg) no-repeat; background-size:cover; height:150px;} #feature #text-2 .textwidget{background:url(images/feature1.png) no-repeat right; padding-right:95px; min-height:70px;} #feature #text-3 .textwidget{background:url(images/feature2.png) no-repeat right; padding-right:65px; min-height:70px;} #feature #text-4 .textwidget{background:url(images/feature3.png) no-repeat right; padding-right:75px; min-height:70px;} /*=============CONTENT AND SIDEBAR=============*/ #page{padding-top:20px; padding-bottom:20px;} #content{padding:0px 20px;} #sidebar ul.sidebar{list-style:none; margin:0px; padding:0px;} #sidebar .widget_recent_entries ul{list-style:none; margin:0px; padding:0px;} #sidebarright ul.sidebar{list-style:none; margin:0px; padding:0px;} .google-maps { position: relative; padding-bottom: 83%; height: 0; overflow: hidden;} .google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .form-table{display:table;} .form-table .form-table-row{display:table-row;} .form-table .form-table-row .form-table-cell-label{display:table-cell;} .form-table .form-table-row .form-table-cell-field{display:table-cell;} .form-table .form-table-row .form-table-cell-full{display: table-caption; clear:both; width:100%;} /*=============FOOTER=============*/ #footer{background:#a8257b; color:#FFFFFF;} #footer a{color:#FFFFFF; text-decoration:none;} #footer a:hover{color:#f2d00f; } a img{border:none;} .alignleft{float:left; margin-right:20px;} .alignright{float:right; margin-left:20px;} .read-on, .more-link, .read-more a{background:url(images/bullet.png) no-repeat top left; color:#a8257b; font-size:18px; font-family:'Ubuntu Condensed', sans-serif; text-decoration:none; padding-left:30px !important; text-align:right; } .read-on:hover, .more-link:hover, .read-more a:hover{background:url(images/bullet-hover.png) no-repeat top left; color:#F2D00F;} .twstm-widget{background:url(images/testimonial.jpg) no-repeat 10px 0px; padding-left:40px; padding-top:10px;} .rwstm-widget-quote{margin-top:0px;} .rwstm-widget-link{text-align:right;} .rwstm-widget-name{color:#a8257b; margin-bottom:0px;} .rwstm-widget-company{margin-top:0px;} .rwstm{margin-top:0px;} .ngg-widget img { border: none !important; margin: 0 2px 2px 0; padding: 1px; } .container {max-width: 300px;} .g-recaptcha { transform-origin: left top; -webkit-transform-origin: left top; margin-top:20px;} /*=============PROJECTS=============*/ .projects{position:relative;} .projects h2 a{text-decoration:none; color:#a8257b;} .projects h2 a:hover{color:#f2d00f;} .projects img{max-width:234px; max-height:120px; border-radius:10px;} #images{position:relative; overflow:hidden;} #images img{max-width:100%; height:auto; max-height:400px;} .date{margin-bottom:0px; font-weight:bold;} .location{margin-top:0px; font-weight:bold;} #rws_testimonial{margin:25px 0px;} #rws_testimonial span.read-more{clear:both; float:right;} .righttext{text-align:right;} .post{margin-bottom:25px;} /* iPhone3/4/5, Samsung Galaxy S2/S3/S4, HTC one*/ @media only screen and (min-width: 320px) and (max-width: 478px), (min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 320px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){ /*=============HEADER=============*/ body{padding-top:60px;} #header{min-height:60px; position:fixed; top:0px; width:100%; transition: all 0.45s;-webkit-transition: all 0.45s; z-index:10;} #header.large{background:none; position:relative; margin-top:-60px; height:152px;} #header #logo{float:left; width:125px;height:60px; transition: all 0.45s;-webkit-transition: all 0.45s;} #header.large #logo{float:none; width:100%; height:auto;} #header.large #mobile-buttons .homebutton, #header.large #mobile-buttons .phonebutton{display:none;} #header #search{display:none;} /*=============HIGHLIGHT=============*/ body:not(.home) #highlight{display:none;} #highlight #slideshow{display:block; padding:35px 0px; text-align:right; height: calc(100vh - 172px); height: -o-calc(100vh - 172px); /* opera */ height: -webkit-calc(100vh - 172px); /* google, safari */ height: -moz-calc(100vh - 172px); /* firefox */} #highlight #slideshow img{display:inline-block; width:90%; height:auto;clear:both;} #highlight #slideshow .slideshowtext{padding-left:20px; padding-right:20px;} #highlight #slideshow .slideshowtext a.phonelabel{background:#252525; border-radius:3px; padding:5px;} #highlight #slideshow .scroll-down{background:url(images/scroll-down.png) no-repeat; background-size:100%; cursor:pointer; position:absolute; bottom:50px; left:45%; width:41px; height:25px;} /*=============FEATURES=============*/ body:not(.home) #feature{display:none;} #feature #text-2{padding:10px;} #feature #text-3{padding:10px; margin:2px 0px;} #feature #text-4{padding:10px;} /*=============CONTENT AND SIDEBAR=============*/ #sidebar, #sidebarright{display:none;} .form-table{width:100%;} .form-table .form-table-row .form-table-cell-label{width:100%; display:block; } .form-table .form-table-row .form-table-cell-field{width:100%; display:block; padding-bottom:10px;} .form-table .form-table-row .form-table-cell-full{width:100%; display:block;} .form-table textarea, .form-table input[type=text]{width:100%;} /*=============PROJECTS=============*/ #images{width:100%;} /*=============FOOTER=============*/ #footer #left, #footer #right{text-align:center; padding:10px;} } /* HTC one*/ @media only screen and (min-width: 360px) and (max-width: 478px), (min-device-width: 360px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 360px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2), (min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){ /*=============HEADER=============*/ #header.large{height:175px;} /*=============HIGHLIGHT=============*/ #highlight #slideshow{padding:50px 0px; height: calc(100vh - 195px); height: -o-calc(100vh - 195px); /* opera */ height: -webkit-calc(100vh - 195px); /* google, safari */ height: -moz-calc(100vh - 195px); /* firefox */} #highlight #slideshow .scroll-down{bottom:70px; } } /* Mobile Layout: 480px and below. */ @media only screen and (min-width: 480px) and (max-width: 599px), (min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1), (min-device-width: 320px) and (max-device-height: 534px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2), (min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) { /*=============HEADER=============*/ body{padding-top:60px;} #header{min-height:60px; position:fixed; top:0px; width:100%; transition: all 0.45s;-webkit-transition: all 0.45s; z-index:10;} #header #logo{float:left; width:125px;height:60px; transition: all 0.45s;-webkit-transition: all 0.45s;} #header #search{display:none;} /*=============HIGHLIGHT=============*/ body:not(.home) #highlight{display:none;} #highlight #slideshow{display:block; padding:20px 0px; text-align:right; height: calc(100vh - 60px); height: -o-calc(100vh - 60px); /* opera */ height: -webkit-calc(100vh - 60px); /* google, safari */ height: -moz-calc(100vh - 60px); /* firefox */} #highlight #slideshow img{display:inline-block; width:53%; height:auto;clear:both;} #highlight #slideshow .slideshowtext{padding-left:20px; padding-right:20px; padding-top:0px;} #highlight #slideshow .slideshowtext p{margin-bottom:10px;} #highlight #slideshow .slideshowtext a.phonelabel{background:#252525; border-radius:3px; padding:5px;} /*=============FEATURES=============*/ body:not(.home) #feature{display:none;} #feature #text-2{padding:10px;} #feature #text-3{padding:10px; margin:2px 0px;} #feature #text-4{padding:10px;} /*=============CONTENT AND SIDEBAR=============*/ #sidebar, #sidebarright{display:none;} .form-table{width:400px;} /*=============PROJECTS=============*/ #images{width:100%;} /*=============FOOTER=============*/ #footer #left, #footer #right{text-align:center; padding:10px;} } /* Samsung Galaxy (portrait and landscape) ----------- */ @media only screen and (min-width : 600px) and (max-width : 767px){ /*=============HEADER=============*/ body{padding-top:60px;} #header{min-height:60px; position:fixed; top:0px; width:100%; transition: all 0.45s;-webkit-transition: all 0.45s; z-index:10;} #header #logo{float:left; width:125px;height:60px; transition: all 0.45s;-webkit-transition: all 0.45s;} #header #search{display:none;} /*=============HIGHLIGHT=============*/ body:not(.home) #highlight{display:none;} #highlight #slideshow{display:block; padding:25px 0px; text-align:right; height: calc(100vh - 60px); height: -o-calc(100vh - 60px); /* opera */ height: -webkit-calc(100vh - 60px); /* google, safari */ height: -moz-calc(100vh - 60px); /* firefox */} #highlight #slideshow img{display:inline-block; width:65%; height:auto;clear:both;} #highlight #slideshow .slideshowtext{padding-left:20px; padding-right:20px;} #highlight #slideshow .slideshowtext a.phonelabel{background:#252525; border-radius:3px; padding:5px;} /*=============FEATURES=============*/ body:not(.home) #feature{display:none;} #feature #text-2{padding:10px;} #feature #text-3{padding:10px; margin:2px 0px;} #feature #text-4{padding:10px;} /*=============CONTENT AND SIDEBAR=============*/ #sidebar, #sidebarright{display:none;} .form-table{width:440px;} /*=============PROJECTS=============*/ #images{width:100%;} /*=============FOOTER=============*/ #footer #left, #footer #right{text-align:center; padding:10px;} } /* Tablet Layout Portrait ----------- */ @media only screen and (min-width : 768px) and (max-width : 990px), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2){ /*=============HEADER=============*/ body{padding-top:60px;} #header{min-height:60px; position:fixed; top:0px; width:100%; transition: all 0.45s;-webkit-transition: all 0.45s; z-index:10;} #header #logo{float:left; width:125px;height:60px; transition: all 0.45s;-webkit-transition: all 0.45s;} #header #search{display:none;} /*=============HIGHLIGHT=============*/ body:not(.home) #highlight{display:none;} #highlight #slideshow{display:block; padding:50px 0px; text-align:right; height: calc(55vh - 60px); height: -o-calc(55vh - 60px); /* opera */ height: -webkit-calc(55vh - 60px); /* google, safari */ height: -moz-calc(55vh - 60px); /* firefox */} #highlight #slideshow img{display:inline-block; width:90%; height:auto;clear:both;} #highlight #slideshow .slideshowtext{padding-left:20px; padding-right:20px;} #highlight #slideshow .slideshowtext a.phonelabel{background:#252525; border-radius:3px; padding:5px;} /*=============FEATURES=============*/ body:not(.home) #feature{display:none;} #feature #text-2{padding:10px;} #feature #text-3{padding:10px; margin:2px 0px;} #feature #text-4{padding:10px;} /*=============CONTENT AND SIDEBAR=============*/ #sidebar, #sidebarright{display:none;} .form-table{width:440px;} /*=============PROJECTS=============*/ #images{width:100%;} /*=============FOOTER=============*/ #footer #left, #footer #right{text-align:center; padding:10px;} } /* Tablet Layout Landscape and Desktop----------- */ @media only screen and (min-width: 990px), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1), (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2){ #middle{width:940px; margin:auto; } /*=============HEADER=============*/ #header{height:126px;} #logo{float:left; width:264px;height:126px;} /*=============HIGHLIGHT=============*/ #highlight{height:288px; width:100%;} #highlight #submenu{display:block; height:285px; width:264px; float:left; padding-top:20px; padding-bottom:30px; padding-left:10px;} #highlight #slideshow{height:285px; width:676px; padding-top:25px; float:left; clear:right; position:relative;} #highlight #slideshow img{float:right;} #highlight #slideshow .slideshowtext{position:absolute; bottom:10px; right:10px; width:320px; height:95px; text-align:center; padding:0px;} #highlight #slideshow .slideshowtext p{ font-size:24px; margin:0px 0px 20px 0px;} #highlight #slideshow .slideshowtext a.phonelabel{color:#FFFFFF; font-size:24px; background:url(images/phonenumberbkg.png) no-repeat; width:320px; height:42px; display:block; padding-top:3px;} #highlight #slideshow .slideshowtext a.phonelabel span{color:#f2cf09;} /*=============FEATURES=============*/ #feature{height:150px;} #feature #text-2{width:264px; float:left; padding:10px 20px;} #feature #text-3{width:334px; float:left; margin:0px 4px; padding:10px;} #feature #text-4{width:334px; float:left; padding:10px;} #feature .textwidget{height:130px;} #feature #text-4 .textwidget {padding-right:80px;} /*=============CONTENT AND SIDEBAR=============*/ #content{float:left; width:670px;} .home #content{float:left; width:337px; border-right:1px solid #d5d5d5; padding:0px 10px !important;} #sidebar{float:left; width:266px; border-right:1px solid #d5d5d5; padding:0px 10px 0px 20px;} #sidebarright{float:left; width:305px; padding:0px 10px;} .form-table .form-table-row .form-table-cell-label{width:220px;} .form-table .form-table-row .form-table-cell-field{width:220px;} .form-table .form-table-row .form-table-cell-full{width:100%;} /*=============PROJECTS=============*/ .projects{float:left; width:250px; height:250px; margin-right:20px;} #images{width:100%; height:300px;} #images img{max-height:400px;} /*=============FOOTER=============*/ #footer{height:30px; padding-top:5px;} #footer #left{float:left; margin-left:20px;} #footer #right{float:right; text-align:right; margin-right:20px;} }