/*
Theme Name: CoffeeShop WP
Theme URI:  http://themeforest.net/user/DanyDuchaine/portfolio
Author: Dany Duchaine
Author URI: http://themeforest.net/user/DanyDuchaine/portfolio
Description: Responsive Theme For Coffee Shop/Bistro
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coffeeshop
*/

/* #Site Styles
================================================== */

.small-buttons li, .buttons li, #myTab li { list-style: none !important; float: left; margin-right: 20px; }
.small-buttons, .buttons, #myTab { margin-left: 0 !important; }




h1, h2, h3, h4, h5, h6 { 

    color: #fff;
    
}



.pageContent a { color: #e43733; }
.pageContent a:hover { color: #fff; }

.button-small-theme, #submit, .wpcf7-submit { background: #e43733; color: #fff; }

/* Mail Button */

.mail {
    background: #ee6500;
}

/* Twitter Button */

.twitter {
    background: #00acee;
}

/* Facebook Button */

.facebook, a.facebookBtn {
    background: #3b5998;
}

/* Search Button */

.searchForm {
    background: #3d3d3d;
}

/* Vime0 Button */

.vimeo {
    background: #33454e;
}
.google {
    background: #4e89ef;
}
.flickr {
    background: #0063dc;
}
.pinterest {
    background: #cb2027;
}
.linkedin {
    background: #4b99c1;
}
.dribbble {
    background: #ef6699;
}
.instagram {
    background: #8b5643;
}
.behance {
    background: #2d2d2d;
}

/* ------ */



p { line-height: 24px !important; }

.alignright {
    float: right;
    margin: 40px 0 40px 40px;
}
.alignleft {
    float: left;
    margin: 40px 40px 40px 0;
}

a {
      -webkit-transition: all 120ms ease-in ; /* property duration timing-function delay */
       -moz-transition: all 120ms ease-in ; /* property duration timing-function delay */
          transition: all 120ms ease-in ; /* property duration timing-function delay */
}

.homePageContent img, .sidebar img, .causeTitleWImg img, .causeThumb img { max-width: 100%; }

/* Sub Menu */



/* Header */
.logo {
    float: left;
    margin-top: 20px;
    width: 230px;
}


header {
    background: rgba(0,0,0,0.45);

   position: relative;
}
.headerInfo { margin: 30px 0 0 20px; }
.headerInfo li { 
    float: left;
    border-right: 1px solid #646464;
    margin-right: 30px;
    padding-right: 30px;
    color: #999;
    text-transform: uppercase;
    font: 13px 'Noticia Text', serif;
    line-height: 21px;
}
.headerInfo li:last-of-type { border: none; margin: 0; padding: 0; }
.headerInfo li a { text-decoration: none; color: #e43733 }
.headerInfo h3 {
    font: 21px 'Just Another Hand', cursive;
    color: #fff;
    margin-bottom: 3px;
}
.headerInfo p { margin: 0; }
.shadowWrapper {
    -moz-box-shadow: 0 5px 17px rgba(0,0,0,0.75);
    -webkit-box-shadow:0 5px 17px rgba(0,0,0,0.75);
    box-shadow:0 5px 17px rgba(0,0,0,0.75);
}
.logoWrapper {
    text-align: center;
    padding-top: 80px;
    height: 105px;
    width: 230px;
    margin-right: 0 !important;
    background: #000;
}

/* Navigation */

.navWrapper {
     margin-left: 0 !important;
     padding: 15px 0 15px 20px;

background: #e43733;

}
.sf-menu li li, .sf-menu li li li { background: #e43733; }

.mainNav {
    float: left;
}
.socialNav {
    position: fixed;
    z-index: 99;
    top: 275px;
    left: 0;
}

.icon-cancel, .topBarSearch  { display: none; }
.icon-cancel {
    font-size: 14px;
    padding: 0 2px 0 1px;
}
.searchActive { background: #D74340 !important; }
.topBarSearch {
   position: absolute;
bottom: -7px;
left: 33px;
padding: 8px;
width: 250px;
background: #000;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.topBarSearch:hover { background: #000 !important; }

.topBarSearch form, .topBarSearch input { margin: 0 !important; }

.screen-reader-text { display: none; }
.topBarSearch #s {
    background: #3D3D3D;
    border: 1px solid #555;
    float: left;
    width: 180px !important;
    margin-right: 15px !important;
    line-height: 19px;
    padding-left: 8px;
    color: #999;
}
.sidebar #s {
    max-width: 70%;
    float: left;
    padding: 7px 4px 7px 8px;
}
.sidebar #searchsubmit {
    float: right;
    margin-top: 0;
}
.widget_search { display: block; float: left; width: 100%; }
.topBarSearch #searchsubmit { 
    border: none; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #e43733;
   float: right;
}
.socialNav ul, .socialNav li {
    margin: 0;
}


.mainNav a  {
        color: #fff;
        text-transform: uppercase;
       font-weight: 700 !important;
        font: 14px 'Noticia Text', serif;
      -webkit-font-smoothing: antialiased;
        padding: 10px;
        margin-right: 10px;
}
.mainNav li:last-child a { margin-right: 0;}

.menu-item a, .sub-menu a { opacity: 0.55; }
.menu-item a:hover, .sub-menu a:hover, .current_page_item .sf-with-ul, .current_page_item a:first-of-type, .mainNav .sub-menu .current-menu-item a, .menu-item .sub-menu a:hover { opacity: 1;}
.menu-item .sub-menu a { opacity: 0.55; }

.socialNav a {
    
        text-transform: uppercase;
        font-size: 12px;
      -webkit-font-smoothing: antialiased;
        text-decoration: none;
        padding: 4px;
   color: #fff;
}
.socialNav a:hover {
    color: #fff;
}
.socialNav li {
    opacity: 0.7;
    padding: 8px 7px;
cursor: pointer;
       -webkit-transition: all 120ms ease-in ; /* property duration timing-function delay */
       -moz-transition: all 120ms ease-in ; /* property duration timing-function delay */
          transition: all 120ms ease-in ; /* property duration timing-function delay */
}
.socialNav li:hover {
   background: #444;
opacity: 1;
}

nav select {
    width: 90%;
    z-index: 5;
    opacity: 0;
    display: none;
    margin: 0;
    position: relative;
    cursor: pointer !important;
    padding: 10px 0 20px 15px;
}
.select-container {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    padding: 10px 0 10px 15px;
    text-align: left;
    width: 86%;
    color: #fff;
    background: #a72c29;
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
line-height: 28px;
   
}
.select-container:hover {
    
}
.select-container:after {
    content: url(images/arrow.png);
    top: 8px;
    right: 20px;
    position: absolute;
}
.mobileNav {
    display: none;
}

/* Pages */


.pageWrapper {
    background: #000;
    padding: 50px 0 40px;
    margin-bottom: 50px;
}
.home .bannerWrapper { display: none; }
.pageBanner {
    min-height: 165px;
}
.archive .archiveBanner, .search-results .archiveBanner { display: none !important; }
.pageBanner h1 {
    font: 48px 'Just Another Hand', cursive;
    color: #fff;
    text-transform: uppercase;
    margin-top: 60px;
}
.titleNoBanner {
    font: 48px 'Just Another Hand', cursive;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    text-shadow: none;
}
.postContent {
       color: #6e6e6e;
       font: 13px/22px 'Droid Sans', sans-serif !important;
}

.pagination, .pagination li { margin: 0; }
.pagination li { float: left; margin-right: 15px;}

.search-results .dd_post_items li { margin-bottom: 25px; }

.dd_post_items { margin-top: 8px; }
/* Menu Template */ 

.menu_cats { margin: 10px 0 30px; }
.menu_cats a {
    text-decoration: none;
    border: 1px solid #4c4c4c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 7px;
    text-transform: uppercase;
    color: #706f6f;
    font: 13px/22px 'Noticia Text', serif;
    margin-right: 15px;
}

.menu_cats a:hover, .menu_cats .active {
    color: #e43733;
     border: 1px solid #e43733;
}
.menu_cats br { display: none; }

.pageContent .menuFull .dd_post, .pageContent .eventsFull .dd_post, .pageContent .newsFull .dd_post{ 
    margin: 0 20px 22px 0 !important;
    width: 400px;
}
.menuSidebar li, .staffSidebar li, .eventsSidebar li, .newsSidebar li { margin-bottom: 20px; }

.pageContent .menuFull, .pageContent .eventsFull, .pageContent .newsFull {
    width: 840px;
    margin-bottom: 0 !important;
}
.dd_post_thumb {
    float: left;
    max-width: 110px;
}
.dd_post_thumb img {
    max-width: 100%;
     border-radius: 99px;
      -moz-border-radius: 99px;
       -webkit-border-radius: 99px;
     display: block;
}
.pageContent .menuFull .dd_post_meta, .pageContent .newsFull .dd_post_meta {
    float: left;
    margin: 13px 0 20px 30px;
    max-width: 195px;
}
.pageContent .dd_post_meta {
    float: left;
    margin: 13px 0 20px 30px;

}
.pageContent .staff .dd_post_meta {

margin: 5px 0 20px 30px;
}

.dd_post_meta h3 a {
    font: 27px/32px 'Noticia Text', serif;
    color: #e43733;
    text-decoration: none;
}
.postContent h3 {     
    margin-bottom: 15px !important;
    line-height: 32px;
}
.dd_post_wrapper { 
    padding: 30px; 
    border: 1px solid #1d1d1d;
    border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
}
.single-post_menu .dd_post_wrapper {
    padding: 0;
    border: none;
}
.single-post_menu .dd_post_details { float: right; margin: 0 0 30px 30px;}
.single-post_menu .dd_post_meta {  max-width: none; }
.single-post_menu .dd_post_wrapper { margin: 0; }
.single-post_menu .dd_post_meta { margin-bottom: 0; }

.dd_post_wrapper .tag, .dateContainer .tag {
    color: #cecece;
    background: #1e1e1e;
    padding: 6px 10px;
     font-style: italic !important;
    text-transform: uppercase;
    border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    font: 13px/22px 'Noticia Text', serif;
    margin-right: 15px;
}



.dd_post_wrapper .price {
    color: #707070;
     font: 22px/22px 'Noticia Text', serif;
       font-style: italic !important;
    text-transform: uppercase;
    margin-top: 4px;
    font-weight: 800;
}
.dd_post_wrapper .pricesmall {
     font: 13px/22px 'Noticia Text', serif;
}
.dd_post_wrapper .dollar {
    color: #fff;
    font: 23px/22px 'Noticia Text', serif;
    margin-right: 3px;
}
.dd_post_single, .dd_post_single li { margin: 0; }

.singleSidebar { margin-left: 0 !important; }

/* Staff Template */

.detailTitle { 
    display: block; 
    font-size: 11px;
    padding: 7px 8px;
    margin-bottom: 20px;
border: 1px solid #1d1d1d;
border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
}
.detailTitle a { color: #e43733; }

.pageContent .staff .dd_post_meta { margin-bottom: 0; }

.dd_post_single .staff .dd_post_wrapper {
    
    border: none;
    padding: 0;
    
}

.dd_post_single .fullWidth { max-width: 100% !important; }

.dd_post_single .staff .dd_post_meta {
    margin: 0;
max-width: 660px;
float: right;
}

.staffSidebar .dd_post_meta { max-width: 320px; }

/* Events Template */

a.facebookBtn .icon-facebook-squared {
margin-right: 10px;
}

.or {
margin: 0 10px;
font-size: 12px;
font-style: italic;
}

.dd_events_thumb img { max-width: 100%; border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;}

.dd_events_thumb { margin: 0 0 13px; }
.postTitle { margin-bottom: 15px; }

.postTitle h3, .postTitle h3 a {
   font: 27px/35px 'Noticia Text', serif;
    color: #e43733;
    padding: 3px 0;
    text-decoration: none;
}
.dd_events_btn a, .continue { margin-bottom: 0; 
border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
}
.facebookBtn { 
border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
}
.continue { margin-bottom: 0 !important; }

.dateContainer  { margin-bottom: 20px; display: block; margin-top: 20px;   }
.dateContainer .tag { border: #1e1e1e 1px solid; background: none; color: #9d9d9d; }
.eventMeta {
float: left;
width: 210px;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 30px 30px 20px;
border: 1px solid #1d1d1d;
border-radius: 3px;
margin: 0 30px 15px 0;
}
.eventMeta h3 { font-size: 18px; margin: 0 !important; }
.eventMeta .tag { margin: 0; }
.info { font-size: 13px; }
.info span {
display: block;
margin-bottom: 15px;
}

/* News Template */ 


.newsMeta {
    border: #1e1e1e 1px solid;
background: none;
color: #fff;
padding: 6px 10px;
font-style: italic !important;
text-transform: uppercase;
border-radius: 3px;
     -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
font: 12px/22px 'Noticia Text', serif;
margin-bottom : 15px;
}
.single .newsMeta { float: left; margin-right: 35px; margin-top: 10px; }

.newsMeta a {
    color: #9d9d9d;
    text-decoration: none;
}
.newsMeta a:hover {
    color: #fff;
}

/* Widgets */

 .dd_events_widget .or { display: block; text-align: center; margin: 10px 0; padding: 0; }
          .dd_events_widget .dd_events_btn a { width: 88%; margin: 0; }
           .dd_events_widget .dd_events_btn { margin-bottom: 20px !important; }
           .dd_events_post { margin-bottom: 25px !important; }
           .dd_events_post:last-of-type, .dd_news_post:last-of-type { border: none !important; padding-bottom: 0 !important; }
           
           .viewall { margin-bottom: 25px !important;}

.dd_news_widget ul, .dd_events_widget ul { margin: 0; }

.dd_news_widget .postWidgetTitle, .dd_events_widget .postWidgetTitle  {
    color: #d0d0d0;
   font: 13px/22px 'Droid Sand', sans-serif;
   text-decoration: none;
   font-weight: bold;
   padding: 3px 0;
}
.dd_news_widget .postWidgetTitle:hover, .dd_events_widget .postWidgetTitle:hover { color: #fff; }
.widgetThumb {
margin: 0 20px 15px 0;
float: left;
width: 45px;
}
.postTitleWithImage { margin-bottom: 6px; }
.widgetThumb img { 
    -moz-border-radius: 99px;
       border-radius: 99px;
          -webkit-border-radius: 99px;
}

.widgetAuthor { float: left; font-family: 'Droid Serif', serif; font-style: italic; }
.widgetDate { float: right; font-family: 'Droid Serif', serif; font-style: italic; }

.menuWidget { margin: 0; }
.menuWidget .dd_post_wrapper { padding: 0; border: none; }
.menuWidget .dd_post_thumb { width: 65px; }
.menuWidget li { margin: 0 0 20px; padding: 0 0 20px 0; border-bottom: 1px solid #424242; }
.menuWidget .dd_post_meta { float: left; margin-left: 20px; max-width: 150px; }
.menuWidget h3, .menuWidget h3 a { 
    border: none !important; 
    font-size: 16px !important;
    font-weight: 300 !important;
    text-transform: none;
    margin: 0 !important;
    padding: 0 !important;
}
.menuWidget .dd_post_wrapper .tag { font-size: 11px; padding: 3px 6px; }
.menuWidget .dd_post_wrapper .price, .menuWidget .dd_post_wrapper .dollar { font-size: 18px; margin: 0; }

.sidebar { margin-top: 5px; }
.sidebar .menuWidget .dd_post_meta { max-width: 135px ;}
.sidebar p { font-size: 12px; }
.sidebar .widget { padding-left: 20px; }
.sidebar .widget h3 { font-size: 15px; }
.sidebar .dd_post_meta h3 { line-height: 22px; }

.widget h3 {
    text-transform: uppercase;
       font-family: 'Noticia Text', serif;
       font-size: 17px;
font-weight: 300;
       border-bottom: 1px solid #424242;
       padding-bottom: 10px;
       margin-bottom: 20px;
       color: #fff;
}
.widget {
    color: #6e6e6e;
font: 13px/22px 'Droid Sans', sans-serif !important;
}
.widget h3 a { 
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #444;
text-decoration: none;
font-weight: 700;
font-style: none;
font-size: 12px;
}

.widget_archive ul, 
.widget_categories ul,
.widget_links ul,
.widget_pages ul,
.widget_pages ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_nav_menu ul

{
    margin: 0;
}
.widget_archive ul li a, 
.widget_categories ul li a,
.widget_links ul li a,
.widget_pages ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.textwidget a
{
    text-decoration: none;
        color: #e43733;
}

footer .widget_archive ul li a, 
footer .widget_categories ul li a,
footer .widget_links ul li a,
footer .widget_pages ul li a,
footer .widget_pages ul li a,
footer .widget_recent_entries ul li a,
footer .widget_recent_comments ul li a,
footer .widget_meta ul li a,
footer .widget_text a,
.smallFooter a,
footer .widget_nav_menu ul li a,
.comment-reply-link,
.dd_news_widget .metaBtn a,
.widget .widget_calendar a
{
    color: #e43733;
    text-decoration: none;
}
footer .widget_archive ul li a:hover, 
footer .widget_categories ul li a:hover, 
footer .widget_links ul li a:hover, 
footer .widget_pages ul li a:hover, 
footer .widget_pages ul li a:hover, 
footer .widget_recent_entries ul li a:hover, 
footer .widget_recent_comments ul li a:hover, 
footer .widget_meta ul li a:hover,
footer .widget_nav_menu ul li a:hover,
.smallFooterRight a:hover,
footer .widget_text a:hover,
.comment-reply-link:hover,
.dd_news_widget .metaBtn a:hover,
.widget .widget_calendar a:hover
{
    color: #fff;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_pages ul li,
.widget_pages ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.text,
.dd_news_widget .dd_news_post,
.dd_events_widget .dd_events_post
                        {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.dd_news_widget .dd_news_post { margin-bottom: 16px; }
.widget h3,
.widget .widget_archive ul li, 
.widget .widget_categories ul li, 
.widget .widget_links ul li, 
.widget .widget_pages ul li, 
.widget .widget_pages ul li, 
.widget .widget_recent_entries ul li, 
.widget .widget_recent_comments ul li, 
.widget .widget_meta ul li, 
.widget .dd_news_widget .dd_news_post,
.widget .dd_events_widget .dd_events_post,
footer .widget_nav_menu ul li,
.menuWidget li,
#comments h4,
.text
                        {
    border-bottom: 1px solid #424242;

}

.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_links ul li:last-child,
.widget_pages ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child

{
    
    border: none;
    margin: 0;
    
}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-left: 32px; padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {  border: 1px solid #424242; text-align: center; padding:8px;}
#wp-calendar tbody td:hover {  }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



.widget img { max-width: 100%; }

/* Causes Widgets */

/* Comments */

.url { color: #999; text-decoration: none; }
.url:hover { color: #fff; }

#respond a { color: #777; }
#respond a:hover { color: #999; }

#commentform textarea { width: 95%; }

.required { display: none; }

.form-submit input {
word-spacing: 0.25em;
font-family: 'Oswald', sans-serif;
text-transform: none !important;
line-height: 22px;
padding: 12px 13px 11px;
text-align: center;
display: inline-block;
margin-top: 5px;
margin-bottom: 18px;
cursor: pointer;
text-decoration: none;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase !important;
}

.form-allowed-tags { font-size: 11px; }

#comments { margin-top: 40px;  }
#comments label {
    margin-bottom: 0 !important;
}
#comments h4 {
	font-family: 'Dosis', sans-serif;
        text-transform: none;
        word-spacing: 0.1em;
        font-weight: 500;
	font-size:18px;
	padding-bottom:20px;
	color:#757575;
	margin-bottom: 20px;
}

#comments li { margin: 0; padding: 0; margin-bottom: 20px !important; }

.comment h5, .comment-inner h5, .comment-inner-inner h5 {
  font-family: 'Dosis', sans-serif;
	        font-weight: 500;
	font-size:18px;
	color:#757575;
	margin-bottom:0;
}


.comment .children li { padding: 20px 0 !important;}

.comment p.meta, .comment-inner p.meta, .comment-inner-inner p.meta,
.comment p.meta a, .comment-inner p.meta a, .comment-inner-inner p.meta a {
	
	font-weight:normal;
	font-size:11px;
	
	margin-bottom:5px;
}

.comment p.meta a.reply, .comment-inner p.meta a.reply, .comment-inner-inner p.meta a.reply {
	  font-family: 'Dosis', sans-serif;
        font-weight: 700;
	text-decoration:none;
	font-size:16px;
	font-style:italic;
	
}

.comment p.meta a.reply:hover, .comment-inner p.meta a.reply:hover, .comment-inner-inner p.meta a.reply:hover {
	text-decoration:underline;
}



#comments .children .comment-inner.last + .children {
	background:none;
}

#comments .children {
    margin-left: 100px;
}
#comments .comment {

	overflow:hidden;
	background:transparent;
}

#comments .comment-inner {
	padding-left:81px;
	padding-bottom:20px;
	overflow:hidden;
	background:transparent;
}

#comments .comment-inner-inner {
	padding-left:163px;
	padding-bottom:20px;
	overflow:hidden;
}

#comments .comment .avatar, #comments .comment-inner .avatar, #comments .comment-inner-inner .avatar {
        -moz-border-radius: 99px;
          -webkit-border-radius: 99px;
           border-radius: 99px;          
	float:left;
	margin-right:25px;
}

#comments .comment .avatar img, #comments .comment-inner .avatar img, #comments .comment-inner-inner .avatar img {
	
	margin-top:1px;
}

#comments .comment, #comments .comment-inner, #comments .comment-inner-inner {

	background-repeat:no-repeat;
}



      
      .text { font-size: 13px; }
      
#comments .comment .text {
	width:420px;
	float:left;
}
.full #comments .comment .text { width: 720px; }
.full #comments .comment .children li .text { width:625px; }
.full #comments .comment .children li .children li .text { width:525px; }

