/*
Theme Name: Miami Metal Roof
Theme URI: http://miracletechnologies.ca/

Author: MIRACLE TECHNOLOGIES team

Author URI: http://miracletechnologies.ca/

Description: Our default theme is clean, blog-focused, and designed for clarity. It's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.

Version: 1.9

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: website, Miami Metal Roof, theme

Text Domain: Miami Metal Roof



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

 input[type="number"],input[type="text"],input[type="email"],input[type="tel"],textarea, select{
	 max-width: 100%;
	 display: block;

width: 100%;

padding: .375rem .75rem;

margin: 0 0 10px;

height: 40px;

color: #495057;

background-color: #fff;

background-clip: padding-box;

border: 1px solid #ced4da;

border-radius: .25rem;

transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 } 
 .about-section:before{
	 content: url(images/aboutbg.png);
position: absolute;
top: auto;
bottom: 0;
left: -11%;
right: auto;
transform: scale(.6);
 }
 .contact-home iframe{
	 margin:0 0 30px
 }
 
 
 
 .content-area article .entry-content ul{
	 list-style-type: none;
margin: 0 0 0 20px;
padding:0
 }
 .content-area article .entry-content ul li{
	 font-size: 18px;
line-height: 2;
 }
 .content-area article .entry-content ul li:before{
	 content:"\f101";
	 position:absolute;
	 left:20px;
	 font-family:Fontawesome;
	 color: #277db3;
 }
 
 .home .psgal figure:nth-child(1){
	 margin-top: 60px;
 }
 .home .psgal figure:nth-child(1){
	 margin-top: 30px;
 } 
 .section-padding span.credit_card_details  {
    display: block;
	padding:0;
	margin:0;
 }
 header.entry-header{text-align:center;
	 display:none
 }
 form label span.wpcf7-form-control-wrap,
 .wpcf7-form-control-wrap{
	 display:block;
	 padding:0
 }
 .archive header.entry-header {
    text-align: center;
    display: block;
}
 .archive header.entry-header h2 {
    font-size: 15px;
	 min-height: 55px;
    line-height: 1.7;
    margin: 10px 0;
    text-align: left;
	 text-transform: inherit;
}
 .archive article .entry-content{
	 display:none
 }
 .section-padding .page-header h1{
	 color: #2f3c47;
 }
 
 .section-padding span.wpcf7-not-valid-tip {
    color: #dc3232!important;
 }
 .hero-slide video{
	 width: 100%;
max-width: 100%;
 }
 .vc_section[data-vc-full-width] > .vc_row.container {
    margin-left: auto;
    margin-right: auto;
}

 .white-text{
	 color:#fff;
 }
 .vc_btn3.vc_btn3-size-md {
    font-weight: 700;
    text-transform: uppercase;
}
 .home .aio-icon-description i,
 .home .aio-icon-description em{
	 display:none
 }
 .testimonial-section{
	 background: #f3f2f2;
 }
 .list_review.review_item figure img{
	     width: 150px;
    height: auto;
    border-radius: 4px;
    background: #fff;
    padding: 1px;
}
 .list_review.review_item {
	 margin: 0 0 30px;
 }
 .slider{
	 position:relative
 }
 

 .main-slider .free-offer .input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}

.main-slider .free-offer .icon {
  padding: 10px 10px 10px 0;
  color: white;
  min-width: 35px;
  text-align: center;
  font-size: 20px;
}
.main-slider .free-offer textarea.input-field{
	height: 40px;
}
.main-slider .free-offer .input-field {
  width: 100%;
  padding: 10px;
  outline: none;
  background: transparent;
border: 0;
border-bottom: 1px solid #fff;
border-radius: 0;
color:#fff
}

.main-slider .free-offer .input-field:focus {
  border: 2px solid dodgerblue;
}
 .main-slider .free-offer input[type="submit"]{
	 color: #fff;
background: #089241;
display: inline-block;
margin: 0 auto;
 }
 .main-slider .free-offer .wpcf7-form-control-wrap {
    display: block;
    padding: 0;
    width: 100%;
}
 
 
 
 
 .page .feature-section img,
 .single .feature-section img{
	 border-radius    : 35px 0;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
 }
 #gallery-1 figure.gallery-item{
	 float: left;
margin: 15px;
 }
 .hero-slide.inner-slide
 {
	 overflow:hidden;
	 min-height: 170px;

background: url(images/slider.jpg) center fixed;
 }
 .page-template-contact_template p{
	 margin: 0 0 15px 0;
 }
 .comments-area, .post-navigation, article.hentry footer.entry-footer{
	 display:none
 }
 textarea{
	 height:120px;
 }
 input[type="submit"]{
	color: #fff;
background-image: linear-gradient(to right, #0b4165, #170a5c);
font-size: 14px;
text-transform: uppercase;
padding: 10px 50px;
border-radius: 0;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #ddd;

 }
 .entry-header h1.entry-title{
	 font-weight: 900;

text-transform: uppercase;
 }
 .block-button a.btn{
	 display: block;

padding: 18px;

font-size: 20px;
 }
 .pull-left {

    float: left!important;

}
 .pull-right {

    float: right!important;

}
 .page .content-area article .post-thumbnail{display:none}
 .social-icon ul {

    margin: 0px;
    padding: 0;
list-style: none;
}
 .social-icon li {

    display: inline-block;

}
.social-icon li a {
margin-right: 8px;
    color: #fff;
    font-size: 20px;
line-height: 1;
}
 .social-icon li a:hover,
 .social-icon li a:focus{color: #ed1c24;}
 .vc_custom_heading{
	 text-transform: capitalize;
color: #190f55;
font-size: 36px;
margin: 0 0 30px;

letter-spacing: .5px;
 }
 .newsletter-over-footer .subscribe{
	background: #e7543e;
padding: 15px;
border-radius: 90px;
position: relative;
z-index: 1;
}
.newsletter-over-footer .subscribe .tnp-subscription{
	max-width: 80%;
}
.newsletter-over-footer .subscribe .tnp-subscription div.tnp-field {
    margin-bottom: 0px;
    display: inline-block;
}
.newsletter-over-footer .subscribe .tnp-subscription .tnp-subscription .tnp-field label {
    display: none;
}
.newsletter-over-footer .subscribe .tnp-subscription .tnp-subscription input[type="email"]{
	background: transparent;
border-bottom: 2px solid #fff;
border-radius: 0;
color: #fff;
margin-left: 10%;
width: 88%;
}
.newsletter-over-footer .subscribe .tnp-subscription div.tnp-field.tnp-field-email{
	min-width: 85%;
	position:relative;
}
.newsletter-over-footer .subscribe .tnp-subscription div.tnp-field.tnp-field-email:before{
	content:"\f0e0";
	font-family:FontAwesome;
	color:#3c0d05
}
.newsletter-over-footer .subscribe .tnp-subscription input.tnp-submit {
    background-color: #fff;
    color: #3c0d05;
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
    padding: 10px 32px;
    text-align: center;
}
 .testimonials .vc_custom_heading{
	 
 }
 .contact-home .vc_custom_heading{
	 color:#fff
 }
 .contact-home a{
	 color:#fff
 }
 .contact-home h4{
	 text-transform: uppercase;
font-size: 22px;
 }
 .contact-home a,
 .contact-home {
color: #fff;
 }
 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: #efefef;
    border-radius: 4px;
}