/*
Theme Name: Blank
Author: Zoomroom Interactive
Author URI: http://wordpress.org/
Description: Default theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black,left-sidebar, right-sidebar, fixed-layout, responsive-layout,custom-header, custom-menu, 

*/

/******************************************************************


******************************************************************/

/******************************************************************
01. GENERAL STYLES
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline; *zoom: 1;}
audio:not([controls]) { display: none;height: 0;}
[hidden] { display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{border: 0;font: inherit;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html,body{font-family: "adobe-garamond-pro",sans-serif;font-weight:300;font-size:14px;}
body{background:#fbfbfb;}
html{font-size: 1em;ms-text-size-adjust: 1em;webkit-text-size-adjust: 1em;}
ul li{list-style: inside none;}
select{font-size: 1em;}
hr{display:none;}
p { margin-bottom:20px; }
h3 { font-weight:bold; font-size:22px; padding-top:20px; }


/******************************************************************
02. CLEARFIXIN / FLOATS / INPUTS STYLES
******************************************************************/
.left{float: left;}
.right{float: right;}
.hidden {display: none !important;}
.opaque {opacity: 0 !important;}
.show{display:block;}
.last{margin:0!important}
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clear{clear:both;}
.spacer{height:20px;}

*::-moz-selection{background: none repeat scroll 0 0 #95C6B5;color: #FFFFFF;}
*::selection {background: none repeat scroll 0 0 #95C6B5;color: #FFFFFF;}
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], textarea {-moz-box-sizing: border-box;background-color: #FFFFFF;border: 1px solid #DDDDDD;margin: 0;padding: 6px 10px;width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { -moz-box-sizing: border-box;color: #000; border:1px solid #DDDDDD;}
input, button, textarea { -moz-box-sizing: border-box;color: #000; border:1px solid #DDDDDD; outline: medium none;position: relative;transition: all 0.1s ease 0s; -webkit-appearance: none;border-radius: 0;resize:none;}
a[href^=tel]{text-decoration:none;color:#fff;}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

blockquote.alignleft,img.alignleft {margin: 7px 24px 7px 0;}
.wp-caption.alignleft {margin: 7px 14px 7px 0;}
blockquote.alignright,img.alignright {margin: 7px 0 7px 24px;}
.wp-caption.alignright {margin: 7px 0 7px 14px;}
blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}
blockquote a { color:#D2A757; }

.site-content blockquote.alignleft,.site-content blockquote.alignright {border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-top: 17px;width: 50%;}
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: 17px;}

.wp-caption {margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption {color: #767676;}

.wp-caption-text {font-size: 12px;font-style: italic;line-height: 1.5;margin: 9px 0;}

/******************************************************************
03. LAYOUT & GRID STYLES
******************************************************************/

.container {margin-left: auto; margin-right: auto;max-width:980px;}
.container:before,.container:after {display: table;content: ""; line-height: 0;}
.container:after {clear: both;}

/******************************************************************
04. HEADER
******************************************************************/
#header{ background:#fff;}
#main_menu{background: url(lib/images/bk_nav.jpg) repeat-x;height:48px;margin-top:-48px;}
.nav{float:right;}
.nav li{float:left;}
.nav li a{padding:14px 20px;display:block;color:#fff;text-transform: uppercase;text-decoration:none;font-size:16px;	-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;}
.nav li a:hover{color:#d2a757;}
.nav li:last-child a{padding-right:0;}
#logo{padding:10px 5px;width:260px;float:left;}
#logo img{width:100%;display:block;}
#tagline{float:right;font-size:20px;font-style:italic;color:#d2a757;letter-spacing: 1px;margin-top:35px;font-weight:300;}
.js .nav-collapse {position: relative;}
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }

/******************************************************************
05. HOMEPAGE
******************************************************************/
#content{background:#fff;display:block;height:auto;padding:0;}
#content .homepage_feature{position:relative;float:left;margin:-4px 0 0 0;overflow:hidden;padding:0;}
#content .homepage_feature.left {width:50%;}
#content .homepage_feature.right {width:50%;}
#content .homepage_feature:last-child{margin:-4px 0 0 0;}
#content .homepage_feature h3{position:absolute;top:30px;margin:0 35px;width:155px;}
#content .homepage_feature h3.last{right:35px;}
#content .homepage_feature img{display:block;}
#content .homepage_feature .view{position:absolute;top:125px;padding:7px 25px 5px 20px;border-radius:7px;margin:0 35px;background:#705e4f;}
#content .homepage_feature:last-child .view{position:absolute;top:125px;padding:7px 25px 5px 25px;border-radius:7px;right:0px;background:#705e4f;}
#content .homepage_feature .view a{color:#fff;text-decoration:none;}

/******************************************************************
05. INTERNAL
******************************************************************/
#main .breadcrumb{color:#666;float:right;width:auto;}
#main .breadcrumb a{color:#000;}
#main .page_header {width:100%;}
#main .page_header img{width:100%;height:auto;clear:both;margin-top:-4px;}
#main .content{background:#fff;padding:30px 30px;}
#main .content h1{display: block;font-size: 16px;padding: 14px 0px;text-decoration: none;text-transform: uppercase;color:#D2A757;}
#main .content p{font-size:15px;}
#main .content blockquote{border-left:4px solid #D2A757;margin:20px 0;padding-left:15px;font-style:italic;font-size:16px;color:#666;}
h4 { font-size:1.3em; font-weight:bold; margin:15px 0px 5px 0px; }

/******************************************************************
06. CALL TO ACTION
******************************************************************/
#calltoaction{background:url(lib/images/bk_calltoaction.png) no-repeat #352c26 center 0%;padding:25px 0 30px;margin:0 auto;text-align: center;color:#fff;font-size:16px;}
#calltoaction h4{border-bottom:1px solid #d2a757;letter-spacing: 1px;color:#d2a757;text-transform:capitalize;font-size:18px;width:25%;margin:0 auto 10px;padding-bottom:3px;font-weight:300!important;}
#calltoaction span{color:#d2a757;}
#calltoaction span.gold{color:#d2a757;}
#calltoaction a{text-decoration: none;color:#fff;}


/******************************************************************
06. FOOTER
******************************************************************/
#footer{background:#fff;padding-bottom:3%;}
#footer .footercol{width:22%;margin:3% 3% 3% 0;float:left;border-right:1px solid #5c5245;}
#footer .footercol:last-child{margin-right:0;border:none;}
#footer .footercol h4{font-style: 24px;text-transform:uppercase;color:#666;margin-bottom:15px;font-weight:500;}
#footer .footercol ul{padding-left:20px;}
#footer .footercol ul li{color:#d2a757;list-style:inside disc;text-transform:uppercase;font-size:12px;}
#footer .footercol ul li a{text-decoration:none;color:#666;}
.copyright{color:#999;font-size: 11px;}
#calltoaction .container span:last-child { display:none; }
#footer h5 { color:#fff; font-style:italic; padding-top:10px; padding-left:20px; font-size:11px; color:#B98553; }
#foot-credit, #foot-credit a{text-align:center; font-size:12px; color:#9a9a9a;}

/* ------------------------------------------- */
/*  Responsive Grid - 
/*      1. Tablet
/*      2. Mobile Portrait
/*      3. Mobile Landscape
/* ------------------------------------------- */
 
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                 { width:748px; }
    .container .one_half       { width:364px; }
    .container .one_third      { width:236px; }
    .container .one_fourth     { width:172px; }
    .container .two_thirds     { width:492px; }
    .container .three_fourths  { width:508px; }
}
 
@media only screen and (max-width: 767px) {
    .container { width:320px;padding:0; }
    .container .one_half,
    .container .one_third,
    .container .one_fourth,
    .container .two_third,
    #footer .container .footercol{ width:300px; margin-left:8px;float:none;border:none;text-align: center }
    #content .homepage_feature {float: none;margin:4%;overflow: hidden;padding: 0;position: relative; width: 92%;}
  #content .homepage_feature.left {width:92%;}
#content .homepage_feature.right {width:92%;}
    #content .homepage_feature:last-child{margin:4%;}
    #logo {width:65px;}
    #content .homepage_feature h3 {
    margin: 0 2.5%;}
     #content .homepage_feature .view {margin: 0 2.5%;}
     #content .homepage_feature h3.last {
    right:  2.5%;
}
#calltoaction h4{width:100%;}
    #footer .footercol ul li {
    color: #D2A757;
    font-size: 12px;
    list-style:inside none;
    text-transform: uppercase;
}
	#tagline {
    color: #D2A757;
    float: right;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 18px;
    margin-right:20px;
}
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}  

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
  z-index:9999;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-collapse.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  color:#fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
    padding: 14px 0px;
  float:right;
  margin-right:20px;
}#footer .footercol ul {
    padding-left: 0px;
}
}
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container{ width:420px; }
 
    .container .one_half,
    .container .one_third,
    .container .one_fourth,
    .container .two_thirds,
    #footer .container .footercol { width:420px; margin:0;float:none; }
  #main_menu {background: url(lib/images/bk_nav.jpg) repeat; height: 80px!important; margin-top: -80px;}
  #logo {width:120px}
}


ul#menu-main_menu.nav.clearfix.nav-collapse.opened {
  background:#666666!important;
  margin-bottom:20px!important;
  padding-bottom:20px!important;
}

#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {
    font-weight: bold!important;
  font-family: "adobe-garamond-pro", sans-serif;
}