details, figcaption, figure { border: 0; font-size:100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
audio, canvas, video { border: 0; vertical-align: baseline; margin: 0; padding: 0; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {
height: 100%;
scroll-behavior: smooth;
}
body { 
height: 100%; 
font-family: 'Roboto', sans-serif;
background: #fff; 
color: #222;
font-size: 18px;
font-weight: 400;
margin: 0;
}
:focus {
outline: 2px dashed #C41F33;
outline-offset: 4px;
}
a {
color: #ea4040;
text-decoration: none;
}
a:hover {
color: #222;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
clear: both;
display: block;
max-width: 100%;
height: auto;
}
table {
border-collapse: separate;
border-spacing: 0;
} [hidden] {
display: none;
}
audio:not([controls]) {
display: none;
}  .entry-content img {
margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright, img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}  #primary {
max-width: 1000px;
width: 100%;
margin: 0 auto;
float: none;
overflow: hidden;
padding: 0 15px;
}
#content { 
width: 100%; 
}
#sidebar { 
display: none;
}
.wide #primary {
max-width: 100%;
width: 100%;
float: none;
overflow: hidden;
padding: 0;
}
.page-id-11 .wide #primary {
max-width: 100%;
}
.singlewidth #primary {
max-width: 1000px;
width: 100%;
margin: 0 auto;
float: none;
overflow: hidden;
}
.wide #sidebar, .singlewidth #sidebar {
display: none;
}
.wide #primary ol, .singlewidth #primary ol {
list-style-type: decimal;
}
.wide #primary ul, .singlewidth #primary ul {
list-style-type: disc;
}
.wide #primary li, .singlewidth #primary li {
padding-bottom: 8px;
}  #container-full { 
width: 100%; 
}
.page-id-11 #top-header { 
padding: 0 0 30px 0; 
}
#top-header { 
padding: 0; 
}
#top-header-section { 
width: 100%; 
}
#main { 
padding: 70px 15px; 
}
.page-id-11 #main {
margin-top: 30%;
}
.pagewidth {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}	
.homewidth {
max-width: 800px;
width: 100%;
margin: 0 auto;
line-height: 26px;
}
.homewidth h1 {
line-height: 70px;
}
article { 
padding: 0;
}
.homebanner {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 10;
}
.homebanner img {
width: 100%;
height: auto;
}
.page-id-11 .homebannerbox {
top: 10%;
}
.homebannerbox {
color: #fff;
font-size: 20px;
font-weight: 600;
position: absolute;
top: 14%;
left: 50%;
margin-left: -50%;
text-align: center;
z-index: 20;
width: 100%;
}
.homebannerbox h1 {
font-size: 50px;
}
.homebannerbox h1 {
font-size: 28px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 32px;
text-shadow: 1px 1px #000;
font-family: 'Oswald', sans-serif;
margin: 2px 0 10px;
background-image: none;
padding: 0;
}
.homebannerbox h1 span {
font-weight: 600;
font-size: 35px;
}
.homebannerbox h2 {
font-size: 26px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 30px;
text-shadow: 1px 1px #000;
font-family: 'Oswald', sans-serif;
margin: 2px 0 10px;
background-image: none;
padding: 0;
}
.homebannertext {
color: #fff;
font-size: 16px;
font-weight: 600;
max-width: 400px;
width: 100%;
line-height: 18px;
text-shadow: 1px 1px #000;
text-align: center;
margin: 0 auto;
}
.homebannertext button {
color: #fff;
text-transform: uppercase;
height: 40px;
width: 180px;
background-color: #FF0000;
display: block;
margin: 40px auto 0;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
text-align: center;
border: none;
}
.homebannertext button a {
color: #fff;
}
.redline {
width: 150px;
background-color: #CB342F;
height: 2px;
margin: 0 0 15px 0;
}
.innerbanner {
position: relative;
top: 0;
left: 50%;
margin-left: -50%;
z-index: 10;
}
.innerbanner img {
width: 1920px;
height: auto;
}
.page-id-11 .topbarbg {
background-color: transparent;
}  
.topbarbg {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 100;
padding: 5px 0;
overflow: hidden;
-webkit-box-shadow: 0 4px 4px -6px #000;
-moz-box-shadow: 0 4px 4px -6px #000;
box-shadow: 0 4px 4px -6px #000;
background-color: #000;
}
.topbar {
max-width: 1150px;
width: 100%;
margin: 0 auto;
}
.topbarleft {
float: left;
width: 50%;
}
.topbarright {
float: right;
width: 50%;
}
.menu-topnav-container {
color: #fff;
font-size: 12px;
}
.menu-topnav-container ul {
text-align: right;
padding: 0;
margin: 0;
}
.menu-topnav-container li {
display: inline-block;
}
.menu-topnav-container a {
color: #fff;
}
.fa-phone, .fa-envelope, .fa-map-marker-alt {
color: #CB342F;
padding: 0 6px 0 18px;
}
.homebtm {
max-width: 1200px;
width: 100%;
margin: 50px auto 0;
}
.shadow {
width: 100%;
height: 25px;
-webkit-box-shadow: 0 4px 4px -6px #222;
-moz-box-shadow: 0 4px 4px -6px #222;
box-shadow: 0 4px 4px -6px #222;
}  nav[role="navigation"] { position: relative; }
nav[role="navigation"] ul { margin: 0 0 0 0;
padding: 0 0 0 0; 
display: block; }
nav[role="navigation"] ul li { clear: both; display: inline-block; }
nav[role="navigation"] ul li a {  }
nav[role="navigation"] ul li ul  { display: none; } 
nav[role="navigation"] ul li:hover ul  { display: block; } 
nav[role="navigation"] ul li ul  { position: absolute;
padding: 10px 0 0 0; }
nav[role="navigation"] ul li ul li { display: block;
position: relative; }
nav[role="navigation"] ul li ul li ul  { display: none !important; }
nav[role="navigation"] ul li ul li:hover ul  { display: inline !important; 
position: relative !important; }
nav[role="navigation"] ul li ul li ul { padding: 0 0 0 0 !important;}
nav[role="navigation"] ul li ul li ul li { display: inline-block !important;
position: relative; }  #sidebar-search { padding: 0 0 25px 0 ; }  h1 { 
font-size: 38px; 
color: #222;
font-weight: bold;
text-transform: uppercase;
background-image: url(//bgconcrete.com/wp-content/themes/azure-basic-child/images/h1bottom.png);
background-position: bottom center;
background-repeat: no-repeat;
padding: 12px 0 12px;
font-family: 'Oswald';
text-align: center;
margin-bottom: 30px;
}
h1 span {
font-size: 18px;
font-weight: 300;
display: block;
}
h2 { 
font-size: 30px; 
color: #222;
font-weight: bold;
}
h3 { 
font-size: 30px; 
color: #222;
font-weight: bold;
}
h4 { 
font-size: 16px; 
color: #222;
font-weight: bold;
}
hr {
margin: 30px auto;
background: #ddd;
background-color: #ddd;
color: #ddd;
width: 80%;
float: none;
height: 1px;
border: none;
} #access { 
padding:  0; 
z-index: 500; 
float: left;
}
#access ul {
}		  
#access a { 
color: #fff; 
padding: 0 14px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
#access a:hover { 
color: #CB342F; 
}
#access ul li.current-menu-item {
border-bottom: solid 3px #e00915;
padding-bottom: 10px;
}
#access ul li:hover ul  {
background-color: rgb(0, 0, 0, .08);
padding: 5px;
}
.featured-thumb { margin-bottom: 10px; } #sidebar { 
color: #545350; 
} #footer-bottom { 
background: #000; 
padding: 0 0 10px 0; 
clear: both;
width: 100%; 
}
.columns {
max-width: 1000px;
width: 100%;
margin: 0 auto 60px;
overflow: hidden;
padding: 0 25px;
}
.column1 { 
width: 42%; 
color: #b5b4b4;
font-size: 16px;
float: left;
}
.column1 a {
color: #b5b4b4;
}
.column2 { 
width: 38%; 
color: #b5b4b4;
font-size: 16px;
float: left;
}
.column1 h1, .column2 h1 {
color: #FF0000;	
font-size: 18px;
text-transform: uppercase;
background-image: none;
font-weight: 300;
text-align: left;
padding: 0 0 8px 0;
margin: 0;
}
.column3 { 
width: 20%; 
margin: 0 auto;
float: left;
text-align: right;
}
.column3 button {
margin: 0;
float: right;
display: block;
background-color: #FF0000;
border: none;
padding: 15px 20px;
}
.column3 button a {
color: #fff;
}
.column3 .fa-facebook-square {
float: right;
display: block;
}
.foot2 {
max-width: 1050px;
width: 100%;
margin: 0 auto;
border-top: solid 1px #b5b4b4;
padding: 8px 0;
overflow: hidden;
}
.column4 {
width: 45%;
float: left;
font-size: 12px;
}
.column4 ul {
margin: 0;
padding: 0;
}
.column4 li {
display: inline-block;
}
.column4 a {
color: #FF0000;	;		
padding: 0 20px;
}
.column5 {
width: 45%;
float: right;
font-size: 12px;
color: #b5b4b4;
text-align: right;
}
#footer-content { 
padding-top: 25px; 
}
#site-credits { 
padding: 15px 0 0 0; 
}
#theme-credit { 
padding: 0 0 5px 0;
font-size: 12px; 
}
*, *:before, *:after {   
-webkit-box-sizing: border-box;    
-moz-box-sizing: border-box;    
box-sizing: border-box; 
}
.clear {
clear: both;
}
.logo {
}
.page-id-11 .logo img {
max-width: 150px;
}
.logo img {
max-width: 120px;
width: 100%;
height: auto;
display: block;
margin: 0 auto;
text-align: center;
}
.contactleft {
float: left;
width: 45%;
margin-top: 50px;
}
.contactleft h1 {
font-size: 20px;
background-image: none;
margin: 0;
padding: 0;
text-align: left;
}
.contactleft img {
border: solid 5px #eae9e8;
border-radius: 4px;
}
.contactright {
float: right;
width: 45%;
margin-top: 50px;
}
.productsleft {
float: left;
width: 48%;
}
.productsright {
float: right;
width: 48%;
}
.productsleft button, .productsright button {
background-color: #D02C2F;
margin: 60px auto 30px;
padding: 10px 30px;
border: none;
font-size: 16px;
text-transform: uppercase;
display: block;
}
.productsleft button a, .productsright button a {
color: #fff;
}
.productswidth {
max-width: 900px;
width: 100%;
margin: 0 auto;
border-bottom: solid 1px #eae8e8;
padding: 10px 0 30px;
}
.list {
list-style-image: url(//bgconcrete.com/wp-content/themes/azure-basic-child/images/redcircle.png);
}
.list li {
padding-bottom: 12px;
}
.emails {
border-top: solid 1px #eae8e8;
padding-top: 50px;
font-weight: 600;
}
.emails a {
color: #222222;
font-weight: 400;
font-size: 14px;
}
.emails .fa-envelope {
color: #CB342F;
padding: 0 6px 0 0;
}
.homeboxes {
width: 100%;
margin: 100px 0 120px;
}
.homeboxes h1 {
background-image: none;
font-size: 24px;
margin: 0;
padding: 0;
}
.homeboxes h1 a {
color: #222;
}
.homeboxes ul {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.homeboxes li {
display: inline-block;
max-width: 300px;
flex-grow: 1;
margin: 0 20px 15px;
}
.homeboxes li:nth-child(1) {
background-image: url(//bgconcrete.com/wp-content/themes/azure-basic-child/images/productsimg.jpg);
}
.homeboxes li:nth-child(2) {
background-image: url(//bgconcrete.com/wp-content/themes/azure-basic-child/images/vendorsimg.jpg);
}
.homeboxes li:nth-child(3) {
background-image: url(//bgconcrete.com/wp-content/themes/azure-basic-child/images/contactimg.jpg);
}
.homeboxes img {
max-width: 300px;
width: 100%;
height: auto;
}
.homebox {
background-color: rgb(0, 0, 0, 0.6);
width: 100%;
height: 200px;
text-align: center;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 45px 22px 0;
line-height: 28px;
}
.homeboxes p {
margin: 0;
}
.homebox h1 {
color: #E30000;
}
.desktop {
display: block;
}
.mobile {
display: none;
}  @media only screen and (min-width:0px) and (max-width: 1000px) {
.page-id-11 .logo img {
max-width: 100px;
}
.homebannerbox h1 {
font-size: 20px;
}
.homebannertext button {
display: none;
}
}
@media only screen and (min-width:0px) and (max-width: 900px) {
}
@media only screen and (min-width:0px) and (max-width: 850px) {
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
.topbarbg {
display: none;
}
.productsleft {
float: none;
width: 98%;
margin: 0 auto;
}
.productsright {
float: none;
width: 98%;
margin: 20px auto 0;
}
.contactleft {
width: 98%;
margin: 0 auto;
float: none;
}
.contactright {
width: 98%;
margin: 20px auto 0;
float: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 750px) {
.desktop {
display: none;
}
.mobile {
display: block;
}
.page-id-11 #main {
margin-top: 50%;
}
.alignleft, img.alignleft {
margin: 0 auto;
display: block;
float: none;
padding: 15px;
}
.alignright, img.alignright {
margin: 0 auto;
display: block;
float: none;
padding: 15px;
}
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
h1 {
font-size: 24px;
}
.column1, .column2, .column3 {
float: none;
width: 98%;
margin: 0 auto;
text-align: center;
}
.column3 button {
float: none;
margin: 30px auto 0;
}
.column4 {
display: none;
}
.column5 {
text-align: center;
float: none;
width: 98%;
margin: 0 auto;
}
.column1 h1, .column2 h1 {
text-align: center;
padding-top: 10px;
}	
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
.homebannertext {
color: #fff;
font-size: 12px;
font-weight: 600;
max-width: 300px;
}
.page-id-11 .homebannerbox {
top: 2%;
}
.homeboxes {
margin: 25px 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
.page-id-11 #main {
margin-top: 38%;
}  
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
}
@media only screen and (min-width: 0px) and (max-width: 347px) {
}