/*
 Theme Name:   BluePearl
 Theme URI:    http://www.bluepearlvet.com
 Description:  Blue Pearl Private Theme (Layers Child)
 Author:       Haneke Design
 Author URI:   http://www.hanekedesign.com
 Template:     layerswp
 Version:      1.0.0
 License:      Private
 License URI:  http://www.hanekedesign.com
 Tags:
 Text Domain:  layers-child
*/

@import url("custom.css");

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  

/**** GLOBAL *****/
.hidden {display: none; visibility: hidden; width: 0; height: 0; opacity: 0; }
.invisible {opacity: 0;}
.wrapper-site .list-grid.no-bkg {background: none; background-color:inherit;}
.btn-center .button {text-align: center; margin: 0 auto; display: block;}

a.responsive-nav:hover {text-decoration: none; border-bottom: none;}

.at-expanded-menu-load {background-color: #01CB81 !important;}

.off-canvas-right .container.list-grid {background: none!important;}
.layers-widget-column-845.span-4,
.layers-widget-column-181.span-4 {width: 100% !important; clear: both !important;}

iframe {border: none !important;}
.sub-menu {border: none !important;}
.faq-title h5 {line-height: 30px !important}

@media (max-width: 768px) {
	.responsive-nav {margin-right: 20px;}
	.page-template {margin-top: 0!important;}
}

@media (min-width: 769px) and (max-width: 1030px) {
	.header-site nav {margin-right: 30px;}
}

@media (min-width: 768px) and (max-width: 875px) {
	.header-site .nav-horizontal > ul > li > a {padding: 0 5px !important; font-size: 1.4rem !important;}
}
@media (max-width: 830px) {
	.header-secondary nav.pull-left, .header-secondary nav.pull-right{ max-width: 50%; display: inline;}
	.header-secondary nav.pull-left ul { padding-top: 5px !important;}
	.invert .nav > li > a {line-height: 14px;}
}

.page-numbers {margin: 20px 0;}
     .page-numbers li {display: inline; margin-left: 10px;}
     .page-numbers li a {font-size: 1.3rem; color: #454545; width: 36px; font-weight: 700; padding: 4px 10px; background-color: #f5f5f5;}
     .page-numbers li a:hover, .page-numbers li .current {background-color: #454545;color: #fff; width: 36px; padding: 4px 10px;font-size: 1.3rem;font-weight: 700;}
     
.widget_ultimate_posts {margin-bottom: 0 !important;}

/* .page-child .container.list-grid:first-child {border-radius: 5px 5px 0 0} */

/**** HOME ****/
.ui.selection.dropdown {width: 25%;}
.wrapper-site .hp-vets .grid {background: none;}
.hp-vets p:empty, .hp-vets p>br {display: none}

.listing-item {margin: 10px 0;}
.listing-item a.title {font-size: 2.5rem; color: #196CB6;}
.listing-item .excerpt-dash {display: none;}
.listing-item span.excerpt {font-size: 16px !important; color: #152431; line-height: 28px; font-family: 'Hind', Arial, Helvetica,}


/**** FOOTER *****/
.menu-footer-3-container a:hover, .menu-footer-3-container a:visited { }
.footer-site .widget li {display: inline;}
.footer-content a, .footer-content a:visited {color: #333;}
     .footer-content .menu_third a, .footer-content .menu_third a:visited {color: #b1b1b1}
.footer-content a:hover {color: #F37021; border: none; text-decoration: none;}
.footer-content .menu_first {margin-bottom: 0;}
     .footer-content .menu_first ul {width: 100%; display: table;}
     .footer-content .menu_first li {display: table-cell; text-align: center}
          .footer-content .menu_first li:last-child {margin-right: 0; text-align:right;}
          .footer-content .menu_first li:first-child{text-align: left !important;}
     .footer-content .menu_third ul {width: 100%;}
     .footer-content .menu_third li {width: 19%; text-align: center; display: inline-block; margin-right: 0;}
     
.footer-content .menu_first, .footer-content .menu_second {font-size: 15px;}
.footer-content .menu_third{font-size: 11px; color: #b1b1b1}
.footer-content .copyright p {font-size: 12px; color: #a2a2a2}
.footer-content .menu_second ul.menu li {margin-right: 12px;}
.footer-content .border-bottom { border-bottom: solid 1px #333;}

.footer-content .links .grid { padding-left: 0; padding-right: 0; background: none;}

.footer-content .fa {transition: all 0.5s ease;}

.footer-content .fa-facebook-square:hover { color:#196CB6;}
.footer-content .fa-facebook-square:hover { color:#196CB6;}
.footer-content .fa-twitter:hover {color: #89C5EC  ;}
.footer-content .fa-linkedin:hover {color:#0C79BF;}
.footer-content .fa-linkedin-square:hover {color:#0C79BF;}
.footer-content .fa-pinterest:hover { color:#CE1C1E;}
.footer-content .fa-feed:hover { color:#F37021;}

@media (max-width: 900px) {
   .footer-content .menu_first, .footer-content .menu_second {font-size: 12px;}  
   .footer-content .span-3.has-image.override {width: 100%;}
   .footer-content .links {margin: 0 auto;}
   
}

/****** Testimonials *****/
.list-list .grid {margin-left: 0; margin-right: 0;}

.blog_roll .container:not(.list-list) { background-color: #FFF; padding-left: 86px;}
.blog_roll .pagination li {margin-left: 10px;}

/**** Medical articles, archive pages ****/
.content-main.archive, .category.archive .title-container .title {padding-left: 86px!important;  padding-right: 86px !important; background: #FFF !important;}
.category.archive .wrapper-site {background: #F5F7FA; background-position: top; background-repeat: repeat-x; background-image: url(/wp-content/uploads/2016/03/bkd-paw-petlibrary.png);}   
.category.archive .title-container  {background: none;}
.category.archive .title-container .title {border-radius: 5px 5px 0 0 }
     
/***** MAP STYLES ******/
.page-id-75 .hp-map {height: 340px !important;}
@media (max-width: 450px) {
	.page-id-75 .hp-map {width: 100% !important;}
}
.page-id-15618 .list-grid.menu {padding-left: 0; padding-right: 0;}
.page-id-15618 .nav_container {font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1.6rem; border-radius: 5px 5px 0px 0px; padding: 30px 86px; text-align: left; background-color: #FFD07B;}
     .page-id-15618 .list-grid h1 {font-size: 42px; line-height: 60px; font-weight: 700; color: #15375F;}
.nav_container.emergency {background-color: #FA0203; color: #FFF}
     .nav_container.emergency p {color: #FFF}
     .nav_container.emergency a {color: #fff; border: none; text-decoration: none;}
          .nav_container.emergency a:hover {border-bottom: solid 1px #FFF; color: #FFF;}
     .page-id-15618.nav_container li {display: inline; padding: 29px 20px;}
          .page-id-15618.nav_container li:hover {background-color: #ffc762 ;transition: all 0.3s ease;text-decoration: none;color: #1a4374;}
          .page-id-15618.nav_container li:first-child { margin: 0 0 0 50px; padding: 29px 20px 29px 20px;}
          .page-id-15618.nav_container li.current-menu-item {background-color: #FFAC15;}
     .page-id-15618.nav_container a, .nav_container a:visited, .nav_container a:hover {text-decoration: none; color: #15375F;}
     .page-id-15618 .js_blurb h4 {color: #196CB6}

.map_container {width: 100%; height: 500px;}
.flex {display: flex; flex-direction: row;  flex-wrap: wrap }
	.map_loader {order: 1; flex-grow: 3}
	.map_list { order: 2; height: 500px; overflow-y: scroll; overflow: auto; padding-left: 0; margin-left: 0;
	
     	background:
     		/* Shadow covers */
     		linear-gradient(white 30%, rgba(255,255,255,0)),
     		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
     		
     		/* Shadows */
     		radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
     		radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
     	background:
     		/* Shadow covers */
     		linear-gradient(white 30%, rgba(255,255,255,0)),
     		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
     		
     		/* Shadows */
     		radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
     		radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
     	background-repeat: no-repeat;
     	background-color: white;
     	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
     	
     	/* Opera doesn't support this in the shorthand */
     	background-attachment: local, local, scroll, scroll;

     }
     
	.map_box {order: 3; padding-right: 0; margin-right: 0;}
	.map_box.span-9 {width: calc(((100% / 12) * 9));}
	
.search_form {margin-bottom: 10px; }
     .search_form input[type="text"], .search_form input[type="text"]:focus  {border-radius: 3px 0 0 3px; border-color: #FFF; border-top: solid 1px #FFD07B; border-right: none; border-bottom: solid 1px #FFD07B; border-left: solid 1px #FFD07B }
     .search_form input[type="submit"] {border-radius: 0 3px 3px 0; box-shadow: none;}
     .search_form select { border: solid 1px #FFD07B;}
     .search_form select::after { content:"\f0dc"; font-family: 'FontAwesome'; color: #000;  padding: 12px 8px; position: absolute; right: 0; top: 0; background: red; z-index: 1;text-align: center; width: 10%;  height: 100%;  pointer-events: none;  box-sizing: border-box; }
     .search_form .column {margin-top: 20px; }
     .search_form .location {display: inline-block; width: 36px;text-align: center;padding-top: 2px;color: #196CB6;font-size: 25px;background: white; cursor: pointer; border-top: solid 1px #FFD07B; border-bottom: solid 1px #FFD07B;}
     .search_form  input:focus{  outline: none;}
     
     .filter_parent p {padding-top: 5px; font-size: 1.3rem;  font-weight: bold;}
     
.item { width: 100%; margin-bottom: 15px;}
     .item p {font-size: 13px; line-height: 14px;}
     .item .links a:first-child {margin-right: 10px;}
     .item .header_link:hover { text-decoration: none !important;}
     .map_container .links a:first-child {margin-right: 10px;}	
     .map_container .header_link:hover { text-decoration: none !important;}

h3.with_icon {background-image: url(/wp-content/uploads/2016/05/cropped-bluepearl-icon-512-150x150.png); background-position: left center; background-size: 20px; margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #333; background-repeat: no-repeat; padding-left: 30px; line-height: 20px; cursor: pointer;}
     h4.small {width: 100%; clear: both; display: block; margin-bottom: 10px; line-height: 15px; font-size: 13px;}

@media (max-width: 768px) {
     .page-template-page-find-a-hospital .list-grid {padding-left: 15px !important; padding-right: 15px !important;}
     .page-template-page-find-a-hospital .list-grid.menu {padding-left: 0 !important; padding-right: 0 !important;}
     .search_form .column.span-5 { width: calc(((100% / 12) * 6) - 40px); }
	.map_loader {order: 1}
	.map_list { order: 3; height: 300px;}
	.map_box.span-9 {order: 2; width: 100%; height: 300px;}
	.map_container {height: 300px;}
	 .search_form input[type="text"], .search_form input[type="text"]:focus {width: 190px;}
	
}

@media (max-width: 700px) {
    .filter_parent.text_right p {text-align: left !important;}

	.map_box.span-9 { width: 100%; }
	.search_form .column.span-1 {display: none;}
	.search_form .column.span-5 {width: 100%}
          .search_form input[type="text"], .search_form input[type="text"]:focus {width: 50%;}
}
.custom-logo-link img.custom-logo{
          margin-top: 10px;
     }

@media (max-width: 455px) {
     .search_form input[type="text"], .search_form input[type="text"]:focus {width: 230px;}
     .page-id-75 .hp-vets .list-grid {padding: 0!important}
     .home .hp-vets {padding-left: 10px !important; padding-right: 10px !important}
     .home .hp-vets a.button.button-margin-rt {margin-right: 0;}
     .home .hp-vets a.button {display: block; clear: both; margin-bottom: 10px;}
     .ui.selection.dropdown {width: 100%; display: block; clear: both; margin-bottom: 10px;}
}

@media (max-width: 375px) {
     .search_form input[type="text"], .search_form input[type="text"]:focus {width: 193px;}
}

@media (max-width: 320px) {
     .search_form input[type="text"], .search_form input[type="text"]:focus {width: 138px;}
}

@media (min-width: 480px) and (max-width: 1040px){
  #layers-widget-column-549 .grid{
  padding: 0 10px;
}
}
.article-library .grid{ width: 100%; }
.article-library .grid .column{ width: 100%; }

#gform_68 ul.gfield_radio li label{
  max-width: 90% !important;
  height: auto !important;
}
#gform_68 ul.gfield_radio li input[type="radio"]{
  width: 15px !important;
}
#gform_71 ul.gfield_radio li label{
  max-width: 90% !important;
  height: auto !important;
}
#gform_71 ul.gfield_radio li input[type="radio"]{
  width: 15px !important;
}

 @media screen and (max-width: 545px){
   #gform_68 ul.gfield_radio li label{
      max-width: 80% !important;
      height: auto !important;
    }
    #gform_71 ul.gfield_radio li label{
      max-width: 80% !important;
      height: auto !important;
    }
  }