/*
Theme Name: EV Supplies
Author: Brad
Version: 1.0
*/

#mainNavbar{
    background-color: #A1CFF6;
    color: #367FB5;
    font-family: "Raleway";
    font-weight: 400;
    height: 75px;
}

.nav-link{
    margin-right: 50px;
}

.brand{
	width:250px;
}

.masthead {
    height: 100vh;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header-page{
    height: 50vh;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main-search{
    background-color: rgba(255, 255, 255, 0.7);
    padding:50px;

}

.heading{
    font-family:Raleway;
    font-weight: 400;
    font-size: 35px;
    margin-top:25px;
}

.heading-learning{
    font-weight:700;
    color:#367FB5;
}
#brochureDropdown:hover{
cursor:pointer !important;
}
.sub-heading{
    font-family:Raleway;
    font-weight: 400;
    font-size: 25px;
    margin-top:50px;
}

.btn-learn-more{
    margin-top: 100px;
    background-color: #A1CFF6;
    color: #367FB5;
    border:0;
    padding:10px 15px;
}

.sub-section{
    font-family:Raleway;
    font-weight: 400;
    font-size: 22px;
    margin-top:75px;
    color: #367FB5;
}

.product-section{
    margin-top:75px;
}

.product-section-title{
    font-family:Raleway;
    font-weight: 200;
    font-size: 50px;
    text-transform: uppercase; 
}

.contact-us-title{
    font-family:Raleway;
    font-weight: 200;
    font-size: 50px;
    text-transform: uppercase; 
    margin-top:75px;
}

.line{
    border-top: 1px solid #A1CFF6;
    margin-top:35px;
    margin-bottom: 100px;
}

.contact-us-title{
    font-family:Raleway;
    font-weight: 200;
    font-size: 40px;
    text-transform: uppercase; 
    margin-top:50px;
}

.contact-detail{
    font-family: Raleway;
    font-size:23px;
    color: black;
    font-weight: 400;
    margin-top:35px;
    margin-bottom:65px;
}


.wpf-center {
    margin: 0 auto !important;
    max-width: 800px;
}
.product-title{
    font-weight: 600;
}
.products-display-section{
    margin-top:75px;
}

.first-row{
    background-color: #F7F7F7;
}

.product-name{
    font-family:Raleway;
    font-weight: 300;
    font-size: 65px;
    text-transform: uppercase;
    color: #367FB5;
    margin-top:-100px;
}
.product-name-second{
    font-weight: 600;
}
.btn-view-more{
    margin-top: 75px;
    background-color: #A1CFF6;
    color: #367FB5;
    font-size: 20px;
    border:0;
    padding:10px 15px;
}
.btn-all-products{
    margin-top: 75px;
    background-color: #A1CFF6;
    color: #367FB5;
    font-size: 20px;
    border:0;
    padding:10px 15px;
}

.trust-section{
    margin-top: 100px;
    background-color:#367FB5;
}

.educational{
    font-family:Raleway;
    font-weight: 300;
    font-size: 35px;
    color: white;
    padding-top:75px;
}
.advert-img{
    margin-top:50px;
}

.furniture{
    font-family:Raleway;
    font-weight: 500;
    font-size: 50px;
    color: white;
    padding-top:50px;
    padding-bottom:50px;
}

.about-us-part{
    margin-top: 100px;
}

.about-us-title{
    font-weight: 300;
    font-size:50px;
    font-family:Raleway;
}
.about-us-subtitle{
    font-weight:500;
}
.about-us-image{
    margin-top:75px;
    margin-bottom:100px;
}

.product-slider{
    margin-top: 100px; 
    width: 300px;
    height: 300px;
    margin-bottom: 100px;
}

.product-info-side{
    background-color:#f4f3f3;
    margin-top:100px;
    margin-bottom:100px;
}

.product-info-title{
    margin-top:50px;
    margin-left:50px;
    font-family:Raleway;
    font-weight:600;
}

.product-info-description{
    font-family:Raleway;
    font-weight:400;
    margin-left:50px;
}

.description-title{
    font-family:Raleway;
    font-weight:500;
}

.description-desc{
    font-family:Raleway;
    font-weight:400;
    margin-top:25px;
}

.table-img{
    margin-top: 50px;
    margin-bottom:100px;
}

.misplay-prod-space:hover{
    background-color: #f4f3f3
}


footer{
    padding:10px;
    background: #A1CFF6;
    z-index: 999;
}

.footer-title{
    color: white;
    font-weight: 600;
    font-size: 25px;
}

.powered{
    color:white;
    font-size: 15px;
}

.GL{
    font-family:"Leckerli One" !important;
    font-size: 30px !important;
    color:#367FB5 !important;
    margin-left:10px;
}

a{
    text-decoration: none !important;
    color:#367FB5 !important;

}

a:hover{
    text-decoration: none !important;
}

.circle{
    width: 50px;
    height: 50px;
    padding: 10px;
    background: darkblue;
    border: 5px darkblue solid;
    border-radius: 50%;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-bottom:5px;
    margin-left: 20px;
}


.circle-g{
    width: 50px;
    height: 50px;
    padding: 10px;
    background: gray;
    border: 5px gray solid;
    border-radius: 50%;
    color: white;
    text-align: center;
    font-weight: 700;
    padding-bottom:5px;
    margin-left: 20px;
}

.circle-bg{
    width: 50px;
    height: 50px;
    padding: 10px;
    background: darkred;
    border: 5px darkred solid;
    border-radius: 50%;
    color: white;
    text-align: center;
    font-weight: 700;
    padding-bottom:5px;
    margin-left: 20px;
}



@media screen and (max-width: 770px) {
	
	.brand{
	width:150px;
}
    .masthead {
        width: 100%;
        background-size: cover;
    }

    .logo{
        width:200px;
    }

    .sub-section{
        font-size: 14px;

    }
	
	.about-us-title{
    font-size:30px;
	margin-bottom:10%

}
	
	.about-us-subtitle{
    font-size:30px;
	margin-bottom:10%;
}

    .product-name{
        margin-top:50px !important;
        font-size: 60px;
    }

    .product-section-title{
        font-size: 30px;
    }

    .chair-img{
        width: 200px;
    }
    .btn-view-more{
        margin-top: 40px;
        font-size: 20px;
        padding:7px 10px;
        margin-bottom: 25px;
    }

  

    footer{
        margin-top:25px !important;
    }
}

@media screen and (max-width: 380px) {

	.brand{
		width: 150px !important;
	}
    .masthead {
        width: 100%;
        background-size: cover;
    }

    .logo{
        width:200px;
    }

    .sub-section{
        font-size: 14px;
    }

    .product-name{
        margin-top:50px !important;
        font-size: 60px;
    }
	
	
.about-us-title{
    font-size:30px;
}
	
	.about-us-subtitle{
    font-size:30px;
}


    .product-section-title{
        font-size: 30px;
    }

    .chair-img{
        width: 300px;
    }
    .btn-view-more{
        margin-top: 40px;
        font-size: 20px;
        padding:7px 10px;
        margin-bottom: 25px;
    }

    .abt-us-img{
        width:300px;
    }

    .chair-img-prod{
        width:400px;
    }


    footer{
        margin-top: 25px;
    }

}