/*
Theme Name: Boom-Coffee
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: A slick, powerful and clean theme Boom-Coffee provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive &amp; mobile ready should you choose that option. The Boom-Coffee theme features include: unlimited colors, widgetized home page, over 500 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive Boom-Coffee support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: http://themeforest.net/user/AndonDesign/portfolio?ref=AndonDesign
Version: 2.4.14
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/

@import url(https://fonts.googleapis.com/css?family=Bangers);
@import url('https://fonts.googleapis.com/css?family=Special+Elite');

#top-wrapper { background:#FFF; }
#main-menu { background: #000; }
#bottom-bg { background: #000; }
#footer-bg { background: #FFCB08; }

#top-elements .phone-number {
	font-family: 'Special Elite', cursive;
	font-size: 30px;
	color: #000;
}
#top-elements .phone-number-padding {
	padding-top: 0;
}
#page-content-title {
	background: transparent url(styles/style1/images/heading_underline.png) repeat-x scroll 0 100%;
}
#page-content-title #page-title h1 {
	text-align: right;
}
.enquiryfrm { background:#000; padding:15px 0; }
.enquiryfrm ul { 
	list-style: none; 
	margin: 0; 
	vertical-align: top; 
}
.enquiryfrm ul li { 
	list-style: none; 
	margin-left: 0; 
	margin-bottom: 7px;
	vertical-align: top; 
	overflow:hidden;
}
ul.frmblock1 {
	width:40%;
	display: inline-block;
}
ul.frmblock2 {
	width:34%;
	display: inline-block;
}
ul.frmblock3 {
	width:25%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.enquiryfrm input[type=text] {
	width: 96%;
	background: #474747;
	border: none;
	color: #FFF;
	padding: 7px 3%;
	font-size: 16px;
}
.enquiryfrm input[type=submit] {
	background:url(styles/common-images/enquiry-btn.png) no-repeat;
	width: 142px;
	height: 88px;
	font-size: 0;
	border: none;
	cursor: pointer;
}
.fldname { 
	width:36%; 
	padding-right: 4%; 
	display: inline-block; 
	text-align: right; 
	font-family: 'Special Elite', cursive; 
	color:#fbe60d; 
	font-size: 20px;
	vertical-align: top;
}
.fldtype { 
	width:58%; 
	display: inline-block;
	vertical-align: top;
}
.sidebarenquiry .enquiryfrm {
	padding: 30px 15px 25px;
}
.sidebarenquiry ul.frmblock1, 
.sidebarenquiry ul.frmblock2, 
.sidebarenquiry ul.frmblock3 { 
	width: 100%; 
}
.sidebarenquiry .enquiryfrm input[type=submit] {
	background:url(styles/common-images/enquiry-btn-s.png) no-repeat;
	width: 189px;
	height: 55px;
	font-size: 0;
	border: none;
	cursor: pointer;
}
#content-container .cont_col_1_title, 
#content-container .cont_col_2_title, 
#content-container .cont_col_3_title, 
#content-container .cont_col_4_title, 
#content-container .after_cont_row_1_title, 
#content-container .after_cont_row_2_title { 
	background: none;
	text-align:center;
	padding-bottom: 0;
}
#home-page-content #content-container {
    padding: 0 0 20px;
}
#bottom .widget_nav_menu ul { 
	width: 100%; 
	margin: 0 auto; 
	text-align: center;     
	list-style: none;  
}
#bottom .widget_nav_menu li {
    list-style-type: none;
	list-style: none;
    margin-left: 0;
    width: auto;
    background: none;
	display: inline-block;
	text-align:center;
	font-family: 'Special Elite', cursive;
	font-size: 26px;
}
#bottom .widget_nav_menu li a {
    background: none;
	padding-right: 20px;
	padding-bottom: 0;
}
ul#menu-footer-menu li.current-menu-item a {
    color: #FBE60D;
}
#footer_text { text-align: center; }


#contact-wrapper {
    padding: 10px 20px;
    background: #000;
    font-family: 'Special Elite', cursive;
    color: #fbe60d;
    font-size: 1.5em;
    line-height: 1.6em;
}
#contact-wrapper label, #contact-wrapper em {
    font-size: 1.0em;
}
#contact-wrapper div {
    clear: both;
    margin: 0.5em 0;
}
form#contactForm input, form#contactForm textarea {
	width: 94%;
    background: #474747;
    border: none;
    color: #FFF;
    padding: 7px 3%;
    font-size: 16px;
	border: none;
}
form#contactForm input.submit {
	display: inline-block;
    position: relative;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow:inset -2px -2px 5px 0 #666;
	box-shadow:inset -2px -2px 5px 0 #666;
	background: #fbe60d;
	font-family: 'Special Elite', cursive;
	color: #000;
    font-size: 1.4em;
	padding: 10px 0;
	text-align: center;
	width: 130px;
}
form#contactForm label.error, form#contactForm label.success { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:16px; }



@media screen and (max-width: 959px) {
	ul.frmblock3 {
		width:23%;
	}
}
@media screen and (max-width: 719px) {
	body {
		background: url("http://localhost/boomcoffee/wp-content/uploads/2016/03/bg.jpg") repeat scroll left top #FFFFFF;
	}
	#top-elements{
		padding-bottom: 15px;
	}
	.enquiryfrm { 
		padding: 15px 15px; 
	}
	ul.frmblock1, 
	ul.frmblock2, 
	ul.frmblock3 { 
		width: 100%; 
	}
	#page-content-title #page-title h1 {
		text-align: left;
	}
}
