/*
Theme Name: WP-BOOTSTRAP3
Theme URI: 
Description: Custome Styles for Wholesale Paint Supplies (Bootstrap 3)
Version: 0.0.1
Author: PrimeWebPro
Author URI: www.primewebpro.com

All rights reserved.
*/

@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");

/*General*/
body {font-family:MuseoSans500; list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, li {margin:0; padding:0;}
a {color:#71b719; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
a:hover {color:#407103; text-decoration:none;}
.fa {color:#71b719;}

/*Fonts*/
@font-face {font-family:BebasNeue; src:url(fonts/BebasNeue.otf);}
@font-face {font-family:MuseoSans500; src: url(fonts/museosans-500.otf);}

body {background:url(http://wholesalepaintsupplies.com.au/wp-content/uploads/2016/09/bg.jpg) no-repeat top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  padding:0;}

/*Header Section*/
header {}
.header_box {background-color:rgba(255, 255, 255, 0.9); height:140px; position:relative; padding:0; }
.logo {position:absolute; top:10px; left:30px; z-index: 5;}
.email, .address, .phone {color:#000; font-family:BebasNeue; font-size:30px; letter-spacing:1px; position:absolute; top:50px; right:50px; z-index: 5;}
.address {top:80px;}

/*Form Section*/
.form {}
.form_container {background-color:rgba(0, 0, 0, 0.25); padding:30px;}
.form_box {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#71b719)); background: -webkit-linear-gradient(top, #71b719, #ffffff); background: -moz-linear-gradient(top, #71b719, #ffffff); background: -ms-linear-gradient(top, #71b719, #ffffff); background: -o-linear-gradient(top, #71b719, #ffffff); border-radius:10px; opacity:.95 !important; padding:20px 30px; }
.form_title {color:#fff; margin-bottom:10px;}
.form_title h1 { font-family:BebasNeue; font-weight:bold; text-align: center;}
.form_title .fa-check-square-o {color:#fff;}
.form_content {opacity:1 !important;}
.form_content .form-control {border-radius:0 !important; margin-bottom:5px; border:1px solid #909090 !important; height:30px; width:100%; }
.form_content textarea {height:80px !important; margin-bottom:10px !important;}
.form_content .lock {font-size:11px; text-align: center; }
.form_content .fa-lock {color:#E3C836; padding-right:3px;}


/*Content Section*/
.content {}
.content_box {background-color:rgba(255, 255, 255, 0.92); padding:40px 30px;}
.leftcol {}
.leftcol h2 {background-color:#407103; -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); color:#fff; font-family:BebasNeue; margin-top:15px; margin-bottom:10px; text-align: center; padding:5px 10px;}
.leftcol ul {margin-bottom:20px; margin-left:-40px;}
.leftcol li {font-size:14px; list-style: none;}
.leftcol li a {background-color:#71b719; color:#fff; display:block; margin-bottom:3px; padding:5px 10px 5px 20px;}
.leftcol li a:hover {background-color:#407103; color:#fff;}
.rightcol {}
.rightcol h1, .rightcol h2, .rightcol h3, .rightcol h4, .rightcol h5, .rightcol h6 {font-family:BebasNeue; margin-top:15px;  margin-bottom:15px;}
.rightcol h1 {font-size:46px; text-align:center;}
.rightcol h2 {font-size:40px;}
.rightcol h3 {font-size:34px;}
.rightcol h4 {font-size:28px; margin-top:10px; margin-bottom:15px;}
.rightcol p {font-size:16px; margin-bottom:10px; }
.rightcol ul {margin-top:5px; margin-bottom:5px;}
.rightcol li {font-size:16px; list-style:none outside; margin-bottom:10px; margin-left:-20px;}
.rightcol li:before {color:#71b719; content: "\f00c"; display: inline-block; font-family: FontAwesome; padding-right:5px;}
.rightcol ol li {list-style:decimal;} 
.rightcol ol li:before {content:none !important;}
.rightcol ol > li > ul > li:before {color:#bf1238; content: "\f00c"; display: inline-block; font-family: FontAwesome; padding-right:5px;}
.rightcol img {opacity:.9; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.rightcol img:hover {cursor: pointer; opacity:1;}
.rightcol .address2_form {}
.rightcol .address2_form .form-control {border-radius:0; margin-bottom:5px;}
.rightcol .unsubscribe_form {} 
.rightcol .unsubscribe_form .form-control {border-radius:0; margin-bottom:5px;}

/*FAQ's Page*/
.faq_box {background-color:#fbfbfb; margin:15px auto; padding:10px 15px; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.faq_box:hover {background-color:#407103; color:#fff; cursor:pointer;}
.faq_title {font-size:130%; font-weight:bold;}

/*Photo Gallery Page*/
.photo_gallery_box {margin-bottom:15px;}
.photo_gallery_box img {opacity:.9; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.photo_gallery_box img:hover {cursor: pointer; opacity:1;}
.rpg-gal-title {font-family:BebasNeue !important; font-size:30px !important;}

/*Blockquote Section*/
blockquote {border-left:5px solid #29aae1; clear:both; margin-top:20px; margin-bottom:30px; webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
blockquote:hover {background-color:transparent; border-left:5px solid #005fa6; cursor:pointer;}
blockquote span {float:right; font-weight:bold;}
blockquote span:before {content:"-"; padding-right:5px;}

/*Table Section*/
.table {font-size:16px !important;}

/*Alert Section*/
.alert {font-size:16px; margin-top:20px;}

/*Map*/
.map iframe {height:300px; margin:20px auto; width:100%;}

/*Footer Section*/
footer {margin-bottom:15px;}
.sitemap {padding:20px 0 5px; text-align:center;}
.sitemap h4 {border-bottom:3px solid #407103; color:#fff; display:inline-block; margin-bottom:15px; padding-bottom:5px; text-align:center; text-transform:uppercase;}
.sitemap ul  {margin-left:-40px;}
.sitemap li {display:inline-block; letter-spacing:1px; list-style: none; margin-bottom:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);}
.sitemap li a {background-color:transparent; color:#fff; padding:5px 10px;}
.sitemap li a:hover {background-color:#71b719;}
.owner_details {color:#fff; padding-bottom:5px; text-align: center;}
.copyright {color:#fff; text-align: center;}
.copyright a {color:#fff;}
.copyright a:hover {color:#71b719;}

/*Misc*/
.display_blk {display:block;}
.display_none {display:none;}
.gapfix {height:20px; clear:both;}
.img_full {margin:0 auto 15px; text-align:center; text-transform:capitalize;}
.img_full img {margin-bottom:-20px;}
.img_full .img_tagline {font-size:12px;}
.img_right {float:right; margin-left:10px; margin-bottom:10px; text-align:center; text-transform:capitalize;}
.img_right img {margin-bottom:-10px;}
.img_right .img_tagline {font-size:12px;}
.img_left {float:left; margin-right:10px; margin-bottom:10px; text-align:center; text-transform:capitalize;}
.img_left img {margin-bottom:-20px;}
.img_left .img_tagline {font-size:12px;}
.postal1 {background-color:#e9f7fd;}

/*Media Queries*/
@media (min-width: 1200px) { 

}

@media (min-width: 980px) and (max-width: 1199px) {

}


@media (min-width: 768px) and (max-width: 979px) {
.header_box {height:auto;}
.logo, .email, .address, .phone {position:static; text-align:center;}
.form_image {margin-top:20px; margin-bottom:20px;}
.leftcol {margin-bottom:30px;}
}


@media (max-width: 767px) {
.header_box {height:auto;}
.logo, .email, .address, .phone {font-size:20px; position:static; text-align:center;}
.form_image {margin-top:20px; margin-bottom:20px;}
.leftcol {margin-bottom:30px;}
}


@media (max-width: 480px) {
.form_container {padding:15px 0;}
.form_box {padding:15px;}
.form_content .lock {font-size:10px;}
.content_box {padding:20px 10px;}
.sitemap li {display:block;}
.owner_details, .copyright {font-size:12px;}
.display_blk_480 {display:block;}
.img_right {float:none; margin:10px auto;}
.img_left {float:none; margin:10px auto;}
.rightcol h3 {margin-top:30px;}
}