/* Add your custom styles here */

.clear {
   clear:both;
   margin-bottom: 10px;
}

.imgr {
   float: right;
   margin-left: 20px;
   margin-bottom: 10px;
}

.imgl {
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
}

.head {
  padding: 10px 20px 10px;
  font-size: 16px;
}
header .widget_nav_menu {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    float: none;
    margin: 5px auto 0;
    padding: 0;
    text-align: center;
    width: 100%;
    background: #654B34;
}
header .widget_nav_menu a {
    background: #654B34;
    color: #FFF !important;
}
header .widget_nav_menu a:hover,
header .widget_nav_menu .current-menu-item > a {
    color: #FFF !important;
    background: #4C3927 !important;
}

.genesis-nav-menu a { background: #654B34; color: #FFF; }

.btn, a {
   -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ninja-forms-required-items { margin-bottom: 10px !important; }

.logo {
    float: left;
    margin: 0;
    text-align: center;
    width: 30%;
}
.logo img {
    float: none;
    margin: 0 auto;
    padding: 10px 0 0;
    width: auto;
}
.head-left, .head-right {
    color: #333333;
    float: right;
    font-size: 22px;
    padding: 45px 40px 10px;
    text-align: center;
    width: 35%;
}
.head-left a, .head-right a { color: #F2673A; }
.head-left {
    float: left;
}
.hclear { clear: both; }

/* Active Header Styles */

.site-header, .logo, .logo img, .widget_nav_menu, .head-left, .head-right, .hclear {
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
   -moz-transition: all 0.25s ease-in-out 0s;
}
.site-header.active {
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
}
.site-header.active .head-left, .site-header.active .head-right {
    display: none;
}
.site-header.active .logo {
    float: left;
    margin-right: 2%;
    width: 14%;
    background: #F2DFB0 none repeat scroll 0 0;
}
.site-header.active .logo img {
   max-height: 80px;
   padding: 5px 0 0;
}

.site-header.active .hclear {
    clear: none;
}
.site-header.active .widget_nav_menu {
    border: medium none;
    float: right;
    margin: 0;
    padding: 22px;
    text-align: left;
    width: 84%;
}


.home-welcome, .welcome-wrap { background: #2D733B; }
.welcome-wrap { padding: 4rem 3rem; }
.welcome-wrap h2 { color: #FFF; }

.homeintro { 
   background: url('https://adamspetsafari.com/wp-content/uploads/leaves-bg.png') repeat-x top left #fff9ed; 
   max-width: 100%; 
}
.homeintro .wrap { background: rgba(0,0,0,0); border-bottom: 1px solid #CCC; padding-top: 120px; }
.homeintro h1 { color: #654B34; }
.homeintro h4 { font-weight: 400; color: #F2673A; }

.home-bottom { background: #fff9ed; }
.home-bottom .wrap { background: #fff9ed; text-align: center; }
.home-bottom .btn { background: #2D733B; font-size: 16px; }
.home-bottom .btn:hover { background: #52BA65; }
.home-bottom img { 
    opacity: 1; 
    -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.home-bottom img:hover { opacity: .65; }
.home-bottom h4 { color: #654B34; }

.instagram { 
   background: url('https://adamspetsafari.com/wp-content/uploads/bottom-bg.png') no-repeat scroll top left rgba(0,0,0,0);
   background-size: cover;
}
.instagram .wrap { text-align: center; color: #FFF; }
.instagram p { color: #FFF; }
.instagram h2, .instagram h4 { color: #FFF; text-shadow: 1px 1px 1px #333; }

.testimonial_rotator_prev, .testimonial_rotator_next {
    color: #FFF !important;
    color: rgba(0,0,0,0.2);
}
.testimonial_rotator.template-longform hr.longform_hr {
    background: #F2DFB0;
}

.assoc, .assoc .wrap { background: #FFF; }
.assoc p { margin-bottom: 1.6rem; color: #444; }

.footer-widgets {
   background: url('') no-repeat fixed bottom right #F2673A !important;
}
.site-footer, .footer-widgets { background: #F2673A; }

.footer-widgets .fa { font-size: 40px; }


@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) { 
.head-left, .head-right {
    font-size: 18px;
  }
.genesis-nav-menu a {
    font-size: 12px; 
    padding: 12px 6px !important; 
 }
.welcome-wrap h2 { font-size: 2.8rem !important; }
.homeintro h1 { font-size: 2.6rem !important; }
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) { 
body.custom-background {
   background: #FFF9ED !important;
} 

.head { 
   display: block; 
   width: 100%; 
   margin: 10px auto; 
   text-align: center; 
   float: none;
}
header .widget_nav_menu {
  border-top: none;
  padding: 10px !important;
}
.genesis-nav-menu a { font-size: 14px; }

.head-left, .head-right {
   float: none;
   display: block;
   text-align: center;
   width: 100%;
   margin: 15px auto;
   padding: 0;
}
.logo {
   float: none;
   width: 100%;
   display: block;
}
.logo img { padding: 0; }

.welcome-wrap h2 { font-size: 2rem !important; }
.homeintro h1 { font-size: 2rem !important; }

.homeintro .one-half { width: 100%; margin: 10px auto; display: block; float: none; }

.home-bottom .btn { font-size: 14px !important; }

.home-welcome .wrap, .homeintro .wrap, .home-bottom .wrap, .instagram .wrap, .assoc .wrap {
    padding: 4rem 3rem !important;
 }
.homeintro .wrap { padding-top: 120px !important; }

#header-menu-icon, #primary-menu-icon, #secondary-menu-icon {
    border: none !important;
    font-size: 1.8rem;
 }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
  .site-header {
    padding: 0;
 }
.homeintro h1 { font-size: 2.4rem !important; }
.instagram .one-half { margin: 15px auto; }

.menu-item-385, .menu-item-386{
	display: none !important;
}

}

.menu-item-385, .menu-item-386{
	font-size: 20px;
}

.error404 .site-inner {
	margin-top: 180px !important;
	box-shadow: 0 0px 0px rgba(0,0,0,0) !important;

}

.grecaptcha-badge { display: none; }