/*
Theme Name: concretemode
Theme URI: http://wordpress.org/themes/concretemode
Author: Summerchill
Author URI: http://summerchill.com.au/
Tags: responsive
Text Domain: concretemode

concretemode WordPress Theme © 2015 Summmerchill
*/

/* 
brown: #873200
green: #87be26 
blue: #517ca7
popol: #990066 
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);

body{background:#949396 url(images/bg-concrete.jpg)  repeat;font-size:14px;font-family: 'aw-conqueror-sans', sans-serif;font-weight:300;color:white;  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;}
header{padding-bottom:10px;margin-bottom:10px;}
#logo{width:300px;max-width:80%;height:auto;float:left;margin:45px 10px 10px 0}
.clear{clear:both}
.spacer-s{height:10px}
.spacer{height:50px}
.borderline{border-bottom:1px dashed white;margin:30px 0 30px 0}
a, a:active, a p, a:active p, a:focus, a:hover{color:white;text-decoration:none}

.brownbg{background-color:#873200}
.greenbg{background-color:#87be26 }
.bluebg{background-color:#517ca7}
.popolbg{background-color:#990066} 

header > .container{padding:0}
#content header{margin:0;padding:0}

.navbar-nav{max-width:100%;height:247px;}
.navbar-nav a{text-decoration:none;color:white}
.navbar-nav a:active{text-decoration:none;color:inherit}
.navbar-nav a:hover{text-decoration:none;color:#000000}
.navbar-nav ul{list-style:none;margin:0;padding:0}
#firstnav li{float:left;width:25%;}

.subnav{display:none}
#subnav-wall{background-color:#873200}
#subnav-floor{background-color:#87be26}
.subnav li{float:right;padding:6px 30px 6px 30px}

.navbar-nav{float:right;max-width:800px;margin-left:0px}	
.navbar-nav li{text-align:center;}
.navbar-nav li img{width:100%;height:auto;}
.navbar-nav li a{padding:0}
.navbar-nav p{padding:6px;margin:0}

#menunav{border-bottom:1px dashed white;}
#menunav li{float:right;padding:6px 0px 6px 60px;}
#menunav li:nth-child(6){padding-left:6px;}


h1{margin:0 0 20px 0;text-transform:uppercase;font-size:22px;font-weight:700;color:#fff;text-shadow:0 1px 1px #444
}
h1 a, h1 a:active, h1 a:focus, h1 a:hover{color:inherit}
h2{font-weight:700;font-size:22px;text-transform:uppercase;color:#873200}}
h4{font-weight:300;padding-bottom:6px;border-bottom:1px dashed white;margin:30px 0 15px 0}
/* FOOTER */
footer{background:#19171b url(images/bg-footer.jpg) repeat;padding:50px 0;margin-top:60px;}
footer img{margin:0 auto;margin-top:50px;margin-bottom:60px;width:180px;height:auto}
.menu-footer{list-style:none;margin:0;padding:0}
.menu-footer li{margin-bottom:6px}

.breadcrumb, .breadcrumb a, .breadcrumb a:active{background:transparent;padding:0;color:#444;text-transform:capitalize}

/* HOME PAGE */
.slides{margin:30px 0 10px 0}
.slides img{width:100%;height:auto;}
.slick-dots li button:before, .slick-dots li.slick-active button:before{color:white}

#news{margin-bottom:30px;}
#news h2{font-weight:300;text-transform:uppercase;color:#873200}
#news .more{text-align:right;}
#news .more a, #news .more a:active{color:#873200}

.post-img{width:100%;height:230px;margin-bottom:20px;}
input{color:#666}
article{margin-bottom:60px}

#gallery-1{display:none}
.gallery-image{float:left;width:23%;height:auto;margin:0 2% 12px 0;border:1px solid #f1f1f1}

#featurelistbox{margin:30px 0 30px 0;padding:20px;
border-radius:5px;
-webkit-border-radius:5px;
background:#19171b url(images/bg-footer.jpg) repeat}
#featurelistbox ul{list-style:none;padding:0;margin:0}
#featurelistbox li{margin-bottom:6px;}
#featurelistbox li i{margin-right:6px;color:#873200}

#doslistbox ul{list-style:none;padding:0;margin:0 0 0 15px}
#doslistbox li{margin-bottom:6px;}
#doslistbox li i{margin-right:6px;}

/* SIDEBAR 1 */
.block{padding:15px;font-style:italic;overflow:hidden}
.blueblock{background:#517ca7;}
.whiteblock{background:#ffffff;color:#333333}
.mapblock{background:#cccccc url(images/bg-map.jpg) center center;background-size:cover;height:150px}
.logoblock{margin-top:30px;text-align:center}
.logoblock p{color:black;text-transform:uppercase;font-size:12px;text-align:center}
#logo-ardex{width:90%;max-width:90px}

/* SIDEBAR 2 */
.videoblock{margin-bottom:20px;}
.videotop{background:#87be26;padding:12px 0;text-align:center}

.likeblock{margin-bottom:20px;}
.liketop{background:#990066;padding:12px 0;text-align:center}
.likecontent{background:white;overflow:hidden}

.infoblock{margin-bottom:20px;text-align:center}
.infotop{background:#ffcc00;padding:12px 0;}
.infobox{list-style:none;margin:0;padding:0;}
.infobox li{float:left;width:49%;background:url(images/bg-blank.png);margin-top:3px;margin-bottom:3px;padding:12px 0;}
.infobox li{font-size:13px;color:#333;min-height:115px}
.infobox li > i{font-size:22px;color:white;margin-bottom:10px;display:block;}
/*.infobox i{background:white;color:#999;width:20px;height:20px;display:block;border-radius:10px;text-align:center;margin:0 auto;padding:2px}*/
.infobox li:nth-child(odd){margin-right:2%}

.contactblock{margin-bottom:20px;text-align:center}
.contacttop{background:#87be26;padding:12px 0;}
.contactcontent{background:white;padding:5px;text-align:left;color:#555}
.form-horizontal .form-group {margin:6px 0}
#loader{display:none}
#loader i{-webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);}
	
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
#message{color:#333}
.manifestoblock{margin-bottom:20px;background:#873200;padding:20px;text-align:center}


/* breakpoint 1 */
@media (max-width: 768px) {
/* rules for mobile horizontal (480 > 768)  */
#logo{float:none;margin:20px;}
.navbar-nav{float:none}
 }
 
 /* Landscape phones and down */
@media (max-width: 600px) {
#firstnav li{width:50%}
.navbar-nav{max-width:none;margin:0}
.row{margin-left:0;margin-right:0}
.container {
padding-right: 5px;
padding-left: 5px;
}
#menunav li{padding:6px}
.gallery-image{float:left;width:32%;height:auto;margin:0 1% 1% 0}
 }
  
 /* Landscape phones and down */
@media only screen 
and (max-device-width : 480px) { 
 }