.chromeframe {position: absolute; top: 0;} @font-face {
font-family: Raleway-Regular;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Raleway/Raleway-Regular.ttf);
}
@font-face {
font-family: Raleway-Medium;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Raleway/Raleway-Medium.ttf);
}
@font-face {
font-family: Raleway-Bold;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Raleway/Raleway-Bold.ttf);
}
@font-face {
font-family: OpenSans-Regular;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Open/OpenSans-Regular.ttf);
}
@font-face {
font-family: OpenSans-SemiBold;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Open/OpenSans-SemiBold.ttf);
}
@font-face {
font-family: OpenSans-Bold;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Open/OpenSans-Bold.ttf);
}
@font-face {
font-family: Muli-regular;
font-weight: 400;
font-style: normal;
src: url(//pilchersconcrete.com.au/cms/wp-content/themes/TCWD%20Responsive%20Theme%202020/fonts/Muli-regular/Muli-regular.ttf);
} select, input, textarea {
}
body, select, input, textarea {
}
body {
font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 26px;
color: #333;
height: 100%;
}
body {
background-color: #FFFFFF;
}
::-moz-selection{
background: #fcd700; color: #fff; text-shadow: none;
}
::selection {
background: #fcd700; color: #fff; text-shadow: none;
}
a:link {
-webkit-tap-highlight-color: #fcd700;
}
ins {
background-color: #fcd700; color: #000; text-decoration: none;
}
mark {
background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;
}
input:-moz-placeholder {
color:#a9a9a9;
}
textarea:-moz-placeholder {
color:#a9a9a9;
}
img {
max-width:100%;
height: auto;
} #content p {
line-height: 1.714285714;
margin: 0 0 24px;
}
#content-secondary p {
line-height: 1.714285714;
margin: 0 0 24px;
}
h1 {
font-family: OpenSans-Bold, Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 28px;
line-height: 36px;
color: #000;
padding: 0px;
margin-bottom: 20px;
}
h2 {
font-family: OpenSans-Bold, Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 28px;
line-height: 36px;
color: #000;
padding: 0px;
margin-bottom: 20px;
}
h3 {
font-family: OpenSans-Bold, Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 24px;
line-height: 32px;
color: #000;
padding: 0px;
margin-bottom: 15px;
}
h5 {
font-family: OpenSans-Bold, Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 22px;
line-height: 30px;
color: #000;
padding: 0px;
margin-bottom: 15px;
} ul,
ol {
margin: 0 0 24px;
line-height: 1.714285714;
padding: 0;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
li {
margin: 0 0 0 24px;
}
table td {
}
td, th {
padding: 5px;
line-height: 24px;
}
hr {
margin: 40px 0;
} .alignleft {
display: inline;
float: left;
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignright {
display: inline;
float: right;
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.aligncenter {
clear: both;
display: block;
margin: 12px auto;
} #contact-header {
width: 100%;
height: 52px;
background-color: #FFDF28;
}
#contact-header-content {
width: 100%;
max-width: 1400px;
padding: 0 0;
margin: 0 auto;
height: 52px;
position: relative;
}
#leftside_contacts {
width: 48%;
text-align: left;
height: 52px;
position: absolute;
float: left;
top: 0px;
left: 30px;
}
#rightside_contacts {
width: 48%;
text-align: right;
height: 52px;
position: absolute;
float: right;
top: 0px;
right: 30px;
}
#head {
width: 100%;
height: 180px; z-index:99;
background-color: #000;
}
#head_content {
width: 100%;
max-width: 1400px;
height: 180px; margin: 0 auto;
position: relative;
}
#head_logo {
width: 302px;
height: auto;
position: absolute;
float: left;
left: 30px;
top: 30px;
}
#head_phone {
width: 303px;
height: auto;
position: absolute;
float: right;
right: 30px;
top: 30px;
}
#head_menu {
position:absolute;
float: right;
height: 40px;
width: 100%;
max-width: 1140px;
right: 30px;
bottom: 5px;
text-align:right;
} #slideshow {
width: 100%;
min-height: 60px;
height: auto;
background-color: #eee;
color:#fff;
display: block;
overflow: hidden;
max-height: 650px;
}
#mobile_slideshow {
width: 100%;
min-height: 60px;
height: auto;
background-color: #eee;
color:#fff;
display: block;
overflow: hidden;
} #wrapper {
width: 100%;
height: auto;
background-image: url(//pilchersconcrete.com.au/2020-template-images/main_bg.jpg);
background-size: cover;
line-height: 0;
margin: 0;
padding: 0;
}
#main {
width: 100%;
height: auto;
margin: 0;
padding: 0;
line-height: 0;
}
#content {
box-sizing: border-box;
padding: 80px 30px 0;
width: 100%;
max-width: 1400px;
background-color: #fff;
margin: 0 auto;
}
#content-secondary {
box-sizing: border-box;
padding: 80px 30px 60px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
background-color: #fff;
} #footer {
width: 100% !important;
height: auto;
background-color: #000;
}
#foot {
max-width: 1400px; 
width:100%;
height: auto;
display: block;
margin:0px auto;
text-align: center;
padding: 60px 30px 30px;
font-family: inherit;
color: #FFF ;
font-size: 14px;
line-height: 24px;
}
#foot a:link, #foot a:visited{
color: #FFFFFF;
text-decoration: none;
}
#foot a:hover {
color: #FFFF00 !important;
text-decoration:underline;
}
#foot_box {
float:left;
width: 30%;
text-align:left;
margin-right: 5%;
}
#foot h3 {
color: #fff;
}
#foot_box p {
margin-bottom: 25px;
}
#foot_middle {
float:left;
width: 30%;
text-align:left;
vertical-align: middle;
}
#foot_middle img {
line-height: 24px;
vertical-align: middle;
margin-right: 15px;
}
#foot_right {
float:right;
width:30%;
text-align:left;
}
#foot_left p {
margin: 0px;
line-height:24px;
}
#smallgoogle {
font-size: 12px;
width: 100%;
display: inline-block;
height: auto;
line-height: 20px;
margin-top: 10px;
text-align: center;
padding: 0 30px 10px;
}
#smallgoogle a:link, #smallgoogle a:visited{
color: #333;
text-decoration: none;
}
#smallgoogle a:hover {
color: #333 !important;
text-decoration:underline;
} #notice_footer {
width: 100%;
height: auto;
min-height: 60px;
background-color: #151C1D;
display: block;
overflow: hidden;
}
#notice_footer a:link, #notice_footer a:visited{
color: #fff;
text-decoration: none;
}
#notice_footer a:hover {
color: #FFFFFF !important;
text-decoration:underline;
}
#notice_footer_content {
width: 100%;
max-width: 1340px;
height: auto;
margin: 0 auto;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 60px; 
font-size: 14px;
}
#notice_footer_mobile {
width: 100%;
max-width: none;
height: auto;
margin: 0 auto;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 26px; 
font-size: 14px;
}
#notice_footer_left {
width: 45%;
max-width: 560px;
height: auto;
float: left;
text-align: left;
vertical-align: middle;
}
#notice_footer_right {
width: 45%;
max-width: 560px;
height: auto;
float: right;
text-align: right;
vertical-align: middle;
} #head_menu {
position:absolute;
float: right;
height: 40px;
width: 100%;
max-width: 950px;
right: 5px;
bottom: 15px;
text-align:right;
}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
border: none;
margin: 0;
padding: 0;
line-height: 1;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#cssmenu {
height: 40px;
display: block;
padding: 0;
margin: 0;
width: auto;
border-color: #080808;
} #cssmenu,
#cssmenu > ul > li > ul > li a:hover {
}
#cssmenu > ul {
display: flex;
align-items: stretch; justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
}
#cssmenu > ul > li {
position: relative;
display: block;
flex: 0 1 auto; list-style-type: none;
} #cssmenu > ul > li > a {
outline: none;
display: block;
position: relative;
padding: 14px 25px 11px;
text-align: center;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
font-family: Raleway-Regular, Muli, "Century Gothic", Arial, sans-serif;
color: #FFFFFF;
}
#cssmenu li:first-child a {
border-left: 0 none;
} #cssmenu > ul > li > a:hover {
color: #FFFF00;
}
#cssmenu ul li.has-sub:hover > a:after {
top: 0;
bottom: 0;
} #cssmenu > ul > li.has-sub {
padding-right: 10px; }
#cssmenu > ul > li.has-sub > a:before {
content: '';
position: absolute;
top: 18px;
right: 3px;
border: 5px solid transparent;
border-top: 5px solid;
} #cssmenu ul li.has-sub:hover > a {
color: #FFFF00;
top: 0px;
z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
display: block;
} #cssmenu ul li > ul,
#cssmenu ul li > div {
display: none;
position: absolute;
top: 41px;
left: 0px;
padding: 10px 0;
background: #151C1D; z-index: 999;
border: 2px solid #FFDF28;
}
#cssmenu ul li > ul:before {
position: absolute;
top: -7px;
left: 40%;
display: inline-block;
border-right: 0px solid transparent;
border-bottom: 0px solid #ccc;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
#cssmenu ul li > ul:after {
position: absolute;
top: -8px;
left: 40px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #FFDF28;
border-left: 7px solid transparent;
content: '';
}
#cssmenu ul li > ul {
min-width: 200px;
}
#cssmenu li ul li a { 
width: auto; white-space: nowrap;
}
#cssmenu ul li > ul li {
list-style: inside none;
padding: 0;
margin: 0;
position: relative;
} #cssmenu ul li > ul li a {
outline: none;
display:block;
position: relative;
margin: 0;
padding: 15px 25px;
text-transform: uppercase;
font-size: 16px;
font-family: Raleway-Regular, Muli, "Century Gothic", Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
text-align: left;
} #cssmenu ul ul a:hover {
color: #ffff00;
} .wpcf7-form{
border: none;
padding:0;
-webkit-border-radius: 10px;   
border-radius: 10px;
width: 100%;
margin-bottom:21px;
}
.email_terms {
font-size:13px !important;
color: #444 !important;
}
#two-column{
width: 100%;
}
#two-column #left{
width: 35%;
float: left;
}
#two-column #left p {
line-height: 25px !important;
margin-bottom: 15px !important;
margin-top: 3px !important;
}
#two-column #right{
width: 65%;
float: right;
}
#two-column p{
margin: 0px !important;
}
#two-column input[type="text"]{
border:none;
border:1px solid #DDD;
font-size :16px;
padding: 8px 10px;
margin-bottom:15px;
width: 100%;
}
#two-column input[type="email"]{
border:none;
border:1px solid #DDD;
font-size :16px;
padding: 8px 10px;
margin-bottom:15px;
width: 100%;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
}
#two-column textarea {
position: relative;
padding: 8px 10px;
border:1px solid #DDD;
width: 100%;
font-size: 16px;
}
#two-column select{
border:none;
border:1px solid #DDD;
font-size :14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom:15px;
width: 100%;
}
#two-column input[type="submit"]{
padding: 8px 10px;
background:#f1f1f1;
color:#666;
border: 1px solid #DDD;
float:right;
font-size: 16px;
border-radius: 0px;
margin:5px 0px 0px 0px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus, #two-column input[type="email"]:focus{
background: #F1F1F1;
}
#two-column input[type="submit"]:hover{
background:#fff;
color:#222;
border: 1px solid #DDD;
}
.wpcf7-mail-sent-ok {
border: 2px solid #016894 !important;
}
.wpcf7-mail-sent-ng {
border: 2px solid #016894 !important;
}
.wpcf7-spam-blocked {
border: 2px solid #FF0000 !important;
}
.wpcf7-validation-errors {
border: 2px solid #FF0000 !important;
} #shiftnav-toggle-main {
background: #028CCA !important;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content {
padding: 16px 0px !important;
} @media (max-width: 799px) {
#leftside_contacts {
display: none;
}
#contact-header {
height: 56px;
}
#contact-header-content {
height: 56px;
}
#rightside_contacts {
height: 56px;
line-height: 56px;
vertical-align: middle;
width: 70%;
right: 20px;
}
#rightside_contacts img {
line-height: 56px;
vertical-align: middle;
}
#head {
height: auto;
display: block;
overflow: hidden;
}
#head_content {
height: auto;
display: block;
overflow: hidden;
max-width: none;
padding: 30px;
}
#head_logo {
display: block;
position: relative;
left: initial;
top: initial;
float: none;
width: 100%;
height: auto;
margin: 0 0 0 0;
}
#head_phone {
display: none;
}
#slideshow {
display: none;
}
#head_menu {
display: none;
}
#content {
float: none !important;
}
#notice_footer_left {
width: 90%;
max-width: none;
float: none;
text-align: center;
vertical-align: middle;
margin: 20px auto;
}
#notice_footer_right {
width: 90%;
max-width: none;
float: none;
text-align: center;
vertical-align: middle;
margin: 20px auto;
}
#notice_footer {
width: 100%;
height: auto;
display: block;
overflow: hidden;
}
#content .alignwide {
width: 100%;
left: 0;
}
#notice_footer_content {
display: none;
}
#foot #cssmenu > ul > li {
width: 40% !important;
padding: 0 0 0 0 !important;
float: none;
position: relative;
overflow: hidden;
}
#foot #cssmenu > ul > li > a {
list-style: none !important;
text-align: center !important;
}
#foot #cssmenu > ul {
display: block;
align-items: baseline;
justify-content: center;
width: 100%;
margin: 0 0 30px 0!important;
padding: 0;
}
#foot {
overflow: visible;
height: 250px;
}
.contact-table td:nth-of-type(1) {
display: none;
}
.contact-table {
font-size: .9em;
}
h2 {
font-size: 1.4em;
}
} @media screen and (min-width: 800px) and (max-width: 1199px) { 
#leftside_contacts {
display: none;
}
#contact-header {
height: 56px;
}
#contact-header-content {
height: 56px;
}
#rightside_contacts {
height: 56px;
line-height: 56px;
vertical-align: middle;
}
#rightside_contacts img {
line-height: 56px;
vertical-align: middle;
}
#head {
height: auto;
display: block;
overflow: hidden;
}
#head_content {
height: auto;
display: block;
overflow: hidden;
max-width: none;
padding: 30px;
}
#head_logo {
display: block;
position: relative;
left: initial;
top: initial;
float: none;
width: 80%;
height: auto;
margin: 0 10%;
}
#head_phone {
display: none;
}
#head_menu {
display: none;
}
#mobile_slideshow {
display: none;
}
#notice_footer_left {
width: 100%;
max-width: none;
text-align: center;
margin: 0;
padding-top: 10px;
line-height: 40px;
}
#notice_footer_right {
width: 100%;
max-width: none;
text-align: center;
margin: 0;
line-height: 40px;
padding-bottom: 10px;
}
#content .alignwide {
width: 100%;
left: 0;
}
#notice_footer_mobile {
display: none;
}
#foot #cssmenu > ul > li {
width: 33% !important;
padding: 0 0 0 0 !important;
}
#foot #cssmenu > ul > li > a {
list-style: none !important;
text-align: center !important;
}
#foot #cssmenu > ul {
display: block;
align-items: baseline;
justify-content: center;
width: 100%;
margin: 0 0 30px 0!important;
padding: 0;
}
} @media (min-width: 1200px) {
#headmobile {
display: none;
}
#mobile_slideshow {
display: none;
}
#shiftnav-toggle-main {
display: none !important;
}
#mobile_social_contacts {
display: none;
}
#notice_footer_mobile {
display: none;
}
#head_phone {
display: none;
}
#rightside_contacts {
display: none;
}
} .entry-content .alignwide {
margin-left : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width : 100vw;
}
.entry-content .alignfull {
margin-left : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width : 100vw;
}
.alignfull {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.alignwide {
width: calc(100% + 20vw);
position: relative;
left: -10vw;
}
.wp-block-image.alignfull, .wp-block-image.alignwide {
max-width: none;
} body.login{
display: block !important;
}
#login {
position: absolute !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 0 !important;
} .shade-panel-one {
background-color: #EEEEEE;
padding-bottom: 30px;
}
.shade-panel-two {
background-color: #CCCCCC;
padding-bottom: 30px;
}
.shade-panel-one .aligncenter {
clear: both;
display: block;
margin: 0 auto 12px;
}
.shade-panel-two .aligncenter {
clear: both;
display: block;
margin: 0 auto 12px;
}
#content .shade-panel-one p {
padding: 0 30px;
font-size: 16px;
line-height: 22px;
}
#content .shade-panel-two p {
padding: 0 30px;
font-size: 16px;
line-height: 22px;
}
#content .shade-panel-one .wp-block-button__link {
font-size: 14px;
font-weight: bold;
padding: 16px 30px;
margin-left: 30px;
}
#content .shade-panel-two .wp-block-button__link {
font-size: 14px;
font-weight: bold;
padding: 16px 30px;
margin-left: 30px;
}
#content .colour-bar .wp-block-button__link {
font-size: 18px;
font-weight: bold;
padding: 26px 40px;
margin: 0 auto;
} .side-column-left {
padding: 40px 0;
}
#content .side-column-left p{
line-height: 50px;
vertical-align: middle;
}
.side-column-left img {
line-height: 50px;
vertical-align: middle;
border: 2px solid #eee;
padding: 3px;
margin-top: 5px;
}
.side-column-right {
padding: 40px;
background-color: #f5f5f5;
}
.side-column-left td, th {
padding: 5px;
line-height: 24px;
} #three-column{
width: 100%;
}
#three-column-left{
width: 32%;
margin-right: 2%;
float: left;
}
#three-column-right{
width: 32%;
float: right;
}
#three-column-big{
width: 66%;
margin-right: 2%;
float: left;
}
#three-column input[type="text"]{
border:none;
border:1px solid #DDD;
font-size :16px;
padding: 8px 10px;
margin-bottom:15px;
width: 100%;
}
#three-column input[type="email"]{
border:none;
border:1px solid #DDD;
font-size :16px;
padding: 8px 10px;
margin-bottom:15px;
width: 100%;
}
#three-column input[type="submit"]{
padding: 8px 10px;
background:#f1f1f1;
color:#666;
border: 1px solid #DDD;
float:right;
font-size: 16px;
border-radius: 0px;
}
#three-column input[type="text"]:focus, #two-column textarea:focus, #two-column input[type="email"]:focus{
background: #F1F1F1;
}
#three-column input[type="submit"]:hover{
background:#fff;
color:#222;
border: 1px solid #DDD;
}
#three-column .wpcf7-not-valid-tip {
color: #ffff00;
display: block;
height: 30px;
font-size: 14px;
font-weight: normal;
}
.wpcf7 form .wpcf7-response-output {
margin: 20px 0 0 0 !important;
padding: 0 0 0 0 !important;
border: 2px solid #000 !important;
color: #000;
height: 50px !important;
line-height: 50px;
vertical-align: middle;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
}
#content-secondary .wp-block-gallery {
margin-top: 60px;
margin-bottom: 60px;
} #foot #cssmenu,
#foot #cssmenu ul,
#foot #cssmenu li,
#foot #cssmenu a {
border: none;
margin: 0;
padding: 0;
line-height: 1;
box-sizing: content-box;
list-style: none;
}
#foot #cssmenu {
height: 40px;
display: block;
padding: 0;
margin: 0;
width: auto;
border-color: #080808;
} #cssmenu,
#cssmenu > ul > li > ul > li a:hover {
}
#foot #cssmenu > ul {
display: block;
align-items: baseline;
justify-content: center;
width: 100%;
margin: 0 0 0 20px;
padding: 0;
}
#foot #cssmenu > ul > li {
position: relative;
display: inline-block;
flex: none; list-style-type: disc;
width: auto;
padding: 0 40px;
} #foot #cssmenu > ul > li > a {
outline: none;
display: list-item;
list-style: disc;
position: relative;
padding: 10px 0 8px;
text-align: left;
text-decoration: none;
font-weight: normal;
text-transform: none;
font-size: 16px;
font-family: Raleway-Regular, Arial, "sans-serif";
color: #FFFFFF;
border-left: 0px #C40000 solid;
} #foot #cssmenu > ul > li > a:hover {
color: #FFFF00;
}
#cssmenu ul li.has-sub:hover > a:after {
top: 0;
bottom: 0;
}
#foot #cssmenu li:first-child a {
border-left: 0 none;
}
#foot #cssmenu li:last-child a {
border-left: 0 none;
background-color: transparent;
color: #fff;
}