/*
Theme Name:         Reverie
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            3.1.0
Author:             Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	div.reverie-header { margin: 0 0 20px 0; padding: 20px 0 0 0; border-bottom: solid 1px #ccc; }
	div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	
	@media handheld, only screen and (max-width: 790px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

	img{border-style:none;}
/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Add Divider for Listed Posts */
	.post-divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure {
		margin-bottom: 17px;
	}
	figure img {
	height: auto;
	margin: 0 auto;
	display: block;
	border-image: initial;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Overwrite Off-Canvas Style */
	footer { background: #fff; color: inherit; padding: 10px 0; }
	.js [role="main"] { background: inherit; }
	.top-header { overflow: visible; }
	#content { padding-left: 0; }
	#sidebar { padding-right: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  --------------------------
    ICA Customized Style
    ----------------------- */
	
/* ---------------------------
			FONT INDEX
   ---------------------------
   
   fonts.com  |  Institute of Classical Architecture - SE
   
	Trajan Pro						font-family:'Trajan Pro 1167363';
	Copperplate Gothic			font-family:'CopperplateGothicLTW01- 706022';
	Centaur							font-family:'Centaur W01';
	Centaur Italic					font-family:'Centaur W01 Italic';
	Centaur Bold					font-family:'Centaur W01 Bold';
   
   ------------------------ */
   
   /* Copperplate */
	h1, h2, h3, h4, h5, .sidebar-box h6 a { font-family: 'CopperplateGothicLTW01- 706022' !important; font-weight:100; }
	/*h1, h2, h3, h4, h5, .sidebar-box h6 a { font-family: 'CopperplateGothicLTW01- 706022', Copperplate, 'Copperplate Gothic Light', fantasy !important; font-weight:100; }*/
	/* Centaur */
	body {font-family:'Centaur W01', 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif;}
   strong, .sidebar-box .current_page_item a {font-family:'Centaur W01 Bold'; }
   em {font-family:'Centaur W01 Italic';}
   em strong, strong em {font-style: italic; font-family:'Centaur W01 Bold';}
   /* Trajan */
   .home-button, .contact-button, .nav a {font-family:'Trajan Pro 1167363'; text-transform:uppercase; font-weight:normal !important;}
   
    /* ------------------------
    BASIC STRUCTURES & BGs
    ----------------------- */
	/* font styles and more detailed styling are found in specific sections below these styles */
   
   /*.upper-rail, .lower-rail {height:27px; background:#fff; width:100%;}*/
   .upper-rail {/*box-shadow:0 -6px 12px rgba(67,27,0,.11);*/ position:relative; z-index:90; -webkit-transform: translate3d(0,0,0);}
   .complex-top-border {height:7px; border-bottom:1px solid #aac0cf; width:100%; /*box-shadow:0 -6px 12px rgba(67,27,0,.11);*/ position:relative; z-index:90;}
   .complex-bottom-border {/*height:7px;*/ border-top:1px solid #aac0cf; width:100%;/*box-shadow:0 6px 12px rgba(67,27,0,.11);*/ position:relative; z-index:90;}
   .frieze-wrapper {height:140px; /*background:url(images/header-frieze-bg.png) top center repeat-x #f9f2ea;*/}
   .small-upper-rail {height:10px; width:100%; background:#fff;box-shadow:0 -6px 12px rgba(67,27,0,.11); position:relative; z-index:90;}
   .homepage-content {height:191px; width:100%; background:url(images/fold-home-bg.png) top center no-repeat #dfe9f1; }
   #content-info {width: 100%;}
   .footer-info-wrapper {background:#f9f2ea; min-height:40px;}
   
   .post-box li{font-size:16px;}
   .post-box{min-height:400px;}
   /* ------------------------
    BASIC TYPE STYLES
    ----------------------- */
   
   h1 {font-size: 32px; text-align: center; letter-spacing: -1px; color:#385367;}
   h2 {font-size:28px;}
   h3 {font-size:24px;}
   p {font-size:18px; line-height:24px;}
   p a {color:#385367;}
   
   /* ------------------------
    HEADER STYLES
    ----------------------- */
	
	.header-button-container {text-align:center;}
	.home-button, .contact-button {color:#fff; display:block; margin:0 auto; width:130px; height:34px; background:#fff; background:#cccccc; line-height:34px; border-radius: 0 0 24px 24px;}
	.logo img {position:relative; top:0px; z-index: 200; margin-bottom:-5px; -webkit-transform: translate3d(0,0,0);max-width:250px;}
   
   /* ------------------------
    NAVIGATION
    ----------------------- */
	.contain-to-grid {background:#fff;}
   	.nav-row { width: 960px; min-width: 790px; margin: 0 auto; max-width: 100%; }
	.toggleMenu { display:  none; background: #fff; padding: 10px 15px; color: #385367; }
	.toggleMenu:hover { color: #385367; }
	.top-header .twelve { padding: 0px; }
	.nav { list-style: none; *zoom: 1; background: #fff; display: table; width: 100%; margin-top: 0px; margin-bottom:0px; padding: 5px;  }
	.nav:before, .nav:after { content: " ";  display: table; }
	.nav:after { clear: both; }
	.nav ul { list-style: none; }
	.nav a {  color:#385367; display: block; font-size:16px;  }
	.nav li { position: relative;  }
	.nav > li { display: table-cell; }	
	.nav > li > a { display: block; text-align: center; margin: 0 10px; padding:9px inherit; }
	.nav li  ul { position: absolute; left: -9999px; }
	.nav > li.hover > ul { left: 24px; }
	.nav li li.hover ul { left: 100%; }
	.flyout {top:43px; border:none; z-index:99; -webkit-transform: translate3d(0,0,0);}
	.nav li li a { display: block; background: #fff; position: relative; z-index:100; -webkit-transform: translate3d(0,0,0); }
	.nav li li li a { background:#fff; z-index:200; -webkit-transform: translate3d(0,0,0);}
	.nav li ul li a { padding: 10px 15px; }
	.fixed nav { margin-top: 0px; }
	.flyout-toggle {display:none !important;}
	.menu-item-106, .menu-item-107 {display:none !important;}
   
  

   /* ------------------------
    SLIDER STYLES
    ----------------------- */
	
	.flexslider ul {margin:0; padding:0; line-height:0;}
	
	/* ------------------------
    HOMEPAGE STYLES
    ----------------------- */
   
   .homepage-content {padding-top:21px;}
   .homepage-content p {color:#3c2207;}
   
   /* ------------------------
    SECONDARY STYLES
    ----------------------- */
	
	#content {margin:0; padding:36px;background:#fff;}
	.content-wrapper {background:url(images/content-wrapper-bg.png) repeat #c5d4df;}
	.post-box {border:1px solid #d7e1e8; padding:36px;}
	.post-box p {color:#3b3a3c;}
	.post-box ul {padding-left:1.618em;}
	
	.page-id-17 #sidebar {display:none;}
	.page-id-17 #content {margin:0 auto;float:none !important;}
	/* ------------------------
    SIDEBAR STYLES
    ----------------------- */
   #sidebar {padding-left:0; margin-top:36px; float:right;}
   .side-rail {height:24px; background:#fff; opacity:.82;}
   .sidebar-box {background:#fff; background: rgba(255,255,255,.54); width:95%;}
   .sidebar-box h6 { font-size:21px; margin:0; border-bottom:1px solid #c8d5df;height:45px; line-height:45px;}
   .sidebar-box h6 a {color:#385367;padding-left:18px; display:block; height:100%; width:100%;}
   .sidebar-box h6 a:hover {background:rgba(255,255,255,.4);}
   .sidebar-box ul {list-style-type:none; margin-bottom:14px;}
   .sidebar-box li {padding-left:0; display:block; height:45px;border-bottom:1px solid #c8d5df;font-size:18px;}
   .sidebar-box li a {color:#385367;padding-left:18px; height:45px; line-height:45px; display:block; width:100%;}
   .sidebar-box li a:hover {background:rgba(255,255,255,.4);}
   .sidebar-box .columns {padding:0;}
   
   /* ------------------------
    BLOG STYLES
    ----------------------- */
   
   /* Add Divider for Listed Posts */
	.post-divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }
   
   
    /* ------------------------
    ACCORDION STYLES
    ----------------------- */

	.accordionContent{
		display:none;

	}

	.accordionButton{
		width:100%;
		cursor:pointer;
		height:40px;
		margin-bottom:20px;
	}
	
	.accordionButton:hover h1{
		color:#34a6e7 !important;
	}

	.wrapper{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}

   /* ------------------------
    FOOTER STYLES
    ----------------------- */
   
   footer {padding:0;}
   .footer-info-wrapper .row p {text-align:center; margin:0; padding:0; line-height:40px; color:#646464;}
   .footer-info-wrapper .row {text-align:center;}
   
@media screen and (max-width: 768px) {
	/* HEADER STYLES */
	.logo {margin:0 auto;display: block;text-align: center;}
	.logo img {margin:0 auto; max-height: 140px; }
	.home-button {display:none;}
	.contact-button {display:none;}
	
	/* HOMEPAGE STYLES */	
	.homepage-content {height:auto; background-image:none; }
	
	/* SECONDARY STYLES */
	#content {margin:0; padding:6%;background:#fff;}
	.post-box {border:1px solid #d7e1e8; padding:6%;}
	/* NAVIGATION STYLES */
	.menu-item-106, .menu-item-107 {display:block !important;}
	.spacer { display: none; }
    .active, .nav { display: block; }
	.nav-row { width: 95% !important; min-width: 0px; }
	nav {  background: #fff; }
	.nav { padding: 0; margin: 0; }
	.nav li a { text-align: left; color:#385367; margin:0; padding-left:12px;}
	.nav li a:hover { background:rgba(190,212,228,.1);}
    .nav > li { float: none; display: block; border-top:1px solid #e9eff4; }
	.nav > li > .parent { background-image: url("http://mopdogclients.com/mopdog/images/downarrow.png"); background-repeat: no-repeat; background-position: right; }
    .nav > li > .parent { background-position: 95% 50%; }
    .nav li li .parent { background-image: url("http://mopdogclients.com/mopdog/images/downarrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }
    .nav ul { display: block; width: 100%; }
    .nav > li.hover > ul , .nav li li.hover ul { position: static; } 
	.toggleMenu { width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px; background-color: #fff; position: relative; padding: 0; }
	.toggleMenu:before, .toggleMenu:after { position: absolute; border: 2px solid #385367; top: 35%; left: 25%; right: 25%; content: ''; }
	.toggleMenu:after { top: 60%; }
	
	/* SIDEBAR STYLES */
	#sidebar{float:none;}
	.sidebar-box {width:100%;}
	
	/* FOOTER STYLES */
	.footer-info-wrapper .row p {font-size:14px; line-height:28px;}
}