/*
Theme Name: WhatAbout
*/
html, body, div, h1, h2, h3, p, ul, li {margin:0; padding:0;}
body {font-family: 'Noto Sans', sans-serif; font-size:15px; font-weight:400; color:#383838; text-align:center;}
div {box-sizing:border-box;}
h1, h2, h3 {font-weight:400;}
h1 {padding-bottom:30px; font-size:2em;}
h2 {padding-bottom:30px; font-size:2em; text-align:center;}
p {margin-bottom:10px;}
a {text-decoration:none; color:#de5b39;}
a:hover {text-decoration:underline;}
b, strong {font-weight:700;}
input {outline:none;}
.body-bg {background:url(/wp-content/themes/whatabout/img/banner_whatabout.webp) no-repeat top; background-size:contain;}
.loader {display:inline-block; width:32px; height:32px; background:url(/wp-content/themes/whatabout/img/loader.gif) no-repeat center;}
.header {padding:10% 0 8% 0; overflow:hidden;}
.header2 {padding:2% 0 3.1% 0;}
.slogan h1 {padding-bottom:50px; font-size:2em; font-weight:700; color:#f8f8f8; text-transform:uppercase;}
.slogan span {color:#ff5b26;}
.s-wrap {margin:0 auto; max-width:580px; overflow:hidden;}
.s-wrap .si-wrap {width:75%; height:45px; float:left; background-color:rgba(0, 0, 0, 0.4); border:2px solid #ff5b26; border-radius:20px; overflow:hidden;}
.s-wrap .si-wrap #s {margin-top:8px; width:97%; border:0px; font-size:1.3em; color:#f8f8f8; background:transparent;}
.s-wrap #searchsubmit {margin-left:.5%; padding:0 10px; width:15%; height:45px; float:left; font-family: 'Roboto Condensed', sans-serif; font-size:1.2em; font-weight:700; color:#fff; letter-spacing:1px; background:#ff5b26; border:0px; border-radius:20px; cursor:pointer;}
.s-wrap ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.s-wrap :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.s-wrap ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
.center {margin:0 auto; max-width:1000px; overflow:hidden;}
.center h1, .center h2 {color:#de5b39;}
.main-content {padding:0;}
.main-content li {list-style:none;}
.categories {overflow:hidden;}
.categories .center {background:#fff; padding:40px 20px;}
.categories h2 {padding-bottom:5px; text-transform:uppercase;}
.categories h2 span {color:#484848;}
.categories li {width:20%; margin:2.5%; float:left; list-style:none;}
.categories li a {padding:25px 25px 5px 25px; height:165px; display:block; font-weight:700; text-transform:uppercase; border:1px solid #de5b39; border-radius:20px;}
.categories li a:hover {text-decoration:none; background-color:rgba(255, 91, 38, 0.2);}
.categories li img {display:inline-block; margin-bottom:20px;}
.categories li p {color:#585858;}

.listing {background:url(/wp-content/themes/whatabout/img/listing_bg.webp) center top no-repeat; background-size:cover; padding:50px 0; min-height:500px; overflow:hidden;}
.listing .center {background:transparent;}
.listing h2 {text-align:left; padding-left:35%; padding-bottom:25px;}
.listing ul {float:left; width:32%; text-align:left;}
.listing ul.col1 {margin-left:35%;}
.listing li {padding-bottom:5px; list-style:none;}
.listing li a {color:#e8e8e8;}

.hosting {background:#e8e8e8; padding:50px 0;}
.hosting h2 {padding-bottom:10px;}
.hosting p {padding-bottom:20px; font-size:1.2em;}
.hosting .col {width:22.75%; margin-left:3%; float:left;}
.hosting .col1 {margin-left:0;}
.hosting .th {height:55px; line-height:55px; font-size:1.2em; font-weight:bold; background:#cda; border:1px solid #ab8; border-bottom:0;}
.hosting .td {background:#deb; border:1px solid #ab8; border-bottom:0;}
.hosting .td li {padding:15px 10px; border-top:1px solid #efc; border-bottom:1px solid #ab8; list-style:none;}
.hosting .td .price {padding:25px 10px; background:#cda;}
.hosting .td .price b {font-size:1.8em; letter-spacing:1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.hosting .td .price a {display:block; margin:15px auto 0 auto; padding:8px 10px; width:100px; background:#585; border-radius:5px; color:#FFF;}
.hosting .td .price a:hover {background:#5a5;}
.hosting .btn {padding:50px 0 20px 0; clear:left;}
.hosting .btn a {font-size:2em; padding:8px 25px; background:#282828; border-radius:25px;}
.hosting .btn a:hover {text-decoration:none; color:#55a753;}

.intro {padding:50px 20px; background:url(/wp-content/themes/whatabout/img/intro_bg.webp) center top no-repeat; background-size:cover;}
.intro h2 {font-size:2em; color:#f8f8f8; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);}
.intro p {font-size:1.2em; padding:0 65px; color:#f8f8f8;}
.intro .col {width:30%; min-height:250px; margin:50px 0 50px 5%; float:left; padding:85px 10px 10px 10px;}
.intro .col p {font-size:1em; padding:0; color:#d8d8d8;}
.intro .col .th {text-transform:uppercase; font-weight:700; color:#f8f8f8;}
.intro .col1 {margin-left:0; background:#181818 url(/wp-content/themes/whatabout/img/web_development_icon.png) no-repeat; background-position:center 20px;}
.intro .col2 {background:#181818 url(/wp-content/themes/whatabout/img/google_adwords_icon.png) no-repeat; background-position:center 20px;}
.intro .col3 {background:#181818 url(/wp-content/themes/whatabout/img/seo_sem_icon.png) no-repeat; background-position:center 20px;}

.projects {padding:50px 0;}
.projects h3 {text-transform:uppercase; font-size:1.4em; font-weight:700; letter-spacing:1px; color:#de5b39; padding-bottom:35px;}
.projects .col {width:22.75%; margin-left:3%; float:left;}
.projects .col a {display:block;}
.projects .col img {width:100%; vertical-align:middle;}
.projects .col1 {margin-left:0; padding-top:0px;}
.projects .col2 {padding-top:20px;}
.projects .col3 {padding-top:10px;}
.projects .col4 {padding-top:20px;}

.list-wrap {background:#fff; padding:35px 0 50px 0; min-height:728px;}
.list-wrap .post {max-width:800px; margin:0 auto;}
.list-wrap h2, .list-wrap p {text-align:left;}
.list-wrap h2 {font-size:1.5em; padding-bottom:0;}
.list-wrap .rating-list {text-align:left;}

.post {margin:0 auto;}
.post .entry-content ul {list-style-position: inside;}
.entry-summary {margin-bottom:25px; overflow:hidden;}
.entry-summary img {float:right; margin:0 0 20px 10px;}
.widget-area ul li {list-style:none;}
.widget-container {padding:5px 0 30px 0;}
.widget-container ul li {padding:3px 0;}
.avg_rating {margin:0 0 20px 0; padding:10px 0; font-size:17px; border-top:10px solid #c8c8c8; border-bottom:10px solid #c8c8c8; overflow:hidden;}
.no_avg_rating {padding:0px; border-top:2px dotted #c8c8c8;}
.rating {font-weight:700; font-size:20px;}
.rr_star {font-size:20px; cursor:pointer;}
.stars {font-size:2em;}
.form_wrap {margin:0 auto; padding:20px 0px; max-width:1000px; overflow:hidden;}
.form_left, .form_right {float:left; overflow:hidden;}
.form_left {width:65%;}
.form_right {width:35%;}
.enq {width:80%; margin:0 auto;}
.enq ul {padding:10px 0; text-align:left;}
.enq li {padding:7px 0; list-style:none;}
.enq li div {padding:5px; border:2px solid #c8c8c8;}
.enq li div input {width:98%; font-size:1em; border:0px;}
.enq li div textarea {width:98%; resize:none; border:0px; outline:none;}
.enq li label {margin:2px 1px; display:block; font-weight:700; color:#de5b39;}
.enq .btn, #submitReview {padding:10px 15px; font-weight:bold; letter-spacing:1px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.enq_head {padding:8px 0; font-size:1.5em; font-weight:700; color:#f8f8f8; background:#de5b39;}
.enq #url {display:none;}
.enq .err {color:#F00;}
.enq .sent {margin-top:10px;}
.enq, .review_form {padding:0;}
.form_div {padding:15px 0;}

.enq-reg input {padding: 10px 5px; border:1px solid #c8c8c8;}
.enq-reg textarea {padding: 8px 5px; border:1px solid #c8c8c8;}
.enq-reg label {text-align: left; display:block !important;}

.pp-cf7-content form input {border-style:solid;}

.contact-wrap .center {background:#fff url(/wp-content/themes/whatabout/img/contact-us.png) no-repeat; background-position:center 90%; padding:50px 0 280px 0;}
.contact-wrap h1 {padding-bottom:5px;}
.contact {padding:10px 0; width:80%; max-width:500px; margin:0 auto; text-align:left;}
.contact li {padding:10px 0; list-style:none;}
.contact li label {display:block; margin:2px 1px; font-weight:600; letter-spacing:.65px;}
.contact li label span {font-weight:400;}
.contact li div {padding:8px 5px; background:#fff; border:2px solid #c8c8c8;}
.contact li div input, .contact textarea {width:98%; border:0; font-size:15px;}
.contact textarea {height:8em; resize:none;}
.contact .btn {padding:8px 15px; font-size:15px; font-weight:600; color:#fff; letter-spacing:.80px; background:#55a753; border:0; border-radius:3px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.contact .btn:hover {background:#459743;}
.contact #url {display:none;}
.contact .err {color:#F00;}
.contact .loader {display:inline-block; width:32px; height:32px; background:url(/wp-content/themes/whatabout/img/loader.gif) no-repeat center;}
.contact .sent {padding-left:20px; background:url(/wp-content/themes/whatabout/img/check-icon.png) no-repeat center left;}

.results {min-height:200px;}
.notfound {background:#fff url(/wp-content/themes/whatabout/img/page_not_found.jpg) no-repeat; background-position:center 70%; padding:35px 0 50px 0; min-height:728px;}

.bottom_links {padding:5px 0; background:#383838;}
.bottom {margin:0 auto; padding:45px 0; max-width:1000px; overflow:hidden; color:#e8e8e8;}
.bottom .col {width:30%; margin-left:5%; float:left; text-align:left; border-right:1px solid #585858;}
.bottom .col h3 {padding:30px 0 20px 0; color:#ff5b26; text-transform:uppercase; letter-spacing:1px;}
.bottom .col ul {text-align:left;}
.bottom .col li {padding-bottom:10px; list-style:none;}
.bottom .col li a {color:#75c773;}
.bottom .col1 {margin-left:0;}
.bottom .col1 img {margin-left:-30px; width:100%;}
.bottom .col1 p {padding:0 20px 20px 0;}
.bottom .col2 p {padding:5px 20px 20px 0;}
.bottom .col3 {border-right:0;}
.bottom .social {padding:50px 0 30px 0;}
.bottom .social p {padding-bottom:10px; text-transform:uppercase; letter-spacing:1px;}
.bottom .social img {margin-left:10px; width:48px;}
.bottom .social a.col1 img {margin-left:0;}
.bottom_nav {margin:0 auto; padding:8px 10px; background:#55a753; overflow:hidden; clear:both;}
.bottom_nav p {margin:0; color:#181818;}
.bottom_nav a {color:#FFC;}
.footer {padding:50px 0; background:#383838;}
.footer .abn {padding-bottom:20px;}
.footer span {margin:0 5px; font-family: 'Roboto Condensed', sans-serif; font-size:.9em; color:#888;}
.footer-main {display:inline-block; width:100%; max-width:1000px; padding-top:14px; text-align:left; border-top:8px solid #484848;}
.post_footer {padding:8px 0 50px 0; background-color:transparent;}
.post_footer span {margin:0 5px; color:#383838;}
#nav-above {padding-bottom:40px;}
#nav-above a, #nav-below a {color:#888;}
.nav-previous, .nav-next {display:inline-block; padding:0 20px;}
.clear {height:0px; line-height:1px; font-size:1px; clear:both;}

@media only screen and (max-width: 768px) {
	.body-bg {background:none;}
	#header {background:url(/wp-content/themes/whatabout/img/banner_whatabout.jpg) no-repeat top; background-size:100% 100%;}
	.s-wrap {max-width:300px;}
	.s-wrap .si-wrap {width:84%;}
	.s-wrap #searchsubmit {font-size:0px; background:url(/wp-content/themes/whatabout/img/search.png) center no-repeat;}
	.list-wrap {padding:0 10px;}
	.categories li {width:40%; margin:5%; float:left; list-style:none;}
	.categories li a {padding:25px 0px 5px 0px;}
	.listing h2 {text-align:center; padding-left:0; padding-bottom:25px; font-size:1.3em;}
	.listing ul {float:none; width:auto; text-align:center;}
	.listing ul.col1 {padding-left:0;}
	.hosting h2 {font-size:1.4em;}
	.hosting p {padding-bottom:0px; font-size:1.1em;}
	.hosting .col {width:auto; max-width:80%; margin:50px auto; float:none;}
	.hosting .btn a {font-size:1.3em;}
	.intro h2 {font-size:1.4em;}
	.intro p {font-size:1em; padding:0 5px;}
	.intro .col {width:80%; min-height:250px; margin:50px auto; float:none; padding:85px 10px 10px 10px;}
	.projects {background:#fff;}
	.projects h3 {padding-bottom:0px;}
	.projects .col {width:80%; margin:50px auto; float:none;}
	.contact-wrap .center {background:#fff; padding:50px 0;}
.bottom {padding:0;}
.bottom .col {width:80%; margin:50px auto; float:none; text-align:center; border-right:none;}
.bottom .col h3 {padding:30px 0 20px 0;}
.bottom .col ul {text-align:center;}
.bottom .col li {padding-bottom:20px;}
.bottom .col1 img {margin-left:0px; width:90%; max-width:320px;}
.bottom .col1 p {padding:0 0px 20px 0;}
.bottom .col2 p {padding:5px 0px 20px 0;}
.bottom .social {padding:50px 0 30px 0;}
.bottom .social p {padding-bottom:10px; text-transform:uppercase; letter-spacing:1px;}
.bottom .social img {margin:5px; width:48px;}
	.form_left, .form_right {padding:20px 10px; width:auto; float:none;}
	.review_form {margin-left:0; padding-top:50px;}
        .enquire_icon {display:none;}
	.fixed-button {position:fixed; bottom:20px; left: 0; right:0; z-index:1000;}
	.footer-main {text-align:center; width:auto; max-width:none;}
}
.grecaptcha-badge {bottom:150px !important;}
@media only screen and (max-width: 640px) {
	.footer span {display:block; padding:8px 0;}
	.footer span.pipe {display:none;}
}