/*
Theme Name: Table Rock Tree Care
Theme URI: http://roguedesigngroup.com/
Description: Designed by Rogue Design Group.  Developed by Jess
Version: 123456789 
Author: Rogue Design Group
Author URI: http://roguedesigngroup.com/
*/



html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #EEE9E0;
	color:#56504E;
	font-size:15px;
	line-height:23px;
	font-family: 'Roboto', sans-serif;
    padding: 0;
    font-weight:300;
}

/********* Animations **************/

.fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}


.fade-out{
  -webkit-animation: fade-out 2s ease;
  -moz-animation: fade-out ease-in-out 2s both;
  -ms-animation: fade-out ease-in-out 2s both;
  -o-animation: fade-out ease-in-out 2s both;
  animation: fade-out 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-out{0%{opacity:1;} 100%{opacity:0;}}
@-moz-keyframes fade-out{0%{opacity:1;} 100%{opacity:0;}}
@-o-keyframes fade-out{0%{opacity:1;} 100%{opacity:0;}}
@keyframes fade-out{0%{opacity:1;} 100%{opacity:0;}}



/****************  DEFAULT STYLES  ************************/


blockquote {
	background: url(images/blockquote.png) no-repeat;
	background-position: top left;
    color: #143870;
    font-size: 1.00em;
    padding-left: 0px;
    padding-right: 0px;
	margin: 15px 0px;
	font-family: 'Roboto', sans-serif;
}
blockquote p { color:#143870!important; font-size:22px!important; font-weight:400!important; font-family: 'Roboto', sans-serif!important; }

a { color: #BC8B42; text-decoration: none; outline: none; }

.title { display:block; font-family: 'Bungee', cursive; color:#000; font-size:80px; line-height:90px; }

h1, h1 a {
	color: #405732;
	font-size:52px;
	line-height:70px;
	font-weight:400;
    margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-family: 'Roboto Slab', sans-serif;
}
h1.mega-heading { 
	font-family: 'Bungee', cursive; color:#405732; font-size: 70px;
	line-height: 85px; 
}
h2, h2 a {
	color: #405732;
	font-size:34px;
	line-height:42px;
	font-weight:400;
    margin: 5px 0 0px 0;
	padding: 20px 0 0;
	font-family: 'Roboto Slab', sans-serif;
}

h3, h3 a {
	color: #405732;
    font-weight: normal;
    font-size:24px;
    line-height:36px;
	margin: 0 0 10px;
	padding: 0;
	font-family: 'Roboto Slab', sans-serif;
}

h4 {    
	color: #BC8B42;
	font-size:16px;
    font-weight: normal;
	font-family: 'Roboto Slab', sans-serif;
	margin: 0;
	padding: 0;
}

h5 {    
	color: #56504E;
	font-size:14px;
    font-weight: normal;
	font-family: 'Roboto Slab', sans-serif;
	margin: 0;
	padding: 0;
	font-weight: 300;
  font-size: 26px;
  margin: 20px 0;
  line-height: 46px;
}

h6 {    
	color: #405732;
	font-size:22px;
    font-weight: 300;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
}

img { border: none; }


.highlight { background: yellow; }

a.button, span.button, a.addtoany_share { color:#BC8B42; border: 1px solid #BC8B42; display:inline-block; background:transparent;
	padding:10px 80px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  padding: 12px 45px;
 }
 a.button:hover, span.button:hover, a.addtoany_share:hover { background:#BC8B42; color:#fff; }

a.button2 { color:white; border: 1px solid #80A268; display:inline-block; background:#80A268;
	padding:15px 80px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-family: 'Roboto', sans-serif;
 }
 a.button2:hover { background: white; color:#80A268; }
ol, form { margin: 0; padding: 0; }

p, li { text-align: left; font-weight:300; font-family: 'Roboto Slab', sans-serif; font-size: 19px; line-height: 34px; font-weight:300;  }

small { font-size: 10px; }

ul {
         list-style-type: disc; 
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

ul li {
         margin: 0; 
         padding: 0px; 
}
ol {
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

ol li {
         margin: 0; 
         padding: 0px; 
}


.wpcf7-form input.wpcf7-submit { -webkit-appearance: none; }

.s {   /* Search Field */
	background: transparent;
    border: 0px solid #c7c7c7;
	color: #383d44;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}

.alignleft {
	float: left;
	text-align: left;
	margin: 0 20px 10px 0;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
	margin: 0 0 10px 20px;
}

.aligncenter { display:block; margin: 0 auto 30px; }


.half { float:left; display:inline-block; width:48%; position:relative;}
.half.last { float:right; display:inline-block; width:48%; }

.third { float:left; display:inline-block; width:30%; margin: 0 4.5% 0 0; }
.third.last { float:right; margin:0; }

.fourth { float:left; display:inline-block; width:22%; margin: 0 3% 0 0; }
.fourth.last { float:right; margin:0; }

hr { display:block; margin: 40px auto 40px; border:0; height:1px; background:#56504E; }

.red { color:#80A268; font-weight:bold; }

/****************  MENU ***************************/

#topnav  { display:none; }

#menu {
	float:right; display:inline-block; width:69%; text-align:center;
	padding:0 0;
	background:transparent;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:55;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	padding:0;
	border-right:0px solid #000;
	background: transparent;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			120px; /* match top ul list item height */
	z-index:		199;
}
.sf-menu li#menu-item-20:hover ul,
.sf-menu li#menu-item-20.sfHover ul { left:auto; right:-25px; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:none;
	display:block;
	margin:0; padding:0;
	text-align:center;
}

.sf-menu li {
	background:	 transparent;
	margin:0px 0 0;
	padding:0;
	float:none;
	display:inline-block;
}

.sf-menu a {
	margin:0;
	padding: 20px 35px;
	text-decoration:none;
	position:relative; z-index:888;
	text-transform:uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-size:22px; line-height:110px;
	font-weight: 400;
	
}
.sf-menu a, .sf-menu a:visited  { color:#9E9888; color:#9E9888; font-family: 'Roboto', sans-serif; }

.sf-menu li a:hover { color:#80A268; background:transparent; }
.sf-menu li.last a:hover { color:#fff; }

.sf-menu ul { background: #fff; padding:30px 0 20px; width:325px; border: 1px solid #7A848A; }
.sf-menu li.current_page_item a { /*color:#fff;*/  }
.sf-menu li.current_page_item li a{ /*color:#fff;*/ }
.sf-menu li.current_page_item li a:hover{ /*color:#fff;*/ }
.sf-menu li li { margin:0; padding:0; width:315px; }
.sf-menu li#menu-item-20 ul, .sf-menu li#menu-item-20 li { width:170px; }
.sf-menu li li a{
	background: rgba(255,255,255,1);
	border-right:0;
	position:relative;
	z-index:800;
	text-align:left;
	font-size:19px;
	line-height:19px;
	padding:10px 0 10px 25px;
	margin: 0;
	color:#80A268;
}
.sf-menu li li a:visited { color:#80A268; }
.sf-menu li li a:hover {  background:rgba(255,255,255,1); }
.sf-menu li li li { }
.sf-menu li li li a{
}
.sf-menu li li li a:hover { background:#80A268; color:#fff; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }

/* Align logo and navigation menu vertically in the header wrapper */
#header .wrapper.clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Keeps logo on the left and menu pushed to the right */
}

/* Ensure the menu list layout behaves properly inside Flexbox */
/* Allow the navigation container to fill the remaining horizontal header space */
nav#menu {
    flex-grow: 1;
    display: flex;
    justify-content: center; /* Horizontally centers the menu items inside the light brown bar */
    align-items: center;     /* Maintains vertical centering */
}

/* Align the top-level list items horizontally */
ul.sf-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

ul.sf-menu > li {
    float: none; /* Removes float interference */
}

/*****************  LAYOUT *************************/

#page {
	background: transparent;
    margin: 0 auto;
	padding: 0;
	text-align: left;
}


#header {
    background: #3B351B;
    margin: 0 auto;
	padding: 0;
    text-align: left;
    position:relative;
    z-index:100;
}

.logo-block { float:left; display:inline-block; padding-top:15px; margin:0; background:#231E04; max-width: 600px; width: 30%;}
#logo { display: block; width: 85%; margin:0 auto; }

.wrapper { margin: 0 auto; max-width:1275px; }
#header .wrapper { width:100%; max-width:100%; }
#content .page-copy.wrapper { max-width:950px; max-width:900px; }
.resource-list .wrapper { max-width:900px; }
#content .page-header-caption .wrapper { max-width:1275px; }


.page-copy { padding:110px 0 100px; }
.the-youth-corps .page-copy:last-child { padding:0; }
.page-copy.no-padding { padding:0; }
.video-section { color:#626365; font-size: 22px;
line-height: 38px; font-weight:300;  }
.page-copy p, .page-copy ul, .page-copy ol { margin-bottom:25px; }
.page-copy p { margin: 10px 0 25px; }

.page-copy p strong { font-weight:800; }

.cta .wrapper { max-width:900px; }
.cta .page-copy { padding:75px 0 100px; }
.cta h3 { font-size:32px; }
.cta .button { margin-top:20px; }

#home-wrap { position:relative; z-index:2; }
.home .page-copy { padding-bottom: 50px; }
/*
.home .page-copy p, .page-copy p.bigger, .contact-us .page-copy p { font-size: 27px; line-height: 50px; }
*/

.eric-bradford-warren h1 { margin-bottom:10px; }
.eric-bradford-warren h2 { margin-bottom:30px; }

.about-wrapper { margin:50px auto; }
.about-image { float:left; display:inline-block; width:300px; }
.about-links { float:left; display:inline-block; width:300px; margin: 0 0 0 70px; padding-top: 130px;}
.about-links a.button { display: block; text-transform: uppercase; text-align: center; margin: 0 0 30px; padding:8px 40px; }

.creative .page-copy img { display:block; margin:50px 0 0; }

.post { margin:0 0 50px; padding-bottom:50px; border-bottom: 1px solid #868788;}
.post .button { padding:8px 40px; text-transform:uppercase; }
.post .attachment-post-thumbnail { max-height: 400px; width: auto; }

#page img { max-width:100%; }
.wp-caption { max-width:100%; }
.wp-caption p { font-family: 'Roboto', sans-serif; text-align: center;
  font-size: 15px;
  line-height: 23px; }

.testimonials h4 { color:#405732; font-family: 'Roboto', sans-serif; font-size:20px;  }

#footer {
   margin: 0;
   padding: 50px 0;
   text-align: left;
   overflow:hidden;
   background:#231E04;
   color:#969282;
   font-size:18px; line-height:24px;
   font-weight:300;
   text-align:center;
}

#footer span { text-transform:uppercase; font-size:15px; line-height:24px; }
.copyright { display:block; margin-top:20px; }
.copyright, #footer .copyright a { color: #78715D; text-transform:uppercase; font-size:15px; line-height:24px;  }
#footer .copyright a { color: #78715D; }

#footer h3, #footer h3 a { font-size:30px; color:#78715D; margin: 30px 0 50px; font-size: 24px; font-weight:300; }
.footer-phone { color:#fff; font-weight:bold; display:block; text-align:center; font-size:30px; line-height:40px; font-weight: 400;
  font-size: 36px; }

/****************  PAGE COLORS  **********************/

/*
.header-image-full { position:relative; }
.header-image-full img { display:block; width:100%; }
.header-img { float:right; display:inline-block; width:50%; }
.header-caption { float:left; display:inline-block; width:50%; position:relative; }
.header-img img, .header-caption img { display:block; width:100%; position:relative; z-index:1; }
.header-image-caption { color:#fff; padding:100px 0; position: absolute;
top: 20%; left: 0; width: 100%; z-index: 9; text-align:center; font-size:110px; line-height:125px; font-weight:bold; }
*/
.header-table { display:table; width:100%; height:100%; vertical-align:middle; position: absolute; top:0; left:0; z-index:4; }
.header-cell { display:table-cell; width:100%; text-align:center; vertical-align:middle; font-weight:bold;color:#fff; font-size:60px; line-height:90px; font-family: 'Bungee', cursive; }
.header-cell-small { display:table-cell; width:100%; text-align:center; vertical-align:middle; }
.header-cell .caption2 { font-size: 40px;
  line-height: 50px; }

.bgbeige { background:#F7F6F3; }
.header-cell span { 
	max-width: 90%;
	display: block;
	margin: -30px auto 0; 
	color:#CEC9A6;
}
.header-cell span.cell2 { font-size:40px; margin: 0px auto 0;  }
.header-cell .caption2 { margin: 0px auto 0;  }
.centered-section { position:relative; width:100%; height:100%;
max-width: 450px;
margin: 0 auto; font-size:20px; line-height:38px;}
.centered-table { display:table; width:100%; height:100%; vertical-align:middle; position: absolute; top:0; left:0; z-index:4; }
.centered-cell { display:table-cell; width:100%; text-align:left; vertical-align:middle; }
.centered-section .button { margin-top:25px; }
/*
.align-vertical .header-image-caption .header-image { width:32%; }
.align-vertical .header-image-caption .header-caption { width:60%; }
*/
.header-image { position:relative; }
.header-image img { display:block; width:100%; }
.header-image  .header-caption { position: absolute; top:0; left:0; width:100%; height:100%; color:#fff; }


/********* CTA ************/

.cta { display:block; text-align:center!important; background-size: cover!important;}
.cta p{text-align:center!important;}

/******************  SLIDESHOW  ***************************/

.owl-carousel { position:relative; z-index:1!important; }
.item { position:relative; height:100%;}
.item img { position: relative; z-index:1; }
.slide-table-wrap { position: absolute; top:0; left:0; width:100%; height:100%!important;   z-index:999;}
.slide-table { opacity:0; position: absolute; top:0; left:0; width:100%; height:100%; display:table; z-index:5; vertical-align:middle; }
.slide-cell { width:100%; display:table-cell; vertical-align:middle; }
.caption { font-family: 'Gochi Hand', cursive; font-size:100px; text-align:center; display:block; color:#fff; } 
.owl-dots { display:none; }


/**************************  HOME   ************************/

.image-grid img:nth-child(odd) { display:inline-block; float:left; width:48%; margin:20px 2% 20px 0; }
.image-grid img:nth-child(even) { display:inline-block; float:right; width:48%; margin:20px 0 20px 2%; }

.text-grid div:nth-child(odd) { display:inline-block; float:left; width:45%; margin:0px 2.5% 30px 0; text-align: center!important;}
.text-grid div:nth-child(even) { display:inline-block; float:right; width:45%; margin:0px 0 30px 2.5%; text-align: center!important;}
.text-grid { margin: 0px 2.5% 30px 0; font-size:15px; line-height:23px; }


/********************  ACCORDION  *********************/

 .accordion_bottom {
	border-bottom:1px solid #BC8B42;
	padding-bottom: 20px!important;
 }
 .accordion {
        margin: 0;
        padding:0px;
		cursor:hand;
		cursor:pointer;
		color: #BC8B42;
	font-size:37px;
	font-size:24px;
	line-height:48px;
	font-weight:normal;
	border-top:1px solid #BC8B42;
	padding:20px 0 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-family: 'Roboto Slab', sans-serif;
    }
  .accordion:hover { color:#3A351E; }
    .accordion-open {

    }
    .accordion.last{ border-bottom:1px solid #BFC3C6; }
    .accordion-open.last { border-bottom:0; }
    .accordion-open span {
        display:block;
        float:right;
		padding-left:0;
		font-size:37px; 
		font-size:28px;
    }
    .accordion-open span:before { content:'[ - ]'; }

    .accordion-close span {
        display:block;
        float:right;
		padding-left:0;
		font-size:37px;
		font-size:28px;
    }
    .accordion-close span:before { content:'[ + ]'; }
    div.container {
        padding:0 0 30px;
        margin:0;
        font-family: 'Roboto Slab', sans-serif;
		  font-size: 21px;
		  line-height: 36px;
		  font-weight: 300;
    }

.faq #content br { display:none; }

/**********************  CONTACT / NINJA FORMS **********************/


.wpcf7-form { margin-top:0px; max-width:90%; }
.page-copy .wpcf7-form { max-width:55% }
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select { border: 1px solid #999!important; padding:12px!important; display:block; background:#fff!important; width: 95%; text-transform:uppercase; font-size: 20px; font-weight: 300; font-family: 'Roboto', sans-serif; color: #626365;}
.wpcf7-form select { margin-top:0; width:100% }

.wpcf7-form span { display: block; font-size: 20px; }
.wpcf7-form span.required { margin: 30px 0 0;  }



.wpcf7-form input.wpcf7-submit { display:inline-block; height:auto!important; padding:15px 80px!important; text-transform:uppercase; background:transparent!important; border: 1px solid #BC8B42!important; font-size:18px; line-height:18px;  color:#BC8B42;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
cursor:hand; cursor:pointer;
width: auto;
}
.wpcf7-form input.wpcf7-submit:hover { background:#BC8B42!important; color:#fff!important; }

.required { font-size: 16px;
margin-top: -20px;
display: block; }

	
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #979283;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #979283;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #979283;
}
:-moz-placeholder { /* Firefox 18- */
  color: #979283;
}


/**********************  BOOKING AREA  ************************/

.booking-area { position:relative; }
.booking-area img { display:block; width:100%; height:auto; margin:0; padding:0; position:relative; z-index:1; opacity:1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.booking-area:hover img { opacity:.9; }
.appointment-section { position: absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#fff; z-index:5; font-size:80px; line-height:100px; font-family: 'Gochi Hand', cursive;  }
.appointment-section a { color:#fff; display:block; width:100%; height:100%; }
.app-table { display:table; width:100%; height:100%; vertical-align:middle; }
.app-cell { display:table-cell; width:100%; vertical-align:middle; }




.clear {clear:both;}
 .stretch,
    .clear {
        clear: both;
        height: 1px;
        margin: 0;
        padding: 0;
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
	
	
/* styles for desktop */

.dl-menuwrapper button { background:#ccc; color:#fff; }
.dl-menuwrapper button::after { background:#fff; color:#fff; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; }
.dl-menuwrapper button:hover { background:#143870; }

#dl-menu { display:block; position: absolute; right:0; top:-5px; width:100%; max-width:100%;z-index:9999; }
.dl-menuwrapper button { float:right; margin-right:5%; margin-top:21px!important; }
.dl-menuwrapper .dl-menu.dl-menuopen { background:#2A241F; background:#2A241F; padding:15px 0; z-index:9999; }

#dl-close { position: absolute; right:0px; top:0px; color:#444; font-weight:bold;   font-family: 'Lato', sans-serif;  font-size:28px; line-height:28px; cursor:hand; cursor:pointer; z-index:999; padding:10px 15px; }

#dl-menu { display:none; }

.dl-menuwrapper li a { padding:5px 5px 5px 20px; color:#bab4aa; text-transform:uppercase; font-size:18px; line-height:26px; }
.dl-menuwrapper li li a { padding-left:15px; }

a.Frank_back-to-top {
    display: none;
    padding: 5px 12px;
    position: fixed;
    right: 23px;
    text-align: center;
    top: 85%;
    transition: all 0.3s ease 0s;
    font-size: 2em;
    z-index: 999;
}
a.Frank_back-to-top img { max-width:60px; opacity:.6; }


.hamburger { display:none!important; }
#header .fat-nav {  }
.hamburger__icon, 
.hamburger__icon:before, 
.hamburger__icon:after {
    background-color: #9C9989;
}
.hamburger.active .hamburger__icon::before {
    -moz-transform: translateY(11px)rotate(45deg);
    -ms-transform: translateY(11px)rotate(45deg);
    -webkit-transform: translateY(11px)rotate(45deg);
    transform: translateY(11px)rotate(45deg);
}
.hamburger.active .hamburger__icon::after {
    -moz-transform: translateY(-11px)rotate(-45deg);
    -ms-transform: translateY(-11px)rotate(-45deg);
    -webkit-transform: translateY(-11px)rotate(-45deg);
    transform: translateY(-11px)rotate(-45deg);
}


/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */

@media screen and (max-width: 1450px) {
	.square p { font-size:18px; line-height:26px; }
	#menu { width:50%; }
	#menu { padding-right:0px; }
	/*.sf-menu a { font-size:16px; padding: 15px 15px 15px; } */
	.sf-menu li:last-child li a { padding-right:0px; }
	.sf-menu li li a { 
		font-size:16px;
		line-height:18px; 
		padding:10px 15px;
	}
}

@media screen and (max-width: 1360px) {
	.wrapper { max-width:90%; }
	#content .wrapper { max-width:975px; }
	#menu { width:65%; }
	#menu { padding-right:0px; }
	.sf-menu li li a { 
		font-size:16px;
		line-height:18px;  
		padding:10px 15px;
	}
	.sf-menu li a { padding:0px 25px; font-size:18px; }
	.sf-menu li.sfHover ul, .sf-menu li:hover ul {
		top: 80px!important; 
	}
}

@media screen and (max-width: 1200px) {
	.wrapper { max-width:90%!important; }
	#header .wrapper { max-width:100%!important; }
	.square a.button { padding-right:40px; padding-left:40px; font-size:18px; line-height:24px; }
	/*.sf-menu a { font-size:14px; padding:15px 10px }*/
	.header-image-caption { font-size:90px; top:15%; }
}
@media screen and (max-width: 1050px) {
	#menu { display:none!important; }
	.hamburger { display:block!important; }
	.hamburger { width:30px; right:20px; top:25px; }
	.hamburger__icon { right:30px;}
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after { height:7px; }
	.hamburger__icon:before {
		  top: -14px;
		}
		.hamburger__icon:after {
		  top: 14px;
		}
	.hamburger.active .hamburger__icon:before {
	  -moz-transform: translateY(14px) rotate(45deg);
	  -ms-transform: translateY(14px) rotate(45deg);
	  -webkit-transform: translateY(14px) rotate(45deg);
	  transform: translateY(14px) rotate(45deg);
	}
	.hamburger.active .hamburger__icon:after {
	  -moz-transform: translateY(-14px) rotate(-45deg);
	  -ms-transform: translateY(-14px) rotate(-45deg);
	  -webkit-transform: translateY(-14px) rotate(-45deg);
	  transform: translateY(-14px) rotate(-45deg);
	}
	.fat-nav { background: #3A351E;  }
	.fat-nav ul { padding: 0 0 0 25px; }
	.fat-nav li { padding:0 10px; text-align:left; margin:0; }
	.fat-nav li a { font-size:20px; font-weight:300; margin-bottom:5px;}

	.logo-block { width:50%; }
	}
@media screen and (max-width: 960px) {
	/*  ipad */
	#logo { float:none; display:block; margin: 0 auto; width:auto; max-width:300px; }
	#menu { float:none; display:block; margin: 15px auto 0; width:100%; }
	#header { padding-bottom:0; }
	.sf-menu { text-align:center; }
	.sf-menu a { padding:15px 15px 15px; font-size:16px; line-height:50px;}
	.title { font-size:60px; line-height:75px; }
	.header-cell { font-size: 50px; line-height: 60px; }
	.page-copy img { max-width:100%!important; height:auto!important; }
	.contact-us  #content { background:transparent; }
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:		55px; /* match top ul list item height */
	}
	.home .page-copy p, .page-copy p.bigger, .contact-us .page-copy p { font-size:22px; line-height:45px; }
	.header-image-caption { font-size:80px; top:15%; }
	.annoucement { font-size:22px; }
	.video-section { max-width:100%; overflow:hidden; }
	.video-section img { width:100%; }
	h1.mega-heading {font-size: 50px;
  line-height: 65px; }
  .watch-more { max-width:100%!important; }
	.header-cell { font-size: 50px; line-height: 60px; }
	.header-cell span.cell2 { font-size:35px; line-height:40px; }
	
}
	
@media screen and (max-width: 767px) {
	/*  small tablet */

	#logo { float:left; display:inline-block; max-width:250px; }
	#dl-menu { display:block; height:1px; }
	#menu { display:none; }
	.dl-menuwrapper li .dl-submenu { display:block!important; background:transparent!important; }
	.dl-back, .dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after { display:none!important; }

	.half, .half.last, .third, .third.last, .fourth, .fourth.last, .square, .fundraising-left, .fundraising-right, #footer .third:first-child, #footer .third, #footer .third:last-child, .column-grid-2 .column.column-span-1.column-push-0.column-first, .column-grid-2 .column.column-span-1.column-push-0.column-last { float:none; display:block; width:100%; margin: 0 auto 60px; }
	.square { margin:0 0 60px; }
	.square a.button { line-height:36px; font-size:24px;}
	.appointment-section, .caption { font-size:50px; line-height:65px; }
	#footer .third:first-child, #footer .third:last-child, #footer .third, #footer p, .fundraising-right, .fundraising-right p { text-align:center; }
	.page-copy { padding:45px 0; }

	.half img { max-width:100%!important; }

	.equal { height:auto!important; }
	.centered-table { display:block; position:relative }
	.impact-report .page-copy img { float:none!important; margin: 0 auto!important; display:block!important; }
	.page-copy .wpcf7-form, .wpcf7-form { max-width:100%; }

	.fundraising-section { font-size:18px; line-height:30px; }

	h1, .team-item h2 { font-size:40px; line-height:50px; }
	h2, .team-item h3, .accordion, .header-caption, .accordion-close span, .accordion-open span { font-size:20px; line-height:30px; }
	h3 { margin-bottom:10px; }
	.page-copy, .page-copy p, .page-copy li, .team-item, .team-item p, .square p, .square { font-size:15px; line-height:24px; }
	.header-image-caption { padding:45px 0; }
	body { word-wrap:break-word; }
	.title { font-size:50px; line-height:65px; }
	.header-caption, .header-img { float:none; display:block; width:100%; }
	.header-cell { padding: 0 5%; width:90%; }
	.title { font-size:40px; line-height:55px; }
	.about-image, .about-links { width:250px; }
	.about-links { margin-left:30px; }
	blockquote p { font-size:18px!important; }
	.header-image-caption { font-size:60px; top:15%; }
	.home .page-copy p, .page-copy p.bigger, .contact-us .page-copy p { line-height:36px; }
	.cta { padding:0!important; }

	.image-grid img { float:none!important; display:block!impportant; width:100%!important; margin:0 0 20px!important; }
}

@media screen and (max-width: 600px) {
	.about-image, .about-links { float: none; display:block; margin:0 auto; }
	.about-links { padding-top:50px; } 
	.header-image-caption { font-size:50px; top:5%; }
	}

@media screen and (max-width: 550px) {
	.appointment-section, .caption { font-size:40px; line-height:55px; }
	.dl-menuwrapper li li { width:100%!important; float:none; }
	
	.team-image img, .align-vertical .header-image img { display:block; margin: 0 auto; max-width:270px; }
	.header-caption { margin-bottom:-1px; }
	.nf-field-label label { font-size:18px!important; line-height:26px!important; }
	.header-image-caption { font-size:40px; top:0; }

	.header-cell { font-size: 40px; line-height: 50px; }
	.header-cell span.cell2, .header-cell span.caption2 { font-size:25px; line-height:30px; }
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#logo { max-width:200px; }
	.dl-menuwrapper button { margin-top:30px; }
	h1, .team-item h2 { font-size:28px; line-height:36px; }
	h2, .team-item h3, .accordion, .header-caption { font-size:20px; line-height:30px; }
	.appointment-section, .caption { font-size:40px; line-height:40px; }
	
	#footer { padding: 40px 25px; font-size:16px; }
	#footer .copyright, #footer .copyright a { font-size:12px; }
	#footer a.tel { font-size:26px; }
	#footer span a { font-size:15px; }
	.header-cell { font-size: 36px; line-height: 46px; }
	.title { font-size:30px; line-height:45px; }
	.page-copy { padding: 35px 0; }
	.header-image-caption { font-size:35px; top:0; line-height:90px }
	.footer-title { font-size:30px; }

	.header-cell { font-size: 30px; line-height: 40px; }
	.header-cell span.cell2, .header-cell span.caption2 { font-size:20px; line-height:25px; }
}


@media screen and (min-width: 1800px) {
	
	
}

/**********testimonials**********/
.testimonials{
	border-top:1px solid #56504E;
	padding: 40px 0px!important;
}