/*

Theme Name: HSMO Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/



/***************
New for Pro
****************/

/* Email signup widget mobile  */

#hsmo-signup-widget{
	display: none !important;
}

/*#hsmo-signup-widget-control{
	bottom: -35px !important;
	top: inherit !important;
}

#hsmo-signup-widget-closed{
	position: relative !important;
	bottom: -70px !important;
}
*/

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

.entry-wrap{
	box-shadow: none;
}


.single-post .entry-featured,
.single-post .entry-title:before{
	display: none;
}

.page-id-11797 .entry-title{
	display: none;
}

.main-header-logo .x-bg-layer-lower-image{
	opacity: .5;
}

.entry-title{
	font-size: 38px;
}

h2, .h2, h3, .h3{
	font-size: 190%;
	line-height: 1.1;
}

/*.latest-news-title a{
	color: #ff914d;
}*/

#mc_embed_signup .button{
		background-color: #007cb6 !important;
		border: none !important;
		box-shadow: none !important;
		padding: 14px 20px!important;
		font-size: 22px !important;
		/*font-family: "Roboto Slab",serif !important;*/
	    font-style: normal !important;
	    font-weight: 400 !important;
	    line-height: 1 !important;
	    color: rgb(255,255,255) !important;
	    line-height: 1 !important;
	    height: auto !important;
	    text-shadow: none !important;
	}

	#mc_embed_signup .button:hover{
		background-color: #ff914d !important;
	}

/********************
FAQ
*********************/

#training-tips .esg-filterbutton,
#training-tips .esg-filter-wrapper.dropdownstyle >.esg-selected-filterbutton,
.eg-faq-skin-no-backgrounds-element-1{
	font-family: "Roboto Slab",serif;
}

#training-tips .esg-filterbutton,
#training-tips .esg-filter-wrapper.dropdownstyle >.esg-selected-filterbutton,
#training-tips .esg-dropdown-wrapper{
	background-color: #ff914d;
	color:  #fff;
}

#training-tips .esg-filter-checked{
	background-color: #fff;
}

#training-tips .esg-filterbutton,
#training-tips .esg-filter-wrapper.dropdownstyle >.esg-selected-filterbutton{
	font-size: 16px;
}

#training-tips .eg-faq-skin-no-backgrounds-element-1:before{
	content: "> ";
}

#training-tips .esg-filters:first-child{
	border-bottom: 2px solid #007cb6;
	padding-bottom: 20px;
}

/********************
Media queries
*********************/

@media only screen and (max-width: 481px){
	.latest-news-item .latest-news-title a{
		font-size: 24px;
		}

		h2, .h2{
		font-size: 140%;
	}
}


/***************
Recent Pets plugin
****************/

.recent-pet-widget{
	text-align: center !important;
}

/*.recent-pet-widget div {
	display: flex;
}*/

.recent-pet-widget .recent.pet{
	width: 30%;
	display: inline-block;
	margin-right: 5%;
	text-align: center;
	margin-bottom: 50px;
}

.recent-pet-widget .recent.pet:last-child{
	margin-right: 0;
}

.recent-pet-widget .recent.pet .name{
 color: #ff914d;
 font-size: 25px;
 margin-bottom: 10px;
 font-family: "Roboto Slab",serif;
 line-height: 1.1;
}

@media only screen and (max-width: 481px){
	.recent-pet-widget .recent.pet{
		margin-bottom: 20px;
	}

	.recent-pet-widget .recent.pet .name{
		font-size: 12px;
		display: block;
	}
}

.recent-pet-widget a{
	text-decoration: none !important;
}

.recent-pet-widget > a{
	color: #fff;
	background-color: #007cb6;
	font-size: 22px;
	padding: 14px 20px;
	border-radius: 5px;
	display: inline-block;  
	line-height: normal;
	display: none;
}

.recent-pet-widget .recent.pet img{
	width: 100% !important; 
	height: auto !important;
}

#sorter{
	font-size: 16px !important;
}

/* Added from site */

/***************
Colors
****************/

/* Red  */

.button-red .vc_btn3{
	background-color: #c3122f !important;
}

/* Purple  */

.button-purple .vc_btn3{
	background-color: #7a98cf !important;
}

/* Teal  */

.button-teal .vc_btn3{
	background-color: #35c4af !important;
}


