/*
Theme Name: Aunt Marthas
Theme URI: http://auntmarthas.org
Author: Cleo Hister
Author URI: http://www.createwithcurtis.com/
Description: Aunt Marthas Responsive Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
1. Reset CSS
-------------------------------------------------------------- */
html,body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}

/*--------------------------------------------------------------
2. WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 18px;margin: 0;padding: 0 4px 5px;}

/*--------------------------------------------------------------
3. Universal CSS
-------------------------------------------------------------- */
/* Set Global Font */
html * {}

body{font-family: 'Montserrat', sans-serif;}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 22px;}
h5{font-size: 20px;}
h6{font-size: 18px;}
hr{}
a{color: #1F8FD0;}
span{}
strong,b{font-weight: bold;}
em{font-style: italic;}
p{font-size: 16px; line-height: 1.3; font-weight: 400;margin-bottom: 24px;}

/* Site Font Size CSS */
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}

.fc-orange{color: #E55525;font-size: 22px;font-weight: 500}

/* Button CSS */
a.learn-more-btn,.learn-more-btn a{border: 1px solid white; padding: 10px 25px;color: white;font-size: 22px;}
a.learn-more-btn:hover,.learn-more-btn:hover a{background: white;color: #26337A !important; text-decoration: none;}

a.learn-more-btn-orange,.learn-more-btn-orange a{ border: 1px solid #e55525; padding: 10px 25px;color: #e55525 !important; text-decoration:none !important;font-size: 18px;margin-bottom: 30px;display: block;width: 100%:}
a.learn-more-btn-orange:hover,.learn-more-btn-orange:hover a{background: #e55525;color: white !important; text-decoration: none;}

a.learn-more-btn-orange-inline,.learn-more-btn-orange-inline a{ border: 1px solid #e55525; padding: 10px 45px;color: #e55525 !important;font-size: 18px;margin-bottom: 30px;display: inline-block;text-decoration: none !important;}
a.learn-more-btn-orange-inline:hover,.learn-more-btn-orange-inline:hover a{background: #e55525;color: white !important; text-decoration: none;}

a.sign-up-btn{border:1px solid #E55525; color: white;background-color: #E55525;padding: 0 35px;border-radius: 5px;font-size: 30px;margin-bottom: 15px;display: inline-block;}
a.sign-up-btn:hover{color:#E55525; background-color: white; text-decoration: none;border-radius: 0}
/* Content Padding CSS */
.pad{padding: 0 3%;}
.mb15{margin-bottom: 15px;}
.mt5{margin-top: 5px;}

.hide{display: none !important;}
.show{display: block !important;}

/* Animate CSS */
.animate{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.animate-slow{-webkit-transition: all 1.0s ease-in-out;-moz-transition: all 1.0s ease-in-out;-o-transition: all 1.0s ease-in-out;transition: all 1.0s ease-in-out;}

/* slide left animation css */
.slide-out-right{right: -100% !important;}
.slide-in-right{right: 0 !important;}

/* slide right animation css */
.slide-out-left{left: -100%;}
.slide-in-left{left: 0 !important;display: block !important;}

/* bounce animation css */
.bounce {position:relative;-webkit-animation:bounce 0.7s infinite; animation:bounce 0.7s infinite; }
@-webkit-keyframes bounce {0% { bottom:3px; } 25%, 75% { bottom:6px; } 50% { bottom:9px; } 100% { bottom:0; } }
@-moz-keyframes bounce { 0% { bottom:3px; } 25%, 75% { bottom:6px; } 50% { bottom:9px; } 100% { bottom:0; } }
@keyframes bounce { 0% { bottom:3px; } 25%, 75% { bottom:6px; } 50% { bottom:9px; } 100% { bottom:0; } }

.already-visible {transform: translateX(0);animation: none;}
@keyframes come-in { to { transform: translateX(0); } }

.fade-in { /* updated to fade-in, .fade is a default class of bootstrap and was effecting modal popup background - update class in html */
   opacity: 1 !important;transition: opacity 1.2s ease-in-out;-moz-transition: opacity 1.2s ease-in-out;-webkit-transition: opacity 1.2s ease-in-out;
   }


.come-in{ transform: translateY(150px); animation: come-in 1s ease forwards; }
.come-in:nth-child(odd){ animation-duration: 0.8; }
@keyframes come-in{ to{ transform: translateY(0); } }

/*--------------------------------------------------------------
4. Header CSS
-------------------------------------------------------------- */
#home-header{position: relative; background: #51c9ee;background: -moz-linear-gradient(top, #51c9ee 0%, #fff7c4 65%, #fff7c4 100%);background: -webkit-linear-gradient(top, #51c9ee 0%,#fff7c4 65%,#fff7c4 100%);background: linear-gradient(to bottom, #51c9ee 0%,#fff7c4 65%,#fff7c4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c9ee', endColorstr='#fff7c4',GradientType=0 ); min-height: 550px;}
.home-head-grass{min-height:60px;width: 100%;left: 0; background-color: #40af49; position: relative; margin-top: -5px;	}
#header-and-logo{margin-top: 120px;position: relative;z-index: 100}
#health-care-svg{margin-top: 144px;}
#care-coordination-svg{margin-top: -4px; position: relative; z-index: 1000;}
#child-welfare-svg{margin-top:92px;}
#community-wellness-svg{margin-top:128px;}

.homepage-cls-5{font-weight: 700;}
#healthcare_building,#Comm_Well_Building,#Child_Welfare_Building,#CC_building {}
#healthcare_building:hover,#Comm_Well_Building:hover,#Child_Welfare_Building:hover,#CC_building:hover {opacity:.8;cursor: pointer;cursor: hand;background: black;}
.header-contact-number{text-shadow: 1px 2px 2px #000; color: white; font-size: 24px; text-align: center;padding: 20px 5px; letter-spacing: 1px;}
/*--------------------------------------------------------------
5. Navigation CSS
-------------------------------------------------------------- */
.navbar{background: none;border: none; border-radius: 0;margin-bottom: 0;}
.navbar a{background: none !important; font-weight: normal;}
.nav>li>a{padding:0 !important;margin:15px 0 19px 18px !important;}
.navbar .active>a, .navbar a:hover{color: #005295 !important}

/* Dropdown Menu*/
.nav>li:hover >.dropdown-menu{display: block;}
.dropdown-menu>li:hover >.dropdown-menu.level-1{display: block;}
.dropdown-menu.level-1{}

.menu-main-menu-container{display: inline-block;}
.main-menu > .menu-main-menu-container > ul{display: inline-block;background-color: #26337A;border-radius: 10px; margin-top: 40px;padding: 5px 5px 5px 30px;}
.main-menu > .menu-main-menu-container > ul > li{display: inline-block;margin: 0 ;padding: 5px 0;}
.main-menu > .menu-main-menu-container > ul > li:after{content: "|";font-size: 14px;font-weight: 200;color: white;padding: 0 20px;}
.main-menu > .menu-main-menu-container > ul > li:last-child:after{content: "";}
.main-menu > .menu-main-menu-container > ul > li > a{color: white;font-weight: 200;font-size: 17px;text-transform: uppercase;}
.main-menu > .menu-main-menu-container > ul > li:hover > ul.sub-menu{display: block;}
.main-menu > .menu-main-menu-container > ul > li:hover > ul.sub-menu > li{position: relative;}
.main-menu > .menu-main-menu-container > ul > li > ul{position: absolute;text-align: left;border-radius: 0 0 5px 5px;background-color: #26337A;margin-left:     -27px;padding: 20px 15px 15px;line-height: 1.8;display: none;z-index:2;}
.main-menu > .menu-main-menu-container > ul > li > ul li{ font-size: 15px;font-weight: 200; color: white; }
.main-menu > .menu-main-menu-container > ul > li > ul li > a{color: white;}
.main-menu > .menu-main-menu-container > ul > li:hover > ul.sub-menu > li > ul{display: none;margin-left: 15px;}
.main-menu > .menu-main-menu-container > ul > li > ul.sub-menu > li:after{content "v"; font-size: 12px;color: white; text-align: right;}
.main-menu > .menu-main-menu-container > ul > li > ul.sub-menu > li:hover > ul{display: block;}
.main-menu > .menu-main-menu-container > ul > li > ul.sub-menu > li:hover > ul > li{font-size: 13px;}


/* Mobile Menu CSS */
.main-menu-mobile{position: absolute;width: 100%;overflow: scroll;top:77px;right: -100%;background: #303030;z-index: 1000;border: none !important;display: none;}
.main-menu-mobile #main-menu{background: white; padding: 15px 15px; border: none !important;border-bottom: 5px solid #E55525 !important;}
.main-menu-mobile a{color: #000; font-size: 18px !important;line-height: 2}
.main-menu-mobile #secondary-menu{padding: 15px;}
.main-menu-mobile #secondary-menu li a{color: white;}
.mobile-logo{width: 125px;margin-top: 15px;margin-bottom: 15px}
.main-menu-mobile ul > li{padding: 5px 0}
.main-menu-mobile ul > li > ul{display: block;background: rgba(127, 129, 133, 0.4); }
.mobile-menu-hamburger-container{padding: 4px 20px; position: relative; z-index: 10000;}

#mobile-menu-hamburger {cursor: pointer;cursor: hand; width: 30px;height: 25px;position: relative;margin: 25px auto 10px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 1010}
#mobile-menu-hamburger span {display: block;position: absolute;height: 3px;width: 100%;background: white;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#mobile-menu-hamburger span:nth-child(1) {top: 0px;}
#mobile-menu-hamburger span:nth-child(2) {top: 8px;}
#mobile-menu-hamburger span:nth-child(3) {top: 16px;}
#mobile-menu-hamburger.open span{background: white }
#mobile-menu-hamburger.open span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#mobile-menu-hamburger.open span:nth-child(2) {opacity: 0;left: -60px;}
#mobile-menu-hamburger.open span:nth-child(3) {top: 8px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

/*--------------------------------------------------------------
6. Sub-Header CSS
-------------------------------------------------------------- */
#mid-c2a{background-color: #26337a;min-height: 350px;padding: 30px 0 50px;text-align: center; border-bottom: 0px !Important;}
#mid-c2a p{color: white;}
.c2a-title{border: 1px solid #807eab;margin-bottom: 30px; padding: 25px 15px;font-weight: 400;font-size: 30px;color:white;text-transform: uppercase;}
.c2a-content p{font-size: 16px;color: white;line-height: 1.3;font-weight: 300;margin-bottom: 30px;}
.c2a-content h4{line-height: 1.5;font-size: 20px;color: white;margin-bottom: 24px;}

/*--------------------------------------------------------------
7. Main Content CSS
-------------------------------------------------------------- */
#home-main-content,#main-content{padding: 20px 15px;}
#home-main-content p{color: #505959;}
.home-featured-img img{margin-bottom: 20px;}
.home-locations-icon{position: absolute;z-index: 10000; width: 150px;margin-left: 800px;margin-top: 280px;}
.the-content p{line-height: 1.8}
.the-content a{color: #505959;text-decoration: underline;}
.the-content h5{font-size: 18px;line-height: 2.5;font-weight: bold;color: #001588;}
.the-content h6{font-size: 16px;font-weight: bold;line-height: 2;color: #001588;}
.home-main-content-title,.main-content-title{border:1px solid #e55525 ;padding: 15px;margin-bottom:30px;text-align: center; font-size: 30px;text-transform: uppercase;color: #e55525;}
.page-title{background: #e55525; padding: 15px; text-align: center; color: white; text-transform: uppercase;font-size: 26px;font-weight: 200;margin-bottom: 40px;}
.the-content{line-height: 1.8;color: #333;font-weight: 300;margin-bottom: 50px;}
.the-content ul{list-style: disc;margin-left: 15px;font-size: 15px;margin-bottom: 50px;}
.the-content ul li{margin-bottom: 12px;}
.the-content .learn-more-btn-orange{display: inline;text-align: center;}
.main-header{position: relative;background-size: cover;background-position: center 20%; min-height: 600px;}
.main-header.alternate{min-height: 640px;}
#main-content.alternate{padding: 50px 15px 0;background: #26337A;}
.alt-page-title{font-weight: 600; font-size: 30px; text-transform: uppercase;color: white;font-size: 110px; text-align: center;position: absolute;margin-top: -170px;width: 100%;z-index: 1000}
.service-container-mobile{min-height: 210px;}
/* MAP CSS */
.wpsl-input label, #wpsl-radius label, #wpsl-category label {width: 95px;line-height: 1.3;font-size: 13px;}
.wpsl-dropdown .wpsl-selected-item, .wpsl-dropdown li, .wpsl-selected-item{font-size: 14px;}

.single-store-page-content{text-align: left !important;}
.single-store-page-content, .single-store-page-content p{font-size: 16px !important;text-align: left !important;}
.single-store-page-content p{margin-bottom: 16px;}
.single-store-page-content ul{margin: 15px;}
.single-store-page-content ul li{margin-bottom: 6px !important;}

.press-block-content a{font-weight: 500;color: #E55525 }

.wpbdp-main-box .submit-btn input[type="submit"],.wpbdp-main-links .button:first-child,.wpbdp-main-links-large .button,.listing-actions a.button{ border: 1px solid white !important;background-color: #e55525 !important;color: white !important;background-image: none !important; }
.wpbdp-main-links .button:first-child,.wpbdp-main-links-large .button{padding-left: 15px; padding-right: 15px;}
.wpbdp-main-box .box-col input{padding-left: 10px;}
/*--------------------------------------------------------------
8. Sidebar CSS
-------------------------------------------------------------- */

/*--------------------------------------------------------------
9. Sub-Footer CSS
-------------------------------------------------------------- */
#our-impact{background-color: #e55525;min-height: 400px;padding: 30px 0 50px;}
#our-impact p{text-align: center;color: white;font-size: 13px;}
.our-impact-content-block-container{padding: 0 10%;}
.our-impact-icon{vertical-align: baseline;margin-top: 80px;width: 250px;}
.our-impact-icon-page{vertical-align: baseline;margin-top: 80px;max-height: 100%; max-width: 100%;}
.icon-container{height: 220px;margin-bottom: 20px;}
.our-impact-number{font-size: 44px; font-weight: bold;text-align:center;color: white;}
.title-white-border{border: 1px solid white; padding: 10px 25px;color: white;font-size: 26px;text-transform: uppercase; font-weight: 300 !important;}

.service-icon-title{text-align: center;color: #e55525;font-size: 24px; }
.service-icon{margin-bottom: 30px;margin-top: 30px;}

.nav>li>a{margin: 15px 18px 15px 18px !important}
.nav-tabs>li{background:#464c53; border: 1px solid white;border-bottom: none;}
.nav-tabs>li:first-child{border-left: none;}
.nav-tabs>li{ width: 178.6px;height: 150px;
text-align: center;}
.nav-tabs>li>a{color: white;}
.nav-tabs>li.active{background: #26337a;}
.nav>li>a:focus, .nav>li>a:hover,.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: transparent;border-bottom: none;color: white;}
.nav>li:focus, .nav>li:hover{background: #26337a;}
.nav>li:hover>a{margin: 15px 18px 15px 18px !important;color:white;}
.nav>li:hover{border-bottom:none !important;}
.nav-tabs>li>a,.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:none;color: white;}
.service-title-tabs{font-size: 13px;}
.icon-service-img{height: 80px;}
.icon-service-img img{max-height: 100%;}
.tab-content p{line-height: 1.5}
.tab-content a{color: #E55525;}
.tab-content ul{margin-bottom: 24px;}
.tab-content ul li{list-style-type: disc;margin-left: 25px;line-height: 1.8;font-size:16px;}

.staff-single-container{margin-bottom:15px;width: 100%;height: 190px; background-repeat: no-repeat;background-size: cover;background-position: center center;filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */}
.staff-single-container:hover{cursor: pointer;cursor: hand;}
.staff-single-container:hover > .staff-photo-title{display: block;}
.staff-photo-title{display: none;font-size:13px;width: 100%; background: rgba(255, 255, 255, 0.7);height: inherit;text-align: center;padding: 110px 10px 0;font-weight: 500}
.bod_container strong{color: #e55525;text-transform: uppercase;font-size: 16px;}
.bod_container p{color: #4F5858 !important;font-weight: 500 !important; line-height: 1.2}
.bod_container em{font-size: 13px;font-weight: 300}
/*--------------------------------------------------------------
10. Footer CSS
-------------------------------------------------------------- */
.footer-links { margin-top: 1.5rem; }
.footer-links a { color: #fff; font-size: 12px; letter-spacing: .5px; text-transform: uppercase; }

/*--------------------------------------------------------------
11. Gravity Forms Override CSS
-------------------------------------------------------------- */
 #gmap {height: 400px;width: 100%;}
 
/*--------------------------------------------------------------
12. Bootstrap Override CSS
-------------------------------------------------------------- */
.panel-group .panel{border-radius: 0 !important}
.panel-default>.panel-heading{background-color: ; }
.panel-title{font-size: 18px;font-weight: 300;}
.panel-default>.panel-heading {color: white;background-color: #E55526 !important;padding: 20px 15px;border-radius: 0;}

/*--------------------------------------------------------------
13. Media Queries Override CSS
-------------------------------------------------------------- */
@media(min-width:480px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

@media(max-width:479px){
	.header-contact-number{font-size: 24px !important;padding: 20px 5px !important;  }
}
@media(max-width:767px){
	#health-care-svg {margin-top: 0;}
	#community-wellness-svg {margin-top: 0;}
	#care-coordination-svg {margin-top: 0;}
	#child-welfare-svg {margin-top: 0;}
	.main-header{min-height: 190px;}
	.header-contact-number{color: white; font-size: 30px; padding: 20px 15px; letter-spacing: 1px;}
	.tab-content>.active{word-wrap: break-word;}
	.nav-tabs>li{width: 100% !important;border-left: none !important;}
}
@media(max-width:767px) and (min-width:480px){
	.service-container-mobile{min-height: 280px !important;}

}
@media(max-width:991px) and (min-width:768px){
	.alt-page-title{font-size: 80px;margin-top: -110px;}
	#health-care-svg {margin-top: 377px;}
	#community-wellness-svg {margin-top: 367px;}
	#care-coordination-svg {margin-top: 290px;}
	#child-welfare-svg {margin-top: 346px;}
	.home-head-grass{min-height: 40px;}
	#home-header{min-height: auto}
	.main-menu > .menu-main-menu-container > ul > li:after{padding: 0 10px;}
	.main-menu > .menu-main-menu-container > ul > li > a{font-size: 15px;}
	.home-locations-icon{width: 100px;margin-left: 502px;margin-top: 449px;}

}
@media(max-width:1199px) and (min-width:992px){
	#health-care-svg {margin-top: 319px;}
	#community-wellness-svg {margin-top: 305px;}
	#care-coordination-svg {margin-top: 201px;}
	#child-welfare-svg {margin-top: 276px;}
	.home-head-grass{min-height: 60px;}
	.home-locations-icon{width: 130px;margin-left: 657px;margin-top: 420px;}
}
#clouds{padding: 100px 0;position: absolute;width: 100%;}

/*Time to finalise the cloud shape*/
.cloud {width: 200px; height: 60px;background: #fff;border-radius: 200px;-moz-border-radius: 200px;-webkit-border-radius: 200px;position: relative; }
.cloud:before, .cloud:after {content: '';position: absolute; background: #fff;width: 100px; height: 80px;position: absolute; top: -15px; left: 10px;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;-webkit-transform: rotate(30deg);transform: rotate(30deg);-moz-transform: rotate(30deg);}
.cloud:after {width: 120px; height: 120px;top: -55px; left: auto; right: 15px;}
/*Time to animate*/
.x1 {-webkit-animation: moveclouds 15s linear infinite;-moz-animation: moveclouds 15s linear infinite;-o-animation: moveclouds 15s linear infinite;}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {left: 200px;-webkit-transform: scale(0.6);-moz-transform: scale(0.6);transform: scale(0.6);opacity: 0.6; /*opacity proportional to the size*/
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite;
}

.x3 {
	left: -250px; top: -200px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}

.x4 {
	left: 470px; top: -250px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 18s linear infinite;
	-moz-animation: moveclouds 18s linear infinite;
	-o-animation: moveclouds 18s linear infinite;
}

.x5 {
	left: -150px; top: -150px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

/* ie specific css */
@media screen\0 {
	#health-care-svg{margin-top: 350px;}
	#care-coordination-svg{margin-top: 350px; position: relative; z-index: 1000;}
	#child-welfare-svg{margin-top:350px;}
	#community-wellness-svg{margin-top:350px;}
	.home-locations-icon{width: 130px;margin-left: 657px;margin-top: 380px;}
}

/* Contact form */
.contact-container .form-button {
  background: #e55525;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid white;
  padding: 5px 15px;
  font-size: 18px;
}

.contact-icon {
  background: #29367e;
  border-radius: 80px;
  display: block;
  height: 160px;
  margin: 0 auto 16px;
  position: relative;
  text-align: center;
  width: 160px;
}

.contact-phone-number {
	color: #e55525 !important;
	font-size: 22px;
}

.fa-phone,
.fa-envelope,
.fa-at { color: #fff; }

.fa-phone { padding-top: 35px; }
.fa-envelope { padding-top: 40px; }
.fa-at { padding-top: 40px; }

.svg-inline--fa { font-size: 110px; }

#contact-page-form { display: none; }

.health-care-png { margin-top: 144px; }

.bod_container a { text-decoration: underline; color: #505959; font-weight: bold; }

.home-buildings {
  position: relative;
}
.home-buildings .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-buildings .row > div {
  align-self: flex-end;
}
.home-buildings img {
  max-width: 100%;
  opacity: 1;
}
.home-buildings .locate-facility {
  position: absolute;
  bottom: -20px;
  z-index: 2;
  width: 150px;
  right: 18%;
}
.home-buildings a img:hover {
  opacity: .8;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-buildings .locate-facility a img:hover {
  opacity: 1;
}

@media (min-width: 1200px) {
	#houses-container { margin-top: 20px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .child-welfare img {
    padding-top: 10px;
  }

  .care-coordination img {
    padding-top: 25px;
  }
	
	.home-buildings .row {
		position: relative;
		bottom: -27px;
	}

  .home-buildings .locate-facility {
    bottom: 10px;
    width: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
.home-buildings {
  height: 371px;
}
  .child-welfare img {
    padding-top: 17px;
  }

  .care-coordination img {
    padding-top: 55px;
  }

  .home-buildings .locate-facility {
    bottom: -15px;
    width: 100px;
  }
}

.call-for-appt {
    font-size: 16px;
    display: block;
}

.phone-numbers {
    position: relative;
    bottom: 5px;
    background: #e75300;
    display: inline-block;
    border-radius: 10px;
    padding: 5px;
    margin: 15px;
}


@media (max-width: 767px) and (min-width: 480px) {
.header-contact-number {
    padding-top: 20px !important;
}
.header-contact-number::before {
 content: 'Schedule an Appointment';
 font-size: 12px;
 display: block;
 position: relative;
 top: -5px;
 left: 10px;
}
}

@media (max-width: 479px) {
.header-contact-number::before {
 content: 'Schedule an Appointment';
 font-size: 12px;
 display: block;
 position: relative;
 top: -5px;
 left: 25px;
}
}

.gform_wrapper {
    display: block !important;
}