/*
Theme Name: Rizer Law
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: #F0F0F1;
	color:#58595B;
	font-size:15px;
	line-height:23px;
	font-family: 'Roboto', sans-serif;
    padding: 0;
}

/********* 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: #80A268; text-decoration: none; outline: none; }

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

h1, h1 a {
	color: #2B241E;
	font-size:44px;
	line-height:62px;
	font-weight:normal;
    margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}

h2, h2 a {
	color: #2B241E;
	font-size:28px;
	line-height:38px;
	font-weight:normal;
    margin: 5px 0 0px 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}

h3, h3 a {
	color: #2B241E;
    font-weight: normal;
    font-size:24px;
	margin: 0 0 10px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}

h4 {    
	color: #000;
	font-size:16px;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

h5 {    
	color: #000;
	font-size:14px;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

h6 {    
	color: #000;
	font-size:12px;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

img { border: none; }


.highlight { background: yellow; }

a.button { color:#80A268; border: 1px solid #80A268; display:inline-block; background:transparent;
	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.button:hover { background:#80A268; color:#fff; }

ol, form { margin: 0; padding: 0; }

p { text-align: left;  font-family: 'Roboto Slab', serif; }

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%; }
.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 70px; border:0; height:1px; background:#868788; }

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

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

#topnav  { display:none; }

#menu {
	float:right; display:inline-block; width:60%; text-align:right;
	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:right;
}

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

.sf-menu a {
	margin:0;
	padding: 30px 25px 30px;
	padding: 20px 25px;
	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: 300;
	
}
.sf-menu a, .sf-menu a:visited  { color:#80A268;  }
.sf-menu li.last { background:#80A268; }
.sf-menu li.last a, .sf-menu li.last a:visited { color:#fff; font-weight:bold; }

.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; }


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

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


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

#logo { float:left; display:inline-block; max-width:230px;}

.wrapper { margin: 0 auto; max-width:1275px; }
#header .wrapper { width:95%; max-width:1400px; }
#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:75px 0 100px; }
.page-copy.no-padding { padding:0; }
.page-copy, .page-copy p, .page-copy li, .team-item, .team-item p, .square p, .square { color:#626365; font-size:19px; line-height:34px; font-weight:300; font-family: 'Roboto Slab', serif; }
.page-copy p, .page-copy ul, .page-copy ol { margin-bottom:25px; }


#home-wrap { position:relative; z-index:2; }
.home { background:#fff; }
.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; }

#footer {
   margin: 0;
   padding: 100px 0 0px;
   text-align: left;
   overflow:hidden;
   background:#F7F6F3;
   color:#969282;
   font-size:22px; line-height:28px;
}
#footer a { color:#969282; text-transform:uppercase; font-weight:300; }
#footer a.button:hover { color:#fff; }
#footer span { text-transform:uppercase; font-size:16px; line-height:20px; }
.copyright { display:block; margin-top:30px; }
.copyright, .copyright a { color: #969282; text-transform:uppercase; font-size:16px; line-height:20px;  }

.footer p, .footer h3 { color:#51513B; }
.footer h3 { font-size:30px; }

/****************  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:110px; line-height:120px; font-family: 'Lilita One', cursive; }

/*
.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; }


/********************  TEAM  *******************************/

