/*
Theme Name: WP-Bootstrap
Theme URI: 
Description: Custome Styles for Combined Property Services(Bootstrap 3)
Version: 0.0.1
Author: George Padlan Yap
Author URI: 

All rights reserved.
*/

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

/*General*/
body {background-color:#FFF; list-style:none !important; margin:0; padding:50px 0 0;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {-webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
a:hover {text-decoration:none;}

/*Fonts*/
@font-face {font-family:HelveticaNueLTPro-Lt; src: url(fonts/HelveticaNeueLTPro-Lt.otf) );}
@font-face {font-family:HelveticaNueLTPro-Blk; src: url(fonts/HelveticaNeueLTPro-Blk.otf);}
@font-face {font-family:HelveticaNueLTPro-BdEx; src: url(fonts/HelveticaNeueLTPro-BdEx.otf);}
@font-face {font-family:Rockwell; src: url(fonts/ROCK.TTF);}

/*Navbar Section*/
.navbar-inverse {background-color:#ed1c24; border:1px solid #ed1c24;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover {color:#55BAF2;}

/*Header Section*/
header {background-color:#FFF; }
.header {height:140px; position:relative;}
.logo {position:absolute; top:10px; left:0; z-index:1;}
.phone {position:absolute; top:50px; right:0; z-index:1;}
.phone h3 {color:#2a3e92; font-family:HelveticaNueLTPro-BdEx;}

/*Banner Section*/
.banner {background: url(images/banner.jpg) no-repeat top center fixed; height:200px; padding:62px 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.banner {-moz-box-shadow:inset 0 0 10px #111; -webkit-box-shadow: inset 0 0 10px #111; box-shadow: inset 0 0 10px #111;}
.banner .headline {margin:0 auto;}
.banner .headline h1 {color:#fff; font-family:HelveticaNueLTPro-BdEx; font-size:36px;  padding:5px; text-align:center; text-shadow:1px 1px 1px #333; text-transform:uppercase;}

/*Form Section*/
.form {background-color:#ed1c24; padding:20px 0;}

.form-box {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F1F3FA)); background: -webkit-linear-gradient(top, #F1F3FA, #FFF); background: -moz-linear-gradient(top, #F1F3FA, #FFF); background: -ms-linear-gradient(top, #F1F3FA, #FFF); background: -o-linear-gradient(top, #F1F3FA, #FFF); padding:10px; width:100%;}
.form-box h3 {color:#2a3e92; font-weight:bold; margin-bottom:15px; text-align:center; position:relative;}
.form-control {border:1px solid #D4D6DC; border-radius:0; height:30px; margin-bottom:5px;}
.comments-br {display:block; font-style:italic; padding-left:5px;}
.label {color:#000; font-size:14px; font-weight:600; margin-left:-5px;}

.lock {font-size:12px; margin-top:10px;text-align:center;}

/*Content Section*/
.content {padding:40px 0;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {font-family:HelveticaNueLTPro-BdEx; margin-bottom:15px;}
.content h1, .content h2, .content h3 {font-weight:bold;}
.content p {margin-bottom:15px;}
.content li {margin-bottom:10px;}
.content h1 {text-align:center;}
.content h2 {}
.content h3 {}
.content ul, .content ol {margin-bottom:30px;}
.content li {list-style:none !important; margin-left:-40px;}
.content a {color:#1479B1 !important;}
.content a:hover {color:#004B76 !important;}
.content .well p {font-size:16px;}

/*Footer Section*/
footer {background-color:#ed1c24; padding:20px 0; display:none;}
.property-maintenance {}
.property-maintenance img {margin-bottom:8px;}
.property-maintenance h4 {color:#fff; font-size:15px !important; margin-bottom:10px; text-align: center;}
.pmbox h4 a {color:#fff;}
.pmbox h4 a:hover {color:#55BAF2;}


/*Copyright Section*/
.copyright {background-color:#b31b23; color:#fff; font-size:12px; padding:5px 0; text-align:center;}
.copyright a {color:#fff; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.copyright a:hover {color:#55BAF2;}

/*Misc*/
.left-img {float:left; margin-right:15px;}
.right-img {float:right; margin-left:15px; }
.divider {height:20px; border-top:1px dotted #ebebeb; margin-top:20px;}
blockquote {font-size:16px;}

/*Button*/
.btn-form {background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFEF6B), to(#FFCD40)); background: -webkit-radial-gradient(circle, #FFEF6B, #FFCD40); background: -moz-radial-gradient(circle, #FFEF6B, #FFCD40); background: -ms-radial-gradient(circle, #FFEF6B, #FFCD40); border:1px solid #A6ADAC; color:#004B76; font-weight:bold; padding-right:30px; padding-left:30px; text-transform:uppercase; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.btn-form:hover {background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFEF6B), to(#FFEF6B)); background: -webkit-radial-gradient(circle, #FFEF6B, #FFEF6B); background: -moz-radial-gradient(circle, #FFEF6B, #FFEF6B); background: -ms-radial-gradient(circle, #FFEF6B, #FFEF6B); color:#443D3D;}



/* Large desktop */
@media (min-width: 1200px) { 

}

@media (min-width: 980px) and (max-width: 1199px) {
.header {height:auto; padding:10px 0;}
.logo, .phone {position:static;}
.phone {margin-top:10px;text-align:center;}
.pmbox {margin-bottom:10px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.header {height:auto; padding:10px 0;}
.logo, .phone {position:static;}
.phone {margin-top:10px;text-align:center;}
.pmbox {margin-bottom:10px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.header {height:auto; padding:10px 0;}
.logo, .phone {position:static;}
.phone {margin-top:10px;text-align:center;}
.phone h3 {font-size:20px;}
.banner .headline h1 {font-size:30px;}
.form-box h3 {font-size:18px;}
.label {font-size:12px;}
.lock {font-size:10px;}
.content h1 {font-size:24px !important;}
.content .well p {font-size:14px;}
.pmbox {margin-bottom:20px;}
.copyright-link {display:block;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
.banner {padding-top:40px;}
.banner .headline h1 {font-size:24px;}
.label-sm {font-size:11px;}
.property-maintenance h4 {font-size:13px !important;}
.copyright-reserved {display:block;}
}