/*
Theme Name: WP-BOOTSTRAP3
Theme URI: 
Description: Custome Styles for Gazebo and Balihut Business (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");
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/*General*/
body {font-family: "Open Sans", sans-serif; list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -o-transition: all 1 ease 0s; transition: all 1s ease 0s;}
a:hover {text-decoration:none;}

.sitemap {padding:20px 0 5px; text-align:center;}
.sitemap ul  {margin-left:-40px;}
.sitemap li a {font-family: 'Raleway', sans-serif; color:#000; padding:5px 20px; font-weight:bold;}
.sitemap li {display:inline-block; letter-spacing:1px; list-style: none; margin-bottom:10px;}

/*Fonts*/
@font-face {font-family:HandOfSean; src: url(fonts/Hand_Of_Sean_Demo.ttf);}
@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);}

/*Header Section*/
header {}
.header_box {height:110px; position:relative;}
.logo {position:absolute; top:15px; left:0; z-index:5;}
.tagline {width:535px; position:absolute; top:15px; right:250px; z-index:5;}
.tagline h3 {font-family: 'Raleway', sans-serif; font-weight: 700; font-style:italic; text-transform: capitalize;}
.phone {font-family: 'Raleway', sans-serif; font-weight: 700; position:absolute; top:25px; right:0; z-index:5;}
.phone h4 {text-align:right;}