/* Light Blue  */

.button-light-blue .vc_btn3{
	background-color: #01adc8 !important;
}

/* Blue */

.button-blue .vc_btn3,
.vc_btn3.vc_btn3-color-blue, 
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat,
.tabs-blue .vc_tta-tab>a,
.vc_btn3.vc_btn3-color-juicy-pink, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
[type="submit"]{
	background-color:#007cb6 !important;
}

h1, h2, h3, h4, h5, h6 {
	color:#007cb6;
}

/* Orange */

p  a,
li a{
	color: #ff914d;
}

.button-orange .vc_btn3,
.accordion-orange .vc_tta-panel-heading,
.mobile-donate,
.menu-highlight a{
	background-color: #ff914d !important;
}

/* White */

.vc_btn3,
.tabs-blue .vc_tta-tab>a,
.button-white .vc_btn3,
.vc_btn3.vc_btn3-color-juicy-pink, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
.mobile-donate{
	color:#fff !important;
}

body{
	background-color: #fff;
}

header, 
.tc-header{
	background-color:#fff;
}

.tabs-blue .vc_tta-tab>a:hover,
.tabs-blue .vc_tta-tab.vc_active>a{
	background-color:#ddd!important;
	color:#007cb6 !important;
}

.intro-text{
	color: rgba(90,90,90);
}

/***************
Typography
****************/

.hover-box-title .vc_custom_heading,
.hover-box-bar{
	font-size: 24px;
	line-height: 1.2;
}

.hover-box-bar{
	line-height: 1.5;
}

ul li,
ol li{
	margin-bottom: .5em;
}

/* Header */
.brand .site-logo img {
	max-width:225px; max-height:auto;
}

.tc-header{
	border:none;
}

.sticky-enabled .brand {
	display:block;
}

.tc-sticky-header #tc-reset-margin-top{
	display:inline;
}

#menu-main-top-2 li a{
	color:#007cb6; 
	text-shadow:none; 
	font-size:17px;
	font-weight:bold;
} 

#tc-reset-margin-top{
	display:none !important;
}

.sticky-enabled .tc-header{
	border:none;
}

.sticky-disabled .tc-header{
	position:relative;
}

.home .tc-header{
	position:fixed;
}

.home. .sticky-disabled .brand{
	display:none;
}

.navbar-inner{
	float:right;
}

#menu-main-top-3 li {
	padding:0 10px; display:inline;
}

.sticky-enabled .brand a{
	display:inline;
}

.sticky-enabled .tc-shrink-on .site-logo img {
	padding:5px; 
	height: auto !important;
}

.entry-header .featurette-divider{
	display: none;
}

#menu-main-top-2 li a {
    font-size: 20px;
    font-weight: 400;
}

/* Mobile Menu */

#shiftnav-toggle-main .shiftnav-toggle-burger{
	font-size: 30px;
	top: -8px;
}

#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
    margin-right: 20px;
}

#shiftnav-toggle-main.shiftnav-toggle-main-align-left {
    text-align: right;
}

.mobile-donate{
	font-size: 1.25em;
	padding: 5px 10px;
}

.shiftnav-menu li,
.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, 
.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target{
	padding: 12px 25px;
}

.shiftnav-menu li{
	padding: 0 !important;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target{
	font-size: 22px;
}

.shiftnav ul.shiftnav-menu li.menu-item>ul.sub-menu li.menu-item>.shiftnav-target{
	color:#000;
	margin-left:20px;
	font-size: 16px;
	line-height:1.2;
}

/* Footer */

footer#footer, 
footer#footer .colophon{
	background-color:#007cb6; color:#ffffff;
}

/*#footer_one{
	width:100%; margin:0 auto; text-align:center;
}

#footer_three{
	float:right;
}

footer#footer .colophon {
	padding:0;
}

footer {
	float:left; 
	width:100%;
}*/

/*footer#footer a, footer#footer p{
	font-size: 16px;
}*/

footer#footer{
	padding-bottom: 20px;
}

footer#footer .colophon {
	padding:0;
}

#menu-footer-menu a,
.footer-text{
	font-size: 16px !important;
	line-height: 1.5;
}

footer ul li,
footer ol li{
	margin-bottom: 0;
}