.team-item { color:#fff; background:#4595D2; padding:75px 0; }
.team-item:nth-child(3n + 2) { background:#4795D5; }
.team-item:nth-child(3n + 3) { background:#5BC4BF; }

.team-image { float:left; display:inline-block; width:27%;  }
.team-bio { float:right; display:inline-block; width:68%; text-align:left; }
.team-item h2, .team-item h3 { color:#fff; }
.team-item h2 { font-size:52px; line-height:66px; }
.team-item h3 { font-size:28px; line-height:38px; margin:10px 0 20px;}

.team-table { display:table; width:100%; height:100%; vertical-align:middle; }
.team-cell { display:table-cell; width:100%; vertical-align:middle; }
.team-item, .team-item p { color:#fff; }


/********************  RESOURCES  ****************************/

.resource-item { color:#fff; background:#4595D2; padding:75px 0; }
.resource-item:nth-child(3n + 2) { background:#4795D5; }
.resource-item:nth-child(3n + 3) { background:#5BC4BF; }
.resource-item h1 { color:#fff; }
.resource-item a.button { margin-top:30px; border: 1px solid #fff; color:#fff; background:transparent; text-transform:uppercase; }
.resource-item a.button:hover { background:#fff; color:#4595D2; }
.resource-item:nth-child(3n + 2) a.button:hover { color:#4795D5; }
.resource-item:nth-child(3n + 3) a.button:hover { color:#5BC4BF; }
.resource-item, .resource-item p, .resource-item li { color:#fff; }



/******************  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 SQUARES  ************************/

.home-squares { margin: 20px auto 40px; max-width:1000px; }
.square { float:left; display:inline-block; width:33.33%; text-align:center;  margin: 0 0 120px; position:relative; }
.square img { display:block; margin: 0 auto 25px; }
.square span { display:block; text-align:center; font-size: 17px; max-width: 290px; margin: 0 auto 20px;}
.square a.button { padding:8px 40px;  }

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


 .accordion {
        margin: 0;
        padding:0px;
		cursor:hand;
		cursor:pointer;
		color: #4795D5;
	font-size:37px;
	font-size:28px;
	line-height:48px;
	font-weight:normal;
	border-top:1px solid #BFC3C6;
	padding:20px 0;
	-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;
    }
  .accordion:hover { color:#414141; }
    .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;
    }

.faq #content br { display:none; }

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


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


.wpcf7-form input.wpcf7-submit { display:inline-block; height:auto!important; padding:15px 80px!important; text-transform:uppercase; border: 1px solid #4192D4!important; font-size:18px; line-height:18px; 
-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:#4192D4!important; color:#fff!important; }

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

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


/**********************  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; 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:#4595D2; background:#143870; 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:#80A268; text-transform:uppercase; font-size:18px; line-height:26px; }
.dl-menuwrapper li li a { padding-left:15px; }
	#dl-menu { display:block; height:1px; }
	#menu { display:none; }


#header .fat-nav {  }
.hamburger__icon, 
.hamburger__icon:before, 
.hamburger__icon:after {
    background-color: #C84836;
}
.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);
}

.hamburger { right:70px; top:70px; }

/* Debug styles */
.hamburger {
    position: fixed !important;
    top: 80px !important;
    right: 60px !important;
    z-index: 9999 !important;
    display: block !important;
    background: #fff !important;
    padding: 25px 0 0 13px !important;
    width:70px;
    height:70px;
}

.hamburger__icon {
    background: #C84836 !important;
}
.hamburger.active .hamburger__icon {
    background: #fff !important;
}
.hamburger.active { background: transparent!important; }

.fat-nav {
    background: rgba(0,0,0,0.8);
}
.hamburger.active .hamburger__icon { background:transparent!important;  }
.hamburger.active .hamburger__icon::before { top:-3px; }
.hamburger.active .hamburger__icon::before, .hamburger.active .hamburger__icon::after { background:#fff; }
.hamburger__icon, .hamburger__icon::before, .hamburger__icon::after { height:7px; }

.fat-nav__wrapper { top:-50px; }

/* =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:50px; }
	/*.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:50%; }
	#menu { padding-right:50px; }
	.sf-menu li li a { 
		font-size:16px;
		line-height:18px;  
		padding:10px 15px;
	}
}

@media screen and (max-width: 1200px) {
	.wrapper { max-width:90%!important; }
	.square a.button { padding-right:40px; padding-left:40px; font-size:18px; line-height:24px; }
	#logo { width:25%; }
	#menu { width:75%; padding-right:0;}
	/*.sf-menu a { font-size:14px; padding:15px 10px }*/
	.header-cell { font-size: 60px; line-height: 80px; }
	.header-image-caption { font-size:90px; top:15%; }
}
@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 35px; font-size:16px;}
	.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%; }
	
}
	
@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 { 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; }
	.page-copy { padding:45px 0; }

	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; }
	#header { padding:20px 0; }
	.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; }
	.hamburger { top:20px!important; right:20px!important; }
	#header .container { padding: 30px 10px 70px!important; }
	#logo { max-width:140px; }
}

@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; }
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#logo { max-width:140px; }
	.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; }
}


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

/*/////////////*/
/*CAMERONS CODE*/
/*/////////////*/

h1, h2, h3{
  font-family: "Roboto", serif!important;
  font-optical-sizing: auto!important;
  font-weight: 500!important;
  font-style: normal!important;
  font-variation-settings: "wdth" 100!important;
}

p{
  font-family: "Roboto", serif!important;
  font-optical-sizing: auto!important;
  font-weight: 300!important;
  font-style: normal!important;
  font-variation-settings:
    "wdth" 100!important;
}

.dl-menu a{
  font-family: "Roboto", serif!important;
  font-optical-sizing: auto!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-variation-settings:
    "wdth" 100!important;
  text-transform: uppercase!important;
}

body{
	background-color: white !important;
}

#footer-number{
  font-family: "Roboto", serif!important;
  font-optical-sizing: auto!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-variation-settings:
    "wdth" 100!important;
  margin-bottom: 70px!important;
  color: #969282;
}

#legal{
  font-family: "Roboto", serif!important;
  font-optical-sizing: auto!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-variation-settings:
    "wdth" 100!important;
  text-transform: uppercase!important;
}

.container{
	padding: 70px !important; 
}

.contact-form-div{
	background-color: #F1F0F0 !important;
}

#ninja-form input, textarea{
  font-family: "Roboto", serif!important;
  font-optical-sizing: auto!important;
  font-weight: 300!important;
  font-style: normal!important;
  font-variation-settings:
    "wdth" 100!important;
  text-transform: uppercase!important;
	padding: 10px;
	background-color: white;
	border: 1px solid #ccc;
}

.nf-form-title h3{
	margin-bottom: 45px;
}

.ninja-forms-req-symbol, .nf-form-fields-required{
	display: none !important;
}

#nf-field-12{
	color: #D93B2B;
	border: #D93B2B 2px solid;
	padding: 10px 75px !important;
	background:transparent!important;
	-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;
}
#nf-field-12:hover { background: #D93B2B!important; color:#fff; }

#header{
	position: absolute; 
	top:0; 
	left:0;
	background: none !important;
	width: 100% !important;
	padding-top: 50px;
}

.header-image-full img{
	width: 100%;
	height: auto;
}

.dl-menuopen{
	background-color: #D93B2B !important;
    /*top: -125px !important;*/
    right: 0 !important;
    position: fixed !important; 
    width: 100%;
    max-width: 440px;
    height: 100vh;
  	color: white !important;
    /*
    background: #449ACD;
    background: #4aa4da;
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;*/

}

.fat-nav{
	background-color: #D93B2B;
	width: 500px !important;
}

.fat-nav a{
  font-family: "Roboto", serif !important; 
  font-optical-sizing: auto !important;
  font-weight: 200 !important;
  font-style: normal !important;
  font-variation-settings :
    "wdth" 80 !important;
  text-transform: uppercase!important;
  margin-bottom: 50px !important;
  font-size: 40px !important;
  font-weight: bold;
}

.fat-nav__wrapper{
 /* top: -190px; */
  position: absolute;
}

.no-scroll .hamburger{
  	/*visibility: hidden;*/
}

#footer{
	background-color: #323737!important;
}

#footer-legal{
  font-size: 16px;
}

li{
  font-family: "Roboto", serif !important;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  }

#header .container{
	padding-top: 35px !important;
}