/*Navigation Section*/
nav {background-color:#293692; padding:5px 0;}
nav ul {margin:0; padding:0; text-align:center;}
nav ul li {display:inline-block; font-family: 'Raleway', sans-serif; font-weight: 700; list-style:none !important; padding:5px 10px 0; text-transform:uppercase;}
nav ul li a {color:#fff;}
nav ul li a:hover {color:#aaa;}

/*Headline Section*/
.headline {padding:15px 0 0;}
.headline h3 {font-family: 'Raleway', sans-serif; font-weight:700; font-size:26px !important; line-height:130%; text-align:center; text-transform:capitalize;}

/*Form Section*/
.form {padding:15px 0;}
.form_box {background-color:#ececfb; border:2px dotted #32a369; padding:20px 30px;}
.form_box h4 {font-family: 'Raleway', sans-serif; font-weight:700; margin-bottom:20px; text-align:center; text-transform: capitalize;}
.form_box_left {}
.form_box_left h3 {color:#32a369; margin-bottom:20px;}
.form_box_right {}
.form-control {border:1px solid #cbcbf6; border-radius:0 !important; height:25px; margin-bottom:5px; padding:2px 2px 2px 5px;}
.form-img-right {float:right; margin-left:5px; margin-bottom:5px;}
.form-img-left {float:left; margin-right:5px; margin-bottom:5px;}
.lock {font-size:9px; text-align:center;}
.lock .fa-lock {color:#E3C836; padding-right:3px;}
.submit {font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; }

/*Home Content Section*/
.home_content {}
.home_content_box {border-top:5px solid #e3e3e3;}
.innerpage_content {min-height:400px;}
.innerpage_content_box {border-top:5px solid #e3e3e3;}
.thankyou_content {min-height:400px;}
.thankyou_content_box {border-top:5px solid transparent;}
.left_col {}
.left_col ul {margin-left:-55px;}
.left_col li {list-style:none; margin-bottom:2px; text-align:center;}
.left_col li a {background-color:#c9c9c9; color:#000; display:block; font-weight:bold; padding:10px;}
.left_col li a:hover {background-color:#32a369; color:#fff;}
.right_col {min-height:400px; padding:20px 0;} 
.right_col h1 {font-family: 'Raleway', sans-serif; font-weight: 700; line-height:120%; margin-top:10px; margin-bottom:20px; text-align:center; text-transform:capitalize; font-size:32px;}
.right_col h2 {font-family: 'Raleway', sans-serif; font-weight: 700; line-height:130%; margin-top:20px; margin-bottom:20px; text-align:center; text-transform:capitalize;}
.right_col h3 {font-family: 'Raleway', sans-serif; font-weight: 700; font-size:22px !important; line-height:130%; margin-top:20px; margin-bottom:20px; text-align:center; text-transform:capitalize;}
.right_col h4 {font-family: 'Raleway', sans-serif; font-weight: 700; margin-bottom:15px; }
.right_col h5 {font-family: 'Raleway', sans-serif; font-weight: 700; margin-bottom:15px; }
.right_col p {margin-bottom:15px;}
.right_col ul, .right_col ol {margin-top:20px; margin-bottom:40px;}
.right_col li {list-style:none; margin-bottom:10px;}
.right_col ul li::before {color:#5CB85C; content: "\f00c"; font-family: FontAwesome; padding-right:5px;}

.check:before {color:#5CB85C; content: "\f00c"; font-family: FontAwesome; padding-right:5px;}

/*Page Content Section*/
.page_content {min-height:400px;}


/*Footer Section*/
footer {padding:20px 0;}
.copyright {font-size:12px; text-align:center;}
.copyright a {color:#000;}
.copyright a:hover {color:#32a369;}

.sitemap {padding:20px 0 5px; text-align:center;}
.sitemap ul  {margin-left:-40px;}
.sitemap li a { color:#000; padding:5px 20px; font-weight:bold;}
.sitemap li {display:inline-block; letter-spacing:1px; list-style: none; margin-bottom:10px;}

/*FAQs Page*/
.faqs_box {margin-top:30px; margin-bottom:30px;}
.faqs_box p {margin-bottom:5px !important;}

/*Misc*/
.warning_box {background-color:#f2dede; border:3px solid #a94442; margin:5px auto 20px; padding:10px 15px 0;}
.alert_box {background-color:#f5efd0; border:3px solid #f7edb8; margin:20px auto 30px; padding:10px 30px;}
.alert_box h3 {margin-top:10px !important;}
.alert_box ul {margin-bottom:10px !important;}
.well_box {background-color:#f5efd0; border:3px solid #f7edb8; margin:20px auto 30px; padding:20px 30px 5px;}
.img-right {float:right; margin-left:20px; margin-bottom:20px;}
.img-left {float:left; margin-right:20px; margin-bottom:20px;}
.display_blk {display:block;}
.red_text {color:#a94442; font-weight:bold;}
.red {color:#a94442;}
.next-step {border:2px dashed #AC7932; padding:10px 10px 5px; }
.dotted {height:15px; border-bottom:1px dotted #ccc; margin-bottom:15px; clear:both;}
.left{float:left; margin-right:10px;}
.watch-video-below {font-size:22px; font-family:HandOfSean; color:#F00; text-align:center; font-weight:normal;}


/*Font-Awesome*/
.fa-check-o {color:#5CB85C !important;}


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

}

@media (min-width: 980px) and (max-width: 1199px) {
.tagline {right:180px;}
}


@media (min-width: 768px) and (max-width: 979px) {
.header_box {height:auto;}
.logo {margin-top:10px;}
.logo, .tagline, .phone {margin-bottom:10px; position:static;}
.tagline {width:100%;}
.tagline, .phone h3, .phone h4 {text-align:center;}
.left_col ul {margin-left:-40px;}
}


@media (max-width: 767px) {
.header_box {height:auto;}
.logo {margin-top:10px;}
.logo, .tagline, .phone {margin-bottom:10px; position:static;}
.tagline {width:100%;}
.tagline, .phone h3, .phone h4 {text-align:center;}
nav {background-color:transparent;}
nav ul li {display:block; margin-bottom:5px;}
nav ul li a {background-color:#c9c9c9; display:block; padding:10px 0 5px;}
nav ul li a:hover {background-color:#32a369; color:#fff;}
.left_col ul {margin-left:-40px;}
.display_blk {display:inline;}
}


@media (max-width: 480px) {

}