footer .row-fluid [class*=span]{
	margin-left: 0 !important;
}

/* Home */


#home-icon-cta{
	width:100%; margin:0 auto; 
	text-align:center; 
	background-image:url(http://hsmo.org/wp-content/uploads/2016/02/bggrid1.jpg); 
	padding:20px 0; min-height:180px; 
	-webkit-box-shadow: inset 0px 3px 5px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 3px 5px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 3px 5px 0px rgba(255,255,255,1);
}

#home-icon-cta .home-icon-tile {
	width:25%; float:left;
}

#home-icon-cta .home-icon-tile a {

}

.home {
	background-color:#ffffff;
}

.home #text-13, 
.home #text-14, 
.home #text-15, 
.home #text-16, 
.home #text-4, 
.home #null-instagram-feed-2, 
.home #simple_facebook_page_feed_widget-3{
	width:45%; padding:5px; float:left;
} 

.home #tc-page-wrap{
	background:#ffffff;
}

.home.sticky-disabled .navbar{

}

.home #main-wrapper{
	margin-top:70px;
}

/* Elements */

h1, h2, h3, h4, h5, h6{
	text-shadow: none;
}

.intro-text{
	font-size: 24px;
    line-height: 34px;
}

.article-container .tc-grid{
	background-color:#ffffff;
}

.my-lower-widget{
	background:#ffffff;
}

.my-lower-widget .containmenter{
	max-width:800px; 
	margin:0 auto; padding:10px;
}

.my-lower-widget .containmenter h2 {
	text-align:center; 
	color:#2351b3;
}

#text-4, 
#text-16{
	background:#ffffff; text-align:center; 
	width:48%; float:left;
}

#text-4 .social-block{
	width:100%; float:none !important; 
	margin:0 auto; 
	text-align:center;
}

.widget .cleanly {
	margin:0 auto; 
	text-align:center; 
	padding:10px; 
	background:#ffffff;
}

#simple_facebook_page_feed_widget-3{
	margin-left:85px;
}


#socials{
	background:#ffffff; 
	min-height: 600px;
}

#simple_facebook_page_feed_widget-3, 
#null-instagram-feed-2 {
	max-width:48%; 
	float:left;
}


#fbwidget-home, 
#instawidget-home{
	width:48%; 
	float:left; 
	padding:1%;
}

.page .menu-main-top-container{
	margin:0 auto; 
	text-align:center; 
	width:100%;
}

#home-ico-container{
	max-width:700px;
	margin:0 auto;
}

.sticky-disabled #text-8 {
	position: absolute; 
	top: 60px; right: 2%;  
	max-width: 800px;  
	margin: 0 auto;
}

.sticky-enabled #text-8 {
	display:inline; 
	width:25%;
	float:right; 
	padding:0 0 10px 0;
}

.top-icon-container{
	float:left; 
	width:20%;
}

.top-icon-tile{
	width:50px; 
	float:left; 
	padding:0 5px;
}

#footer .credits{
	display:none;
}

.pull-menu-right .nav-collapse{
	margin:0 auto; 
	float:none;
}

.sticky-disabled #text-8 {
	display:none !important;
}

#shiftnav-toggle-main .shiftnav-main-toggle-content {
    padding: 16px 10px;
}

/***************
Blog
****************/
.entry-meta,
.vc_custom_heading .vc_gitem-post-data .vc_gitem-post-data-source-post_date{
	font-size: 1em !important;
}

/***************
Buttons
****************/
.button-light-blue .vc_btn3,
.button-purple .vc_btn3,
.button-teal .vc_btn3,
.button-red .vc_btn3,
.button-orange .vc_btn3,
.button-white .vc_btn3,
.button-blue .vc_btn3,
.vc_btn3.vc_btn3-color-blue, 
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat,
.button-blue .vc_btn3.vc_btn3-color-blue, 
 .button-blue .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat{
	font-size: 22px !important;
}

.button-light-blue .vc_btn3,
.button-teal .vc_btn3,
.button-purple .vc_btn3,
.button-red .vc_btn3,
.button-orange .vc_btn3,
.button-white .vc_btn3,
.button-blue .vc_btn3,
.vc_btn3.vc_btn3-color-blue, 
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat,
.button-blue .vc_btn3.vc_btn3-color-blue, 
.button-blue .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat{
	border: none !important;
}