#comments .comment .children li .text {
    width:320px;
	float:left;
}

#comments .comment .children li .children li .text {
    width:220px;
	float:left;
}



#leave-comment h4, #contact-form h4 {
	font-size:17px;
	padding-bottom:20px;
	border-bottom:1px solid #C9C9C9;
	color:#757575;
	margin-bottom:30px;
}

.wpcf7 p { font-weight: bold; }
.wpcf7 textarea { width: 80%;}
.wpcf7-text { width: 60%;}
.wpcf7-submit  { cursor: pointer;  }

.comment-form label {
        margin-bottom: 10px;
	font-weight:normal;
	font-size:15px;
}

.comment-form label span {
	color:#a39c5c;
}

.comment-form #name, .comment-form #email, .comment-form #website, .comment-form #comment {
	width: 50%;
	
	display:block;

	margin-bottom:15px;
	color:#878787;
	padding:10px 10px;
}

.comment-form #comment {
	height:230px;
	width:100%;
	resize:none;
	font-size:11.5px;
	line-height:24px;
	padding:10px 0px 0px 10px;
	margin-bottom:25px;
}
#leave-comment .button-big {
    margin-bottom: 0 !important;
}

/* Contact */

/* Add curved borders to various elements */

#contactForm, .statusMessage {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  border-radius: 3px;
}


