/* 
fix header
*/
div.top .container .twelve.columns {
 max-width:100%; 
}

@media only screen and (min-width: 750px) {
  div.top ul#menu-new {
    text-align:center;
  }
  div.top ul#menu-new li {
    display:inline-block;
    float:none;
  }
}



/* 
fancy list
*/

ul.fancy{
margin: 12px;
padding: 0;
}
ul.fancy li{
margin: 0 0 12px 0;
font-size: .9em;
line-height: 1em;
}
body:nth-of-type(1) ul.fancy li{
list-style-type:none;
padding: 0 0 0 45px;
position:relative;
}
body:nth-of-type(1) ul.fancy li:before{
/*fill it with a blank space*/
content:"";
 
/*make it a block element*/
display: block;
 
/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border: solid 9px #000;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
 
/*Now position it on the left of the list item, and center it vertically
(so that it will work with mul.fancytiple line list-items)*/
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;
}

body:nth-of-type(1) ul.fancy li:after{
/*Add another block-level blank space*/
content:"";
display:block;
 
/*Make it a small rectangle so the border will create an L-shape*/
width: 3px;
height: 6px;
 
/*Add a white border on the bottom and left, creating that 'L' */
border: solid #fff;
border-width: 0 2px 2px 0;
 
/*Position it on top of the circle*/
position:absolute;
left: 14px;
top: 40%;
margin-top: -4px;
 
/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}


/* 
pdf icons
*/
ul#menu-reference-documents li a, a.pdf {
     background-color: #fff;
     background-image: url(https://granitgard.com.au/wp-content/uploads/2016/01/Adobe_PDF_file_icon_24x24.png);
     background-position: top left;
     background-attachment: scroll;
  background-repeat:no-repeat;
     padding-left: 30px;
  line-height:25px;
  display:block;
}


/* 
sidebar fixes
*/

ul#menu-reference-documents {
 margin-top:20px; 
}


div.sidebar img {
 max-width:100%;
  height:auto;
}


div.sidebar .widget_simpleimage {
 margin-bottom:5px; 
}

div.sidebar .widget_simpleimage p {
 margin:0; 
}

@media only screen and (min-width: 750px) {
#right {
    float: right;
    width: 75%;
}
}

/*******************************************************************************/
/* Hi-Speed 2019 August - Add media queries to correct incorrect responive CSS */

#content article.post {
  margin: 0px
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  body .head div.logo{
    margin-bottom:10px;
    background:url(https://granitgard.com.au/wp-content/uploads/2019/08/logo-crop.png);
    width: 100%; height: 141px;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  body .head div.logo a {
    background:url(https://granitgard.com.au/wp-content/uploads/2019/08/logo-crop.png);
    width: 321px; height: 141px;
   }

  .postid-13 div.eleven.columns img.alignnone.wp-image-222,
	.postid-214 div.eleven.columns img.size-full.wp-image-215.alignleft,	
	.postid-200 div.eleven.columns img.alignnone.size-full.wp-image-225, 
  .page-id-490 div.eleven.columns img.size-full.wp-image-1062.alignleft,
  .page-id-63 div.eleven.columns img.alignnone.wp-image-222,
  /* .page-id-490 div.eleven.columns img.size-full.wp-image-491.alignleft, */
  .page-id-5 div.eleven.columns img.alignnone.size-full.wp-image-380,
  .page-id-537 div.eleven.columns img.alignnone.wp-image-14,
  .page-id-559 div.eleven.columns img.alignnone.wp-image-198,
  .page-id-469 div.eleven.columns img.alignnone.size-full.wp-image-510,
  .page-id-665 div.eleven.columns img.alignnone.size-full.wp-image-1051,
  .page-id-663 div.eleven.columns img.alignnone.size-full.wp-image-1049 {
    width: 280px;
    height: auto;
  }
  
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .head .logo{
    margin-bottom:10px;
    background:url(https://granitgard.com.au/wp-content/uploads/2019/08/logo-crop.png);
    width: 100%; height: 141px;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .head .logo a {
    background:url(https://granitgard.com.au/wp-content/uploads/2019/08/logo-crop.png);
    width: 321px; height: 141px;
   }
   
   /* Homepage */
  .container .container .one-third.column     { 
    width: 233px;
  }
    .container .container .four.columns     { 
    width: 172px;
  }
    .top .container .sixteen.columns {
    width: 768px;
  }
  /* sub pages */
  .business-directory .container .eleven.columns,
  .page .container .eleven.columns {
      width: 480px;
  }

  div.five.columns div#right div.sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  div.five.columns div#right div.sidebar li {
    float: left;
  }

  /* .page-id-490 div.eleven.columns img.size-full.wp-image-491.alignleft, */
  .page-id-5 div.eleven.columns img.alignnone.size-full.wp-image-380 {
    width: 480px;
  }

  .postid-13 div.eleven.columns img.alignnone.wp-image-222,
	.postid-214 div.eleven.columns img.size-full.wp-image-215.alignleft,	
  .postid-200 div.eleven.columns img.alignnone.size-full.wp-image-225, 
  .page-id-63 div.eleven.columns img.alignnone.wp-image-222,
  .page-id-537 div.eleven.columns img.alignnone.wp-image-14,
  .page-id-559 div.eleven.columns img.alignnone.wp-image-198,
  .page-id-469 div.eleven.columns img.alignnone.size-full.wp-image-510,
  .page-id-665 div.eleven.columns img.alignnone.size-full.wp-image-1051,
  .page-id-663 div.eleven.columns img.alignnone.size-full.wp-image-1049 {
    width: 700px;
    height: auto;
  }

  .page img.alignleft {
    margin-left: 0px;
    padding-left: 0px;
  }
  
}

/* Medium devices (portait tablets, 768px and up) */
@media all and (min-width: 768px){

.head .logo{
    background:url(https://granitgard.com.au/wp-content/uploads/2019/08/logo-crop.png);
    width: 100%; height: 141px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .head .logo a {
    background:url(https://granitgard.com.au/wp-content/uploads/2019/08/logo-crop.png);
    width: 321px; height: 141px;
  }

  /* Homepage */
  .top .container .sixteen.columns {
    width: 768px;
  }
  .container .container .one-third.column { 
    width: 233px;
    /* background-color:rgb(131, 226, 43); */
  }
  .container .container .four.columns     { 
    width: 170px;
  }

} 


/* Large devices (landscape tablets 992px and up) */
@media only screen and (min-width: 992px) {
  /* Homepage */
  .top .container .sixteen.columns {
    width: 960px;
  }
  .container .container .one-third.column { 
    width: 300px;
    /* background-color:rgb(43, 61, 226); */
  }
  .container .container .four.columns     { 
    width: 220px;
  }
/* sub pages */
  .business-directory .container .eleven.columns,
  .page .container .eleven.columns {
    width: 610px;
  }

  /* .page-id-490 div.eleven.columns img.size-full.wp-image-491.alignleft, */
  .page-id-5 div.eleven.columns img.alignnone.size-full.wp-image-380 {
    width: 600px;
  }

  .page-id-63 div.eleven.columns img.alignnone.wp-image-222,
  .page-id-537 div.eleven.columns img.alignnone.wp-image-14,
  .page-id-559 div.eleven.columns img.alignnone.wp-image-198,
  .page-id-469 div.eleven.columns img.alignnone.size-full.wp-image-510,
  .page-id-665 div.eleven.columns img.alignnone.size-full.wp-image-1051,
  .page-id-663 div.eleven.columns img.alignnone.size-full.wp-image-1049 {
    width: 900px;
    height: auto;
  }
  
}