.vc_btn3-container.button-white{
	background-color: transparent !important;
}

.button-white .vc_btn3{
	border: 2px solid #fff !important;
	background-color: transparent !important;
}

/***************
Gravity forms
****************/


.gform_footer [type="submit"]{
	box-shadow: none !important;
	border: none !important;
	text-shadow: none !important;
	padding: 15px 20px !important;
	font-family: "Roboto Slab",serif !important;
}

.gform_footer [type="submit"]:hover{
	background-color: #ff914d !important;
}

.gform_wrapper legend,
.gform_wrapper .gfield_label{
	font-size: 20px !important;
	font-family: "Roboto Slab",serif !important;
	border-bottom: none;
}

.gform_wrapper label{
	font-size: 18px !important;
}

.gform_wrapper input[type=radio], .gform_wrapper input[type=checkbox]{
	margin: 0 !important;
}

/***************
Media Queries
****************/

@media (max-width: 979px){
	.nav-collapse.collapse, 
	.no-navbar .nav-collapse {
		background:rgb(255,255,255);
	}

	.nav-collapse, 
	.nav-collapse.collapse {
		overflow: hidden;
		height: auto;
	}

	.single #tc-page-wrap {
		background-color: #ffffff;
	}

	.sticky-enabled #text-8{
		width:40%; 
		float:right; 
		margin: 10px 50px 0 0;
	}

	.tc-header .brand{
		display:inline;
	}

	#top-ico-container{
		float:right;
	}

	#top-ico-container .top-icon-tile{
		padding-right:10px;
	}

	.sticky-disabled .brand a{
		width:40%; 
		padding:10px;
	}

	.navbar-wrapper.clearfix.span9{
		width: 10%; 
		float: right; 
		position: absolute; 
		top: 0; 
		right: 0;
	}

	#text-2{
		margin-top:50px;
	}

	.sticky-enabled .brand{
		width:40%;
	}

	.nav-collapse.collapse, 
	.no-navbar .nav-collapse{
		min-width:280px;
	}

	.sticky-disabled .brand .site-logo img,
	.sticky-enabled .brand .site-logo img {
	    max-height: 120px;
	    width: auto;
	    margin: 30px 0 50px 0 !important;
	}

	.navbar{
		display:none !important;
	}
}

@media (max-width: 767px){
	#menu-footer-menu a, .footer-text{
		text-align: center;
	}

	#menu-footer-menu{
		margin-top: 30px;
	}

	footer .row-fluid [class*=span]{
		margin-left: 20px !important;
	}

	.tc-btt-wrapper {
	    right: 20px;
	}
}


@media (max-width: 580px){
	.home #text-13, 
	.home #text-14, 
	.home #text-15, 
	.home #text-16, 
	.home #text-4, 
	.home #null-instagram-feed-2, 
	.home #simple_facebook_page_feed_widget-3{
		width:95%; 
		padding:5px; 
		float:left;
	} 

	#top-ico-container {
		float:left;
		width:100%;
	}

	.sticky-disabled #top-ico-container {
		margin-bottom:20px;
	}

	#top-ico-container .top-icon-tile{
		padding:1%; 
		width:15%;
	}

	#home-icon-cta{
		min-height:120px;
	}

	.sticky-disabled #text-8{
		display:block !important; 
		float:right; 
		padding:5px; 
		right:5%; 
		top:0; 
		position:absolute;
		width:50%;
	}

	.sticky-enabled #text-8{
		width:59%; 
		float:left; 
		position:relative; 
		top:0 !important; 
		margin:0 auto; 
		padding-top:10px;
	}

	#null-instagram-feed-2 {
		display:none;
	}

	#text-3 {
		display:none;
	}

	.sticky-enabled .brand .site-logo img{
		max-height:50px; 
		width:auto;
	}

	.wds_slide_container_0 span {
		font-size:.9em !important;
	}

	.sticky-enabled .brand .site-logo img {
	    max-height: 100px;
	    width: auto;
	    margin-top: 80px !important;
	}
}


/* Added from site end */

.hidden {
  display: none !important;
  visibility: hidden;
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	height: 40px !important
}

.ginput_container_consent input,
.ginput_container_consent label{
	display: inline-block !important;
}