/* Style for the contact form and status messages */

#contactForm, .statusMessage {
  color: #666;
  
}


/* The form dimensions */



/* Position the form in the middle of the window (if JavaScript is enabled) */

#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}


/* Dimensions and position of the status messages */

.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
}


/* The header at the top of the form */

#contactForm h2 {
  font-size: 2em;
  font-style: italic;
  letter-spacing: .05em;
  margin: 0 0 1em -.75em;
  padding: 1em;
  width: 19.5em;  
  color: #aeb6aa;
  border-bottom: 1px solid #aaa;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
}


/* Give form elements consistent margin, padding and line height */

#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contactForm ul li {
  margin: .9em 0 0 0;
  padding: 0;
}



/* The field labels */

#contactForm label {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 22px;
}


/* The fields */

#contactForm textarea {
  display: block;

  width: 90%;


}

#contactForm textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}


/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {

  outline: none;

}

#cancel, #sendMessage {
    cursor: pointer;
color: #5CB547
}
/* Display correctly filled-in fields with a green background */


/* The Send and Cancel buttons */

.statusMessage {
    background: #5CB547;
    z-index: 999;
    color: #999;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.2);
    box-shadow: 0 2px 5px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.2);
}

#sendMessage {border: none; color: #5CB547 }


/* Gallery */



