/*
Theme Name: CADvanced
Author: Grant Deelstra
Author URI: http://www.madebygrant.com
Description: Make sure you change the 'Feature Images & Thumbnails' ids in the code located in the functions.php along with the other pages.
(index.php, single.php, archive.php, search.php..)
Version: 2.0
*/


/*////////////////////////////////////////////////////////
   Global Rules
///////////////////////////////////////////////////////*/

@font-face {
	font-family: 'museo';
	src:url('fonts/Museo300-RegularWeb.eot');
	src:url('fonts/Museo300-RegularWeb.eot?#iefix') format('embedded-opentype'),
		url('fonts/Museo300-RegularWeb.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

root { 
    display: block;
}
body{
    font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;
    background: url('images/floorplan.jpg') no-repeat 100% center fixed;
}
.container{
    width: 100%; max-width: 960px; margin: 0 auto;
}
.stretch{
     float: left; width: 100%; padding: 1% 0; background: rgba(245, 245, 245, 0.4); margin-bottom: 1%;
}
strong{
    font-weight: 800;
}
/* ---- Text Styles ---- */
h1, h2, h3, h4, h5, h6{
    color: #333; font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
    font-size: 3rem; line-height: 3rem; 
}
h2 { 
    font-size: 2.5rem; line-height: 2.5rem; 
}
h3 { 
    font-size: 1.6rem;  line-height: 1.6rem; 
}
h4 { 
    font-size: 1.2rem; font-weight: 700; margin: 0.5rem 0;
}
h5 { 
    font-size: 1rem; font-weight: 700; margin: 0.5rem 0;
}
h6 { 
    font-size: .8rem; font-weight: 700; margin: 0.5rem 0;
}
p{
    letter-spacing: 0.05em; line-height: 1.2em; margin: 0.5rem 0;
}
input[type="text"], input[type="checkbox"], input[type="email"], input[type="tel"], input[type="password"], input[type="radio"], input[type="date"], 
input[type="submit"], textarea, select, option{
    border: #222 1px solid;
}

/* ---- Hyperlinks ---- */
a:link,a:visited {
    color:#c3002f;
}
a:hover {
    color: #ea1548;
}
a:active {
    color: #111;
}


/*////////////////////////////////////////////////////////
   Groupings
///////////////////////////////////////////////////////*/
.top-menu-wrap, .post-top small, .single-page, .single-post-no-image, .single-page-entry, footer{
    float: left; width: 100%;
}

/*////////////////////////////////////////////////////////
   Header - Title, Logo & Tagline (header.php)
///////////////////////////////////////////////////////*/
header{
    margin-top: 2%;
}
.site-banner img{max-width: 100%; height: auto;}

/*////////////////////////////////////////////////////////
   Main Menu (header.php or sidebar.php)
///////////////////////////////////////////////////////*/
.top-menu-wrap{
    margin: 5% 0 2.5%;
}
.top-menu{
    text-align: center; 
}
.top-menu li{
    list-style: none; text-align: center; display: inline-block; margin: 0 1.5rem; font-size: 1.2rem;
}
.top-menu li:first-of-type{
    margin-left: 0;
}
.top-menu li:last-of-type{
    margin-right: 0;
}

.top-menu li a:link{
    font-weight: 700; text-transform: uppercase; font-family: 'museo',"Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .08rem;
}

/* ---- Current Page ---- */
.current-menu-item a, .current_page_item a{
    color: #222; padding-bottom: 2px; border-bottom: 2px solid #222;
}

/* ---- Drop Down ---- */
.top-menu li ul{
    display: none; position: absolute;
}
.top-menu li:hover ul, .top-menu li:focus ul, .top-menu li:active ul{
    display: block;
}
.top-menu li ul li{
    float: none !important;
}
.top-menu li ul li a:link, .top-menu li ul li a:visited{
 background: #151515 !important; color: #fff;
}

/*////////////////////////////////////////////////////////
    Front Page
///////////////////////////////////////////////////////*/

/* ---- Slideshow  ---- */
.slideshow-block{
    float: left; width: 100%; position: relative;
}

/* ---- Slideshow Pagination  ---- */
.owl-theme .owl-controls{
    position: absolute; bottom: 8px; left: 0; right: 0; text-align: center;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
        background: #fff;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/*////////////////////////////////////////////////////////
    Project Posts
///////////////////////////////////////////////////////*/
.post-wrap{
    background: rgba(255, 255, 255, 0.6);
    width: 96%; padding: 2%;
}
.projects-template .post{
   float: left; margin-bottom: 1%;  background: #fff; padding: 1%; width: 46%; border: 1px solid #f5f5f5;
}

/* ---- Top of the posts ---- */
.post-top{
    
}
.post-top h2{
    float: left; width: 100%; padding: 1% 0 2%; margin: 0 0 1% 0; border-bottom: 1px solid #ccc;
}
.post-top h2 a:hover{
   
}
.post-top small{
    margin: 1% 0%; text-transform: uppercase; letter-spacing: 0.1em; word-spacing: 0.1em;
}

/* -- Feature Thumbnails -- */
.post-feature-thumb a:hover img{
    opacity: 0.8;
}
.post-feature-thumb img, .single-feature img{
    width: 100%; height: auto;
}

/* ---- Post bottom ---- */
.post-bottom h3{
    float: left; width: 100%; margin-top: 4%;
}

/* ---- Post Content ---- */
.post-entry{
    margin: 1% 0%;
}

/* ---- Post Metadata ( tags, categories, posted by) ---- */
.post-metadata{
    float: left; margin-bottom: 0%; margin-top: 1%; text-transform: uppercase;
    letter-spacing: 0.1em; word-spacing: 0.1em;
}


/* ---- Excerpt 'Read More' button/link ---- */
.more-link{
    
}
.more-link a, #respond #submit{
    
}
.more-link a:hover, #respond #submit:hover{
    
}
.more-link a:active{
    
}

/* ---- Posts Navigation (Older & Newer post buttons) ---- */
.post-nav{
    
}
.post-nav li a{
    
}
.post-nav li a:hover, .reply a:hover{
    
}
.post-nav li:first-of-type{
    float: left;
}
.post-nav li:last-of-type{
    float: right;
}

ul.page-numbers{
    float: left; width: 100%; margin-left: 0 !important; text-align: center; 
    padding-top: 8px; margin-top: 4px; border-top: 1px solid #ccc;
}
.page-numbers li{
    list-style: none; display: inline-block; font-size: 1rem; padding: 0 .2rem;
}


/*////////////////////////////////////////////////////////
    Contact Us
///////////////////////////////////////////////////////*/
input{
    padding: 4px;
}
label{
    float: left; width: 100%; margin-bottom: 4px;
}
input[type="submit"]{
    padding: 8px 35px; cursor: pointer; background: #222; color: #fff; border: none;
}
input[type="submit"]:hover{
    background: #555;
}
input[type="submit"]:active{
    background: #c3002f;
}


/*////////////////////////////////////////////////////////
    Single Post (single.php)
///////////////////////////////////////////////////////*/
.single-page{
    
}
.single-post{
    
}
.single-post-no-image{
    
}
.single-post-no-image, .post-comments-no-image{
    
}
.single-page .post-top{
    
}
.single-page-entry h1, .single-page-entry h2, .single-page-entry h3, .single-page-entry h4, .single-page-entry h5, .single-page-entry h6{
    margin-bottom: .3em;
}

.single-page-entry p{
    
}
.single-page-entry ul{
    margin-left: 2rem; list-style: square;
}

/*////////////////////////////////////////////////////////
    Footer (footer.php)
///////////////////////////////////////////////////////*/
footer{
    
}
#copyright{
    
}
#copyright a{
    
}

/* ----  Footer Menu ---- */
#footer-menu{
    width: 100%;
}
#footer-menu li{
    
}
#footer-menu li a{
    
}