.ginput_container_consent label,
.ginput_container_consent .gfield_required{
	position: relative;
	top: 5px;
}

.tc-btt-wrapper {
  right: 10px;
}

#search_result {
	border-top: 5px solid #4b799d;
	box-sizing: border-box;
	padding: 1em;
}

#search_result_inner > span {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.animal {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	box-shadow: 2px 2px 2px rgba(95, 101, 112, 0.4);
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-basis: -webkit-calc(100% - 20px);
	-webkit-flex-basis: calc(100% - 20px);
	-ms-flex-basis: calc(100% - 20px);
	flex-basis: calc(100% - 20px);
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	float: left;
	margin: 20px auto 0;
	/*min-height: 30em;*/
	padding: 5px;
	position: relative;
}

@media only screen and (min-width: 480px) {
	#search_result_inner > span {
		margin: -20px 0 0 -20px;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.animal {
		-webkit-flex-basis: -webkit-calc(50% - 20px);
		-webkit-flex-basis: calc(50% - 20px);
		-ms-flex-basis: calc(50% - 20px);
		flex-basis: calc(50% - 20px);
		margin: 20px 0 0 20px;
	}
}

@media only screen and (min-width: 600px) {
	.animal {
		-webkit-flex-basis: -webkit-calc(33.333% - 20px);
		-webkit-flex-basis: calc(33.333% - 20px);
		-ms-flex-basis: calc(33.333% - 20px);
		flex-basis: calc(33.333% - 20px);
	}
}

@media only screen and (min-width: 768px) {
	.animal {
		-webkit-flex-basis: -webkit-calc(25% - 20px);
		-webkit-flex-basis: calc(25% - 20px);
		-ms-flex-basis: calc(25% - 20px);
		flex-basis: calc(25% - 20px);
	}
}

@media only screen and (min-width: 1024px) {
	.animal {
		-webkit-flex-basis: -webkit-calc(20% - 20px);
		-webkit-flex-basis: calc(20% - 20px);
		-ms-flex-basis: calc(20% - 20px);
		flex-basis: calc(20% - 20px);
	}
}

.animal_upper {
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	overflow: hidden;
	text-align: center;
}

.animal_lower {
  bottom: 1em;
  left: 0;
  margin: auto;
  padding: 15px 0;
  right: 0;
  text-align: center;
}

.animal_image {
	text-align: center;
}

.animal_image a,
.animal_image a img {
	height: auto !important;
	width: 100% !important;
}

.animal_image a.backtop img {
	width: 99px !important;
}

.animal_name {
	font-size: 16px;
	padding: 5px;
	text-align: center;
}

.animal_id {
	color: #999;
	font-size: 14px;
	padding-bottom: 5px;
	text-align: center;
}

.animal_desc,
.animal_location {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 5px;
}

.animal_location {
	color: #666;
}

.animal_lower a {
	background-color: #00acd7;
	border-radius: 8px;
	color: #fff;
	padding: 5px 20px;
	text-decoration: none;
}

.animal_lower a:hover {
	background-color: #ed8c22;
}

#sorter {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	clear: both;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: .833em;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 2em auto 0;
	overflow: auto;
	text-align: center;
}

#sorter h3 {
	display: none;
}

#sorter p {
  margin: 0;
}

#sorter #filter-gender {
	display: none;
}

#sorter #sort-by {
	display: none;
}

#sorter .filter-sorter {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}

#sorter .filter-sorter:first-child {
  float: left;
}

#sorter .filter-sorter:last-child {
  float: right;
}

#sorter a {
	background-color: #e5e5e5;
	color: #adadad;
	cursor: pointer;
	display: inline-block;
	line-height: 3;
	margin: 0;
	padding: 0 1.667em;
	text-decoration: none;
}

#sorter a:hover {
	background-color: #316397;
}

#sorter a.active {
	background-color: #4b799d;
	color: #fff;
}

#sorter .sort-dsc, #sorter .sort-asc {
  background-color: transparent;
  padding: 0 0.5em;
}

#sorter .sort-dsc:hover, #sorter .sort-asc:hover, #sorter .sort-dsc.active, #sorter .sort-asc.active {
  background-color: transparent;
  color: #4b799d;
}

.sort-dsc::after {
  content: "\25bc";
}

.sort-asc::after {
  content: "\25b2";
}