/* Footer */ 

footer {
    background: #000;
    padding: 70px 0 40px;
  }

.smallFooter .sixteen {
    border-top: 1px solid #424242;
    margin-top: 30px;
}


.smallFooterRight {
    float: right;
       padding-top: 18px;
       color: #b0b0b0;
       font: 13px/22px 'Droid Sans', sans-serif !important;
    
}
.smallFooterLeft {
    float: left;
    margin: 0;
       padding-top: 18px;
        color: #b0b0b0;
        font: 13px/22px 'Droid Sans', sans-serif !important;
}




#myTabContent { margin-bottom: 20px; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
        @media only screen and (min-width: 1300px) and (max-width: 2000px) {
          
     
           
     
        }

        /* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1300px) {
	


            
       
        }
        
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
            
            
            .eventSingleSidebar .eventMeta { width: 85%; margin-right: 0; margin-bottom: 30px;  }
   .dd_post_thumb { width: 75px; }
       .pageContent .menuFull .dd_post_meta {max-width: 148px; }

            .mainNav a, .current_page_item a ul li a { font-size: 12px; }
            .mainNav a  { padding: 10px 8px; }
            .headerInfo li { margin-right: 15px; padding-right: 15px; }
            body #carousel .slides li { width: 187px !important; }
     .menuFull .dd_post, .staffFull .dd_post, .eventsFull .dd_post, .newsFull .dd_post { width: 315px !important; }
            .menuFull, .eventsFull, .newsFull { width: 672px; }
       
           .full #comments .comment .text { width: 555px; }
.full #comments .comment .children li .text { width:455px; }
.full #comments .comment .children li .children li .text { width:355px; }
   #comments .comment .text { width: 300px; float: left; }
            #comments .comment-inner .text { width: 225px ; float: left; }
            #comments .comment-inner-inner .text { width: 145px; float: left; }
                #comments .comment .children li .text { width:215px; }

#comments .comment .children li .children li .text { width:115px; }
       
.sidebar .menuWidget .dd_post_meta { max-width: 115px; }

.staffSidebar .dd_post_meta { max-width: 245px; }

#wp-calendar thead th { padding-left: 23px; }

            
        }

	/* All Mobile Sizes (devices and browser) */
        @media only screen and (max-width: 767px) {
            
            
            #wp-calendar thead th { padding-left: 40px; }
                 footer #wp-calendar thead th { padding-left: 54px; }
            
               .pageContent .menuFull, .pageContent .eventsFull, .pageContent .newsFull { width: 320px; }
               .pageContent .dd_post_meta { max-width: 160px; }
          .single-post_menu .dd_post_meta { max-width: 100%; }
           .menuWidget .dd_post_meta { max-width: 210px; }
               .pageContent .menuFull .dd_post_meta, .pageContent .newsFull .dd_post_meta { max-width: 180px; }
           .page-template-template-staff-php .pageWrapper{ padding-top: 25px; }
           .page-template-template-events-php .pageWrapper, .page-template-template-news-php .pageWrapper  { padding-top: 15px; }
               .dd_post_wrapper { padding: 25px 0; border: none; border-bottom: 1px solid #1d1d1d; }
               .dd_post_meta h3 a { font: 22px/32px 'Noticia Text', serif; }
             .pageContent { margin-bottom: 20px !important; }
             .sidebar .menuWidget .dd_post_meta { max-width: 185px; }

               .pageContent .menuFull .dd_post, .pageContent .eventsFull .dd_post, .pageContent .newsFull .dd_post { margin: 0 !important; width: 320px; border: none !important; }
            .nav { display: none; }
            nav select { display: block !important;  }
            .select-container { display: block; }
            .mobileNav { display: block; }
            .headerInfo li { text-align: center; width: 100%; float: left; border-bottom: 1px solid #646464; margin: 0 0 30px; border-right: none; padding: 0 0 20px; }
            .headerInfo li:last-of-type { padding: 0 0 20px 0; }
            .headerInfo { margin: 30px 0 0 0; padding: 0 20px; }
            footer .widget { margin-bottom: 30px !important; }
            .smallFooterLeft, .smallFooterRight { float: none; text-align: center; }
                       .postContent { padding: 0 50px; }
                       .sidebar .widget { padding: 0 50px 0; }
.pageBanner h1 {padding-left: 50px; font: 38px 'Just Another Hand', cursive; }
  .full #comments .comment .text { width: 325px; }
.full #comments .comment .children li .text { width:225px; }
.full #comments .comment .children li .children li .text { width:125px; }

              #comments .comment .text { width: 320px; float: left; }
            #comments .comment-inner .text { width: 225px ; float: left; }
            #comments .comment-inner-inner .text { width: 145px; float: left; }
               #comments .comment .children li .text { width:215px; }

#comments .comment .children li .children li .text { width:115px; }

.single-post_menu .dd_post_details { float: none; margin: 0 0 30px 0; }
.staffContent { width: 320px !important; }
.slidesDescription span { font-size: 12px; }

        }

   
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {
            
            .carouselWrapper { display: none;}
            .slidesDescription h2 { font-size: 20px !important; padding: 0 10px !important; }
               .eventMeta { width: 81%; margin-right: 0; margin-bottom: 30px;  }
               .slidesDescription span { font-size: 12px; }
            
        }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 479px) {
              .staffContent { width: 200px !important; }
                      .sidebar .menuWidget .dd_post_meta { max-width: 115px; }
                 .pageContent .staff .dd_post_meta, .pageContent .menuFull .dd_post_meta, .pageContent .menuSidebar .dd_post_meta, .pageContent .newsFull .dd_post_meta, .pageContent .newsSidebar .dd_post_meta { margin: 5px 0 30px 0; }
             .menu_cats a { line-height: 40px; }
              .pageContent .dd_post_thumb { display: none; }
               .pageContent .menuFull .dd_post, .pageContent .eventsFull .dd_post, .pageContent .newsFull .dd_post { width: 205px; }
               .pageContent .menuFull, .pageContent .eventsFull, .pageContent .newsFull { width: 205px; }
               .dd_post_wrapper { padding-bottom: 0; padding-top: 10px; }
               .menuSidebar li { margin: 0; }
            nav select { width: 87%; }
            .select-container  { width: 82%; }
            .carouselWrapper { display: none;}
            .slidesDescription h2 { font-size: 16px !important; padding: 0 10px !important; }
            .slidesDescription span { font-size: 13px; padding: 5px 10px; }
            .or { display: block; text-align: center; margin: 10px 0; padding: 0; }
            .dd_events_btn a { width: 88%; margin: 0; }
            .dd_events_btn, .page-template-template-news-php .continue  { margin-bottom: 25px !important; }
            
             .eventMeta { width: 70%; margin-right: 0; margin-bottom: 30px;  }
             
               #wp-calendar thead th { padding-left: 23px; }
                 footer #wp-calendar thead th { padding-left: 37px; }
             .slidesDescription span { font-size: 12px !important; padding: 6px 10px !important; }
        }


        /* tc */

        .wp-caption,
.wp-caption-text,
.sticky, 
.gallery-caption,
.bypostauthor,
.aligncenter {} 
        
        
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/