/*
Theme Name: Louis Drapeau Concrete Designs Theme
Theme URL: http://www.miconcretecountertops.com 
Custom Wordpress Theme
Version: 1.0
Author: Pro Web Marketing
Author URI: http://www.prowebmarketing.com

*/

/* fonts
font-family: "proxima-nova",sans-serif;
font-family: "museo-slab",serif;
*/

html,body{
	max-width:100%;
	background-color: #000;
}
body{font-size:16px;}

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

i {color: #4451e2;}

a{transition:all 0.2s ease-out; color: #4451e2;}

a:hover, a:focus{outline:none !important;text-decoration:none; color: #000;}

h1,h2,h3,h4,h5,h6{word-wrap:break-word;}

h1 {
	color: #000;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 10px;
	font-size: 30px;
	
}

h2,h3{color:#A39F9C;}

p {
	color:#7b7b7b;
}

hr{
	border-top: 9px solid #4451e2;
	width: 100px;
}

/* Formidable Adjustments */
fieldset legend{display:none !important;} .frm_ajax_loading{display:none !important;} .g-recaptcha div{width:100% !important;} .ui-datepicker .ui-datepicker-title select{color:#000;}
.frm_error{color:#F00;font-size:12px;margin-top:5px;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{color:#F00;}
.has-error .form-control{border-color:#F00;}
/* End Formidable Adjustments */
.btn{white-space:normal;}

.nomargin{margin-left:0;margin-right:0;}
.nopadding{padding-left:0;padding-right:0;}


/* make sidebar nav vertical */ 
#topnav {
	background-image: url("img/marble.png");
	width: 100%;
	padding: 0;
	z-index: 100;
}
.sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
}
.sidebar-nav .navbar ul {
    float: none;
    display: block;
	text-align: center;
	margin-left: -40px;
}
.sidebar-nav .navbar li {
    float: none;
    display: block;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
}
.navbar-toggle{
	width: 100%;
	text-align: center; 
	float: none;
	margin-top: 20px;
	color: #000;
}
.sidebar-navbar-collapse{padding:0;}
.sidebar-nav .navbar li a { color: #000; }
.sidebar-nav .navbar li a:hover { color: #4451e2; }
/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: #000;
    border: none;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
margin-left: -5px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: relative;
    background-color: transparent;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
}
/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #4451e2;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	color: #4451e2;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: transparent;
}
.btn-default{
	background-color: #4451e2;
	color: #fff; 
	border-radius: 0px; 
	border-width: 4px; 
	border-color: #fff; 
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .btn-default.focus, .btn-default:focus{
	background: #fff;
	border-color: #fff;
}

/* keep for WP image captions and alignments */
img.centered{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 8px 0;}
.wp-caption{background-color:#f5f5f5;border:1px solid #ddd;max-width:99%;margin-bottom:10px;padding-top:4px;text-align:center;}

.banner{z-index: -5;}
.banner img{width:100%;}
.banner p{margin:0;}
.content {padding: 20px;}
.content h1{margin-top: 50px;}
.wcu{
	-webkit-box-shadow: 0px 4px 11px 0px rgba(46,46,46,1);
	-moz-box-shadow: 0px 4px 11px 0px rgba(46,46,46,1);
	box-shadow: 0px 4px 11px 0px rgba(46,46,46,1);
	position: relative;
	background:url('img/marble.png');
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover;
	padding-top: 30px;
	padding-bottom:30px;
}
.wcu .row {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}
.wcutext{
	padding-top:30px;
	padding-bottom:30px;
}
.wcuimg{
	padding-top:50px;
}
.wcutext h1{
	text-align: center;
}
.wcu p{
	font-family: "proxima-nova",sans-serif;
	text-align: center;
}
.contact{
	background: #4451e2;
	width: 100%;
	margin: 0; 
	padding: 0;
	-webkit-box-shadow: -2px -35px 38px 18px rgba(68,81,226,1);
	-moz-box-shadow: -2px -35px 38px 18px rgba(68,81,226,1);
	box-shadow: -2px -35px 38px 18px rgba(68,81,226,1);
	z-index: 2;
	position: relative;
}
.contact h1{
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin-top: 0;
}
.contact p {
	font-family: "museo-slab",serif;
	font-weight: 100;
	font-style: italic;
	text-align: center;
}

.contactInfo {
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 1em;
	position:relative;
	z-index:200;
}
.contactInfo a { color: #fff;}
.footerText{
	color: #fff;
	margin-top: 20px;
	font-size: 10px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
}
.footerClient {
	margin-top: 10px;
	font-size: 10px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
}
.footerClient p {color: #fff !important;}
.footerText a:hover{color: #4451e2;}
footer {
	background: #000;
	color: #fff;
	height: 10px;	
}
footer a {
	color: #fff;
}
#credits {
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 10px;
	text-align: center;
}
#credits a:hover, #credits a:focus {
	color: #4451e2;
}
#content{
	margin: 30px 0px 30px 0px;
}
.form{padding-top: 20px;}

.form textarea:focus {
	border: 2px solid #4451e2;
    border-radius: 4px;
}
.form input[type=submit] {width: 100px; font-size: 12px;}
.form input[type=text]:focus {
    border: 2px solid #4451e2;
    border-radius: 4px;
}

/* the following .banner has position:relative to make the .bannercaption stay at the top */
.pd-banner{position:relative;}
.pd-banner p{margin:0;}
.pd-banner img{width:100%;}
/* */

/* Project Gallery */
#pgallery{padding-top:60px;padding-bottom:30px;background:#FFF; font-size:18px;}
.bannercaption{background:rgba(255, 255, 255, 0.3);position:absolute;top:0;width:100%;text-align:right;padding-top:15px;padding-bottom:15px;color:#fff; font-family: "proxima-nova",sans-serif; font-weight: 700; font-style: normal; font-size: 22px; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
#pgallery p{line-height:25px; font-size:18px;}
#pgallery h1{margin-top:0;margin-bottom:5px; font-size:42px;}
#pgallery h2{margin-top:0;}
#pgallery #sidebar{background:#4451e2;margin-bottom:30px;}
#pgallery #sidebar .nav-pills>li>a{background:#4451e2 url('img/sb-sep.jpg') bottom repeat-x;color:#fff;border:0;border-radius:0;text-decoration:none; font-family: "proxima-nova",sans-serif; font-weight: 700; font-style: normal;}
#pgallery #sidebar .nav-pills>li>a:hover{background:#cccccc url('img/sb-sep.jpg') bottom repeat-x;color:#000;border:0;border-radius:0;text-decoration:none;}
#pgallery .callouts{margin-top:15px;overflow:hidden;}
#pgallery .coblock{margin-bottom:30px;background:#4451e2;}
#pgallery .coblock:hover{background:#c9c5bd;color:#5e5c57;}
#pgallery .coblock h3{margin:0;text-align:center;font-weight:700;color:#FFF;}
#pgallery .coblock h3 a{text-decoration:none;color:#FFF;transition:none !important;display:block !important;padding-top:20px;padding-bottom:20px;}
#pgallery .coblock h3 a:hover{text-decoration:none;color:#5e5c57;}
#pgallery .coblock:hover h3 a{text-decoration:none;background:#cccccc;color:#000;}
#featured-project{text-align:center;background:#141414;padding-top:60px;padding-bottom:40px;}
#featured-project h4{color:#fff;margin-top:0;margin-bottom:40px; font-family: "proxima-nova",sans-serif; font-weight: 700; font-style: normal;}
#featured-project h3{color:#FFF;margin-top:30px;margin-bottom:35px; font-family: "proxima-nova",sans-serif; font-weight: 700; font-style: normal;}
#featured-project img{border:5px solid #4451e2;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8);}
#featured-project p{margin:0;}
#featured-project .btn-default{padding:12px 20px;}
#testimonial{background:#CCC;padding:30px;margin-top:30px;margin-bottom:50px;color:#000;}
#pgallery #testimonial .tauthor{font-weight:300;margin-top:10px;}
#pgallery #testimonial p{margin:0;line-height:normal;}
#sharethis{text-align:center;background:url('img/thin-line.jpg') bottom repeat-x;padding-bottom:15px;}
#sharethis h6{font-weight:700;color:#000;text-transform:uppercase;margin-top:0;background:url('img/thin-line.jpg') top 12px left repeat-x;}
#sharethis h6 span{background:#FFF;padding-left:15px;padding-right:15px;}
.ug-slider-wrapper{width:100% !important;}
#featured-project #gallery{max-width:100% !important;}
.project-gallery-bg{margin-top:25px;background:#4451e2;padding:10px;}
#featured-project #gallery img{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.norm_row.sfsi_wDiv{position:relative !important;margin:0 auto !important;text-align:center !important;float:none !important;}
div#sfsi_holder, .sfsi_footerLnk{display:none !important;}
.sfsi_widget{height:auto !important;}
@media (min-width:768px) {
#pgallery #sidebar{margin-bottom:0;}
}
/* */


/* anything smaller is not needed */
@media (min-width:768px) {
.telephone {
    float: left;
    margin-left: 280px;
}
#topnav {
	width: 250px;
	height: 430px;
	position: absolute;
	margin-left: 10px;
	margin-top: -60px;
}
.sidebar-nav .navbar ul {
	width: 300px;
	margin-left: -60px;
	text-align: center;
	font-size: 10px;
	margin-top: 20px;
}
.navImg {
	width: 150px;
	background:#4451e2;
	padding-top: 150px; 
	margin-left: 30px; 
	margin-top: -60px; 
	-webkit-box-shadow: 3px 3px 5px 0px rgba(150,150,150,1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(150,150,150,1);
	box-shadow: 3px 3px 5px 0px rgba(150,150,150,1);
}
.sitemap{
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	color: #000;
}
.sitemap a {color: #4451e2;}
.sitemap a:hover{color: #000;}
.wcu {
    padding-top: 90px;
    padding-bottom: 70px;
}
.wcuimg{
	padding-top:50px;
	padding-bottom:50px;
}
.wcu p{
	font-size: 16px;
	text-align: center;
}
.btn-default{font-size: 30px;}
.contact{
	width: 100%;
	height: 400px;
}
.contact h1{
	font-size: 72px;
	padding-top: 100px;
}
.footerText{
	margin-top: 10px;
	font-size: 8px;
	text-align: left;
}
.footerClient{font-size: 8px; margin-left: -30px;}
#credits {
	font-size: 8px;
	text-align: right;
	margin-top: 10px;
}
}
@media (min-width:992px) {
.sidebar-nav .navbar ul {
	margin-left: -60px;
	margin-top: 20px;
	text-align: center;
}
.wcu h1 {font-size: 32px;}
.wcutext{padding-top:50px; margin-right: 20px;}
.contact h1{
	font-size: 72px;
	padding-top: 100px;
}
.footerText{font-size: 12px;}
.footerClient{
	font-size: 12px;
	margin-left: -50px;
}
#credits {
	font-size: 12px;
	margin-left: -20px;
}
}
@media (min-width:1200px) {
#topnav{height: 500px;}
.telephone{float: left; margin-left: 400px}
.sidebar-nav .navbar ul {
	text-align: center;
	margin-left: -60px;
	margin-top: 20px;
}
#featured-project h4 {font-size: 22px;}
.sidebar-nav .navbar li {font-size: 18px;}
.dropbtn {font-size: 18px;}
.dropdown-content{font-size:18px;}
.wcu h1 {font-size: 42px;}
.wcu p {font-size: 20px;}
.footerText{font-size: 14px;}
.footerClient{
	font-size: 14px;
	margin-left: -40px;
}
#credits {font-size: 14px;}
}