#apopup {
	background-color: #fff;
	border: 1px solid #999999;
	box-shadow: 0 0 80px #333;
	display: none;
	left: 100px;
	min-height: 50px;
	min-width: 200px;
	padding: 1px;
	position: fixed;
	top: 100px;
	z-index: 9999;
}

#animal_popup {
	max-width: 600px;
}

#apopup_close {
	background-image: url("/adopt2/img/close_window.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 30px;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 30px;
}

#apopup_title {
	background-color: #4b799d;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

#apopup_image {
	position: relative;
	text-align: center;
}

#apopup_image span.arrow {
	display: inline-block;
	opacity: 0.5;
	position: absolute;
	width: 10%;
}

#apopup_image span.arrow:hover {
	cursor: pointer;
	opacity: 0.9;
}

#apopup_image span.arrow_left {
	background: rgba(0, 0, 0, 0) url("/adopt2/img/arrow-left.png") no-repeat scroll center center;
	height: 100%;
	left: 0;
}

#apopup_image span.arrow_right {
	background: rgba(0, 0, 0, 0) url("/adopt2/img/arrow-right.png") no-repeat scroll center center;
	height: 100%;
	right: 0;
}

#apopup_image img {
	max-width: 600px;
}

#apopup_desc {
	color: #666;
	font-size: 15px;
	line-height: 1.62em;
	padding: 10px;
	text-align: left;
}

#apopup_desc a[href*="donation"] {
	background: rgba(0, 0, 0, 0) url("http://www.petharbor.com/ClientImages/MOHS/support-my-stay.png") no-repeat scroll 0 0 / cover;
	display: inline-block;
	height: 53px;
	margin: 0.5em 0;
	width: 167px;
}

#apopup_desc a[href*="donation"] img {
	visibility: hidden;
}

#apopup_subtitle {
	background-color: #ddd;
	color: #666;
	font-weight: bold;
	padding: 2px 10px 10px 2px;
	text-align: center;
}

#apopup_contact {
	background-color: #4b799d;
	color: #fff;
	padding: 10px;
	text-align: left;
}

a.email-btn {
	background-color: #eeeeee;
	background-image: linear-gradient(#ffffff, #dedede);
	border: 1px solid #cccccc;
	border-radius: 3px;
	clear: both;
	color: #333333;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	max-width: 98%;
	padding: 1px 4px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

a.email-btn:hover {
	color: #333333;
	text-decoration: none;
}

a.email-btn span {
	background-image: url("#");
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 5px;
}

#apopup_contact a {
	background-image: url("#");
	background-repeat: no-repeat;
	background-size: 150px auto;
	margin-right: 1em;
}

.page-node-17 #apopup_contact a {
	background-image: none;
}

#a2apage_dropdown {
	position: fixed !important;
}

.hasvideo {
	background-image: url("/adopt2/img/play.png");
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	margin-left: 140px;
	margin-top: 5px;
	position: absolute;
	width: 32px;
}

#apopup_contact a {
	display: block;
	float: right;
	height: 50px;
	position: relative;
	right: 0;
	width: 150px;
}

#apopup_contact a.contact_link {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	float: none;
	height: auto;
	position: relative;
	text-decoration: underline;
	width: 100%;
}

#apopup_contact a.contact_link:hover {
	text-decoration: none;
}

#az_email {
	background-color: #f5f5f5;
	border-bottom: 1px solid #cccccc;
	clear: both;
	display: none;
	margin-bottom: 5px;
	padding: 10px 10px 15px;
}

.az_field {
	clear: both;
	overflow: auto;
	padding-bottom: 3px;
}

.az_lable {
	float: left;
	font-size: 16px;
	min-height: 25px;
	text-align: left;
	width: 18%;
}

.az_text {
	background-color: #fff;
	border: 1px solid #e4e4e4;
	float: left;
	min-height: 25px;
	padding: 5px;
	text-align: left;
	width: 70%;
}

a.az_email_button {
	background-color: #316397;
	border-radius: 8px;
	color: #ffffff;
	padding: 5px 20px;
	text-decoration: none;
}

a.az_eml_button,
a.az_facebook_button,
a.az_twitter_button,
a.az_print_button {
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	margin-right: 10px;
	margin-top: 5px;
	width: 50px;
}

