/*
Theme Name: Douglas House Foundation by Responsive NY
Theme URI: http://www.responsiveny.com/
Template: canvas
Version: 1.0.0
Description: Designed by <a href="http://www.responsiveny.com">Responsive NY</a>.
Author: John Colasante
Author URI: http://www.responsiveny.com
Tags: responsiveny, john colasante
*/
@import "../canvas/style.css";

@font-face {
   font-family: 'olde_englishregular';
   src: url('fonts/oldeenglish-webfont.eot');
   src: url('fonts/oldeenglish-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/oldeenglish-webfont.woff2') format('woff2'),
      url('fonts/oldeenglish-webfont.woff') format('woff'),
      url('fonts/oldeenglish-webfont.ttf') format('truetype'),
      url('fonts/oldeenglish-webfont.svg#olde_englishregular') format('svg');
   font-weight: normal;
   font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Droid Sans', arial, sans-serif !important;
   font-weight: bold !important;
}

h3 {
   font-size: 1.6em !important;
}
h4 {
   font: bold 1.2em/1.2em 'Droid Sans', arial, sans-serif !important;
}

small {
   font-size: 80%;
}

#header-container {
   border-top: 12px solid #b81d1d;
   box-shadow: 1px 1px 1px #cfcfcf;
   position: relative;
}
#logo > a, #logo .site-title {
   float: left;
}

#logo .site-title {
   margin-bottom: 0;
   margin-left: 10px;
   display: block !important;
}

#logo .site-title a {
   font-family: olde_englishregular !important;
   font-size: 39px !important;
   font-weight: 100 !important;
   line-height: 70px !important;
}


#nav-container, #navigation {
   background: none;
   padding: 0;
   margin: 0;
   float: right;
}

#navigation ul.nav li {
   margin: 0 2px !important;
}

#navigation ul.nav li a {
   padding: 25px 12px !important;
   display: inline-block;
   text-transform: uppercase;
   border-top-right-radius: 5px !important;
   border-top-left-radius: 5px !important;
   -webkit-transition: 0.3s all ease;
   transition: 0.3s all ease;
}
#navigation ul.nav > li, #navigation ul.nav li a:hover, 
#navigation ul.nav > li a:hover, #navigation ul.nav > li:hover a,
#navigation ul.nav li.current_page_item a, #navigation ul.nav li.current-menu-item a,
#navigation ul.nav li:hover,
#navigation ul.nav li.current_page_item a:hover, 
#navigation ul.nav li.current-menu-item a:hover {
   border-top-right-radius: 5px !important;
   border-top-left-radius: 5px !important;
}
#navigation ul.nav li.current-menu-item:hover {
   padding: 0;
   margin: 0;
}
#navigation .menus {
   bottom: -22px;
}

#content {
   padding: 30px 0;
}
.home .page-title, .home .post .title, .home .page .title,
.page-template-template-contact-php form#contactForm {
   display: none;
}
.page-title, .post .title, .page .title {
   display: block;
}

#gallery-1 img {
   border: 1px solid #f1f1f1 !important;
}

/* Contact */
.location-twitter {
  padding: 0 !important;
  border-bottom: none !important; }



/* Footer */
#footer-container {
   height: 12px;
}
#footer {
   padding: 0 !important;
}
#footer-widgets {
   padding: 15px 0;
}
#footer .col-left,
#footer .col-right {
   display: none;
   margin: 0 !important;
}

#homepage-slider .widget, .wooslider {
   margin-bottom: 0 !important;
}
body .wooslider-direction-nav a, 
body .widget .wooslider-direction-nav a {
   line-height: normal;
}
.widget h3 {
   text-transform: uppercase;
}

.entry .paypal-donations > img {
   background: none !important;
   border: none !important;
   padding: 0 !important;
}

@media only screen and (min-width: 768px) {
#logo {
   width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
#logo {
   width: 100%;
   margin: 0 auto;
   display: inline-block;
   text-align: center;
   float: none;
}
#logo > a, #logo .site-title {
   float: none;
}
#nav-container {
   width: 100%;
   display: inline-block;
   float: none;
}
#navigation ul {
   margin-bottom: 0;
   width: 100%;
   text-align: center;
   float: none;
}
#navigation ul.nav > li {
   display: inline-block;
   float: none;
}
}

@media only screen and (max-width: 767px) { 
#nav-container, #navigation {
   background: none;
   padding: 0;
   margin: 0;
   float: right;
}

#navigation ul.nav li a {
   background: #fff;
   font-family: 'Raleway', arial, sans-serif;
   color: #606364;
   width: 100%;
   margin: 0;
   display: inline-block;
   text-transform: uppercase;
   text-decoration: none;
   border-top-right-radius: 0 !important;
   border-top-left-radius: 0 !important;
   -webkit-transition: 0.3s all ease;
   transition: 0.3s all ease;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#navigation ul.nav > li, #navigation ul.nav li a:hover, 
#navigation ul.nav > li a:hover, #navigation ul.nav > li:hover a,
#navigation ul.nav li.current_page_item a, #navigation ul.nav li.current-menu-item a {
   background: #d02525;
   color: #fff;
   border-top-right-radius: 0 !important;
   border-top-left-radius: 0 !important;
}
#navigation .menus {
   bottom: inherit;
}
#navigation .nav-home, #navigation .nav-close {
   top: -3em;
}
}