/******* Do not edit this file *******/
/*
My Custom CSS - by Salvatore Noschese
aka L'AltroWeb - https://laltroweb.it/
/*
Saved: Apr 08 2021 | 02:35:07 (am)
/*
/******* Do not edit this file *******/

.coatingtable tr {border-bottom:1px solid #DDD;}
.coatingtable td {padding:3px; padding-right:15px;}
h1, h3 {background-color:#292b2c; padding:5px; border-radius:2px; color:#FFFFFF;}
.page-id-15 h3,
.page-id-15 h1 {background-color:#ac8700; color:#FFFFFF; padding:5px;}
.page-id-17 h3,
.page-id-17 h1{background-color:#5f839c; color:#FFFFFF; padding:5px;}
.page-id-19 h3,
.page-id-19 h1, {background-color:#8a8d8f; color:#FFFFFF; padding:5px;}
.page-id-21 h3,
.page-id-21 h1 {background-color:#1f486b; color:#FFFFFF; padding:5px;}
.page-id-23 h3,
.page-id-23 h1 {background-color:#85335f; color:#FFFFFF; padding:5px;}
.page-id-25 h3,
.page-id-25 h1 {background-color:#2b80a1; color:#FFFFFF; padding:5px;}
.entry-content h3, #secondary h3 { font-size:18px; padding:8px; font-weight:700; margin-top:15px; margin-bottom:10px;}
.cboxes h3 {font-size:16px; margin-top:10px; padding:0px; font-weight:700; background:none;  color:#000000;}
.cboxes a {color:#000;}
.cboxes a:hover {color:#000;}
.textwidget input {width:100%; margin-bottom:5px; padding:8px; border:1px solid #000; border-radius:2px;}
h1.entry-title { font-size:28px; font-weight:700;}
nav {height:100px;}
.newheader li {display:inline;  padding:8px;}

.newheader .row-fluid {padding:8px;}
.half ul {padding-left:18px;}

.bx-wrapper {
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow:none!important;
  border: none!important;
}
.bx-viewport {width:96%; margin-left:20px;}
.logofooter {background-color:#FFFFFF;}
.rotatelogos .item {width:150px;}
.rotatelogos .item img { padding:15px; width:185px;}
form input, form textarea {width:100%; margin-bottom:4px; border-radius:2px; border:1px solid #000; padding:4px; font-size:0.9em;}

#header2 {background-color:#494e50; padding-top:2em; margin-bottom:2em;}
.home #header2 {padding-top:0;}
#header2 h1 {background:none; padding-left:0;}
#header2 .subtitle {font-size:1.3em; color:#EFEFEF;}
.site-header {margin-bottom:0px;}
p,li,input,td, textarea {font-family: 'Josefin sans'; font-style: normal; font-weight: 300; font-size:1.1em;}
.site-footer {background-color:#231F20; margin:0; padding:8px; color:#FFFFFF; padding-top:30px; padding-bottom:20px;}
.site-footer h4{font-weight:bold; font-size:18px; padding-bottom:20px;}
.site-footer li {list-style:none;}
.site-footer li>a{color:#FFFFFF!important;}
.newheader {background-color:#12b4f0;}
.newheader li a, .newheader {color:#FFFFFF;}
.bg-inverse {background: #2d2d2d; /* Old browsers */
background: -moz-linear-gradient(top, #2d2d2d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2d2d2d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2d2d2d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#000000',GradientType=0 );}
.navbar-nav li>a {color:#FFFFFF!important;}
.navbar-nav li>ul>li>a {color:#000000!important;}
.footerbot {padding-top:40px;}
b,strong {font-weight:700;}
.coatingtablefull tr:nth-child(1),.coatingtablefull tr td:nth-child(1) {background-color:#444; color:#FFFFFF;}
.coatingtablefull td { margin:1px; border:1px solid #EEE; padding:4px}
li.coatingapplication {background-color:#EEEEEE; margin-bottom:4px; list-style:none; padding:3px; padding-left:10px; border-radius:2px;}
li.coatingapplication:nth-child(1) {background-color:#333; color:#FFFFFF; margin-top:20px;}

.newheader li {line-height:40px;}
.search-form .input-group {background-color:#FFFFFF; border-radius:2px; }
.search-form {margin:4px;}
.search-field { padding:2px; height:30px; border:0; padding-left:6px;}
.search-form .btn {height:30px; padding:4px; background-color:#EEE!important; border:none; border-left:1px solid #CCC;}
#secondary {padding-left:35px; padding-top:0px;}
#secondary .brochure img {outline:1px solid #CCC;}
.navbar-brand {
  background-image:url('http://181.224.156.76/~surftech/wp-content/uploads/2017/03/surface-techology-coatings-logo-white.png');
  background-color:transparent!important; 
  text-indent:-9999px;
  width:100px;
  height:58px;
  background-repeat:no-repeat;
  background-size:100%;
  margin-right:50px;}
.home h2 {padding-top:30px;padding-bottom:20px;}
.page-id-128 input {padding:10px; margin-bottom:5px; color:#333;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333;
}
.footerlogos {margin-top:30px; margin-bottom:30px;}
.footerlogos img {height:80px;}
.footerlogos {padding-bottom:20px;}
.footerlogos img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Disable grayscale on hover */
.footerlogos img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
  opacity:1!important;
}

#header2 {background-image:url('http://www.surftech.com.au/wp-content/uploads/2017/03/Main_Page_1920x300.jpg');background-repeat:no-repeat; background-position:center center;}
.boxesmid h3 {text-align:center;}
.boxesmid h3 {text-align:center;}
.footerlogos img:nth-child(1) {height:110px;}
.footerlogos div:nth-child(3) img {height:70px; margin-top:15px;}
.moreinfo {text-transform:uppercase; background-color:#12b4f0; }
@media(max-width:1024px){
.navbar-nav.mr-auto {
        background: rgb(0, 0, 0) none repeat scroll 0 0;
}
}
@media(max-width:767px){

.container {
    	width: 100%;
	}
.navbar-toggler.navbar-toggler-right.collapsed {
    cursor: pointer  !important;
}	
.navbar-nav.mr-auto {
    background: rgb(0, 0, 0) none repeat scroll 0 0;
    padding: 10px;
    position: relative;
    top: 15px;

}
.navbar-brand {
    background-repeat: no-repeat !important;
    height: 55px !important;
}

#secondary {
    padding: 15px;
    text-align: center;
    width: 100%;
}
.footerlogos {
    text-align: center;
}
.navbar-inverse .navbar-toggler {
    background: #000 none repeat scroll 0 0;
    border-color: #eee;
}
.navbar {padding-top:25px;}
}
.opacity{opacity:0.5;}
.surf-blocks div {
    text-align: center;
}
.surf-blocks div a {
    color: #333;
}
.surf-blocks div a:hover {
   text-decoration: none;
}
.btn.btn-info.btn-custm {
    margin-top: 20px;
}
.page-template-template-news #secondary {
     background-color: #eaeaea;
}
#secondary ul {
    list-style: outside none none;
    padding: 0;
}
a {
    color: #12b4f0;
}    
#secondary ul li a {
    color: #555555;
    font-size: 0.9em;
}
 .btn-custm{  
     background-color: #12b4f0;
    border-color: #12b4f0;
}
.entry-title a{color:#323a45;}
.entry-content, .entry-title {
    font-family: "Josefin sans";
}
.widget-title { color: #383c3c;
    font-size: 1.5em;
    padding: 10px 0;}
#secondary hr{
    background-color: #383c3c;
}