a.az_eml_button {
	background-image: url("/adopt2/img/share_email.png");
}

a.az_print_button {
	background-image: url("/adopt2/img/print.png");
}

a.az_facebook_button {
	background-image: url("/adopt2/img/share_fb.png");
}

a.az_twitter_button {
	background-image: url("/adopt2/img/share_tw.png");
}

a.az_twitter_button span,
a.az_facebook_button span,
a.az_eml_button span,
a.az_print_button span {
	color: #666666;
	display: block;
	font-size: 14px;
	padding-top: 25px;
	text-align: left;
}

/* Menu highlight  .menu-highlight targets <li>*/

.menu-highlight,
.menu-highlight .dropdown-menu,
.shiftnav ul.shiftnav-menu li.menu-highlight .sub-menu{
	background-color: #ff914d ;
}

.menu-highlight a,
.menu-highlight a .cafet:before,
.menu-highlight .dropdown-menu a{
	color: #ffffff !important;
}

.menu-highlight .dropdown-menu>li.current-menu-ancestor>a, 
.menu-highlight .dropdown-menu>li.current-menu-item>a{
	background-color: #007cb6;
}

.navbar .nav li.menu-highlight .caret,
.navbar .nav li.menu-highlight:hover .caret{
	border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

.navbar .nav>li.menu-highlight>.dropdown-menu:before,
.navbar .nav>li.menu-highlight>.dropdown-menu:after{
	display: none !important;
}

/*.menu-highlight a .caret:before{
	content: "|";
}*/

/*.menu-highlight  .caret{
	content: "+";
	border: none;
	width: auto;
	height: auto;
	color: #fff;
}*/

/*.menu-highlight a:hover .caret{
	content: "|";
}*/

.message-box-button{

	border:none !important;
}

.message-box-button a{
	padding: 14px 20px;
	color:#fff;
	background-color: #007cb6;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 5px;
	font-family: 'Source Sans Pro';
}

/********************
Home page test
*********************/

.page-id-11797 #menu-main-top-2 li a{
	color: #fff;
}

.page-id-11797 #menu-main-top-2 > li > a > .dropdown-menu > li > a,
.page-id-11797 #menu-main-top-2 > li > ul > li > a{
	color: #007cb6;
}

.page-id-11797 .menu-highlight .dropdown-menu a{
	color: #fff !important;
}

.page-id-11797 .tc-header{
	background: linear-gradient(to bottom, rgba(0,0,0, 0.85) 0%, rgba(0, 0, 0, 0.0) 40%);
}

.page-id-11797 #main-wrapper{
	position: relative;
	top: -170px;
}

.page-id-11797 .vc_row-has-fill>.vc_column_container>.vc_column-inner{
	padding-top: 0 !important;
}

/*.page-id-11797 .tc-header{
	top: 0 !important;
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.85) 0%, rgba(0, 0, 0, 0.0) 40%), url("/wp-content/themes/hsmo-theme/img/HSMO-header-bkg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	padding-bottom: 170px;
}*/




/********************
Media queries
*********************/


@media only screen and (min-width: 600px) {
	#sorter h3 {
		display: block;
		font-size: 1.333em;
		text-align: left;
	}

	#sorter #filter-gender {
		display: inline-block;
	}
}

@media only screen and (min-width: 768px) {
	#sorter {
		font-size: 0.8em;
	}

	#sorter #sort-by {
		display: inline-block;
	}
}

@media only screen and (min-width: 980px) {
	#sorter {
		font-size: 1em;
	}
}

@media only screen and (min-width: 1024px) {
	.tc-btt-wrapper {
	  right: 30px;
	}
}

@media only screen and (max-width: 992px) {
	.hide-991 {
		display: none !important;
	}
}

/********************
 * Feed Comparison Page
 * *********************/
#feed-container {
	display:  flex;
	justify-content: space-between;
}

#feed-container > div {
	width: 48%;
}

#feed-container h2 {
	font-size:  1.2rem;
}

#feed-container .animal {
	border: none;
	box-shadow: none;
	display:  block;
	float:  none;
	margin: 0 0 1.313em 0;
	font-size:  0.8rem;
}

#feed-container ul {
	margin: 0;
	list-style-type:  none;
	line-height:  1.4;
}

#feed-container li {
	margin: 0;
}