/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
 
body {
	font-family: 'Comfortaa', cursive;
}

.button {
	font-family: 'Comfortaa', cursive;
}

#menu-item-92 {
	background-color: #ea4889;
    border-radius: 10px;
}

#menu-item-92 a {
	color: #FFF;
	padding-top: 15px;
    padding-bottom: 15px;
}
 
.home #content {
	margin-top: 0px !important;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0 !important;
}

body:not(.home) #rev_slider_1_1_forcefullwidth { display: none; }


ul.menu li.current-menu-item > a {
    color: #FFF;
    text-decoration: underline;
}

.site-content {
	 margin-top: 40px;
}

a {
 	color: #ea4889;
}

a:focus, textarea:focus, input:focus{
    outline: none;
}

h3 {
	font-family: 'Comfortaa', cursive;
}

.contact-banner {
	background-color: #0099d5;
	color: #FFF;
	padding: 10px;
	font-family: 'Comfortaa', cursive;
}

.contact-banner a {
	color: #FFF;
	text-decoration: underline;
}

.float-right {
	float: right;
}


.storefront-product-section .section-title {
    font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #0099d5;
    text-align: center;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #ea4889;
    border-color: #eeeeee;
    color: #FFF;
    border-radius: 5px;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #ea4889;
    border-color: #d5d5d5;
    color: #FFF;
}


article h2 {
	font-family: Comfortaa;
	text-transform: uppercase;
	font-size: 1.3em;
}

.hero {
	margin-bottom: 2.618em;
    text-align: center;
    background-position: 50% 0;
    position: relative;
    margin-left: -2.618em;
    margin-right: -2.618em;
    overflow: hidden;
}

 .align-center {
 	text-align: center;
 	display: block;
 }

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
    text-decoration: none;
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
    border-radius: 5px;
}

.welcome-bar {
	background-image: url("assets/doggy-splash.jpg");
	padding: 110px;
    background-size: cover;
}

.welcome-bar h2 {
	font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #FFF;
}

.welcome-bar p {
	font-family: 'Comfortaa', cursive;
    font-size: 1.5em;
    color: #FFF;
}

.video-bar {
	background-image: url("assets/doggy-splash.jpg");
	padding: 110px;
    background-size: cover;
    margin-bottom: 80px !important;
}

.video-bar h2 {
	font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #FFF;
}

.video-bar p {
	font-family: 'Comfortaa', cursive;
    font-size: 1.3em;
    text-align: center;
    color: #FFF;
}

.whats-happening {
	margin: 75px 0 75px 0;
}

.whats-happening h2 {
	font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #0099d5;
    text-align: center;
}

.featured-dogs {
	margin: 75px 0 75px 0;
}

.featured-dogs h2 {
	font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #0099d5;
    text-align: center;
}

.featured-dogs p {
	font-family: 'Comfortaa', cursive;
    font-size: 1.5em;
    text-align: center;
    color: #0099d5;
}

.featured-dogs img {
	margin: 30px auto 30px auto;
}

.events {
	margin: 75px 0 75px 0;
}

.events h2 {
	font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #0099d5;
    text-align: center;
}

.wpem-event-listings .wpem-event-layout-wrapper .event_featured {
    background-color: #f5fcff !important;
}

.refuge-ramblings {
	margin: 75px 0 75px 0;
}

.refuge-ramblings h2 {
	font-family: 'Comfortaa', cursive;
    font-size: 42px;
    color: #0099d5;
    text-align: center;
}

embed, iframe, object, video {
    max-width: 100%;
	width: 100%;
	height: 595px;
}

.embed-container {
	margin: 50px 0 30px 0;
}

.widget .widget-title, .widget .widgettitle {
    border-bottom: 1px solid #FFF;
}

.site-header {
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1);
}

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
    width: 70%;
    max-width: 210px;
}

.site-header ul.menu li.current-menu-item > a {
    text-decoration: none;
    color: #333333;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.hentry .entry-header {
    min-height: 70px;
}

button.menu-toggle, button.menu-toggle:hover { border-color: #ea4889; color: #ea4889; }

button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before { background-color: #ea4889; }


/* WooCommerce Overrides */
.woocommerce-loop-product__title { font-family: 'Comfortaa', cursive; }
.woocommerce-Price-amount { font-family: 'Comfortaa', cursive; }
.woocommerce-product-details__short-description { font-family: 'Comfortaa', cursive; }
.storefront-product-sharing { font-family: 'Comfortaa', cursive; }
.woocommerce-loop-category__title { font-family: 'Comfortaa', cursive; }
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before { display: none; }
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove { display: none; }
.site-header-cart .cart-contents .amount { display: none; }
.woocommerce-pagination .page-numbers li .page-numbers { font-family: 'Comfortaa', cursive; }


.main-navigation ul li:last-child a { padding-right: 0; }
.main-navigation ul.menu, .main-navigation ul.nav-menu { float: right; }
.main-navigation ul.menu ul.sub-menu { margin-top: -10px; }


/* Donate Button Styling */
#menu-item-1088 { font-family: 'Comfortaa', cursive; background-color: #ea4889; padding: 4px; border-radius: 4px; font-weight: bold; }
#menu-item-1088 a { color: #FFF; }
/* Quick Phone Styling */
#menu-item-1090 { font-family: 'Comfortaa', cursive; background-color: #f1f1f1; padding: 4px; border-radius: 4px; font-weight: bold; margin-left: 10px; }
/* Cart Summary Styling */
.menu-item-1093 { font-size: 2em; }
/* Quick Sanctuary Styling */
#menu-item-1101 { font-family: 'Comfortaa', cursive; background-color: #0099d5; padding: 4px; border-radius: 4px; font-weight: bold; margin-left: 10px; }
#menu-item-1101 a { color: #FFF; }

.fa-rotate-25 {
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
}

.site-branding {
	position: absolute;
	top: 42px;
}

.sph-hero.full.left {
    display: none;
}

.sph-hero { background-position: center; }
.sph-hero h1 { font-size: 3.2em !important; }


.wpem-event-date {
    color: #ea4889;
}

@media only screen and (max-width: 600px) {
  .embed-container { display: none; }
  .sph-hero { background-position: right; background-position-x: -520px; }
  .welcome-bar { padding: 60px; }
  .contact-banner { display: none; }
  .video-bar { padding: 50px; }
  .main-navigation { margin-right: 0px !important; }
  .site-header .custom-logo-link img { width: 30%; max-width: 210px; }
  .column { flex-basis: 100%; }
  .site-header-cart .cart-contents .count { display: none !important; }
  .site-branding { top: 10px; }
  
}

@media (min-width: 768px)
.site-header {
    padding-top: 40px;
    padding-bottom: 0;
}

.footer-widgets {
    padding-top: 4.235801032em;
    border-bottom: 1px solid rgb(255, 255, 255);
}

@media screen and (min-width: 768px)
.sp-header-active .sp-header-last {
    float: right;
    margin: 20px 0 0 0;
}

.sph-hero {
	margin-bottom: 0px;
}

.sph-hero a:not(.button) {
    color: #ea4889;
}

.storefront-breadcrumb {
	display: none;
}

.storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
    text-align: center;
    padding: 3em 0 2em;
}

/********** Dog Listng Styles *****************/
.page-template-page-dogs-listing #rev_slider_1_1_wrapper , 
.single-ourdogs #rev_slider_1_1_wrapper {
    display: none !important;
}
.dogsListingWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 45px;
}
.dogsListingWrap .dog {
    width: 32%;
    margin-bottom: 20px;
}
.dog .hover_image a {
    display: inline-block;
    width: 100%;
    min-height: 300px;
    background-color: #eee;
    margin-bottom: -8px;
}
.dog .item_description {
    font-size: 16.8px;
    color: #767676;
    padding: 13px 15px;
    background-color: #e9e6e1;
    text-align: center;
    border-bottom: 2px solid #d3cdc4;
    font-family: 'Comfortaa', cursive;
}
.dog .item_description a {
    text-transform: uppercase;
    font-weight: 700;
    color: #ea4889;
    text-decoration: none;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}

/**************** Single Dog Style ****************/
.slingleDogWrapper {
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.slingleDogWrapper .imgWrap {
    width: 58.333333%;
    position: relative;
}
.slingleDogWrapper .contWrap {
    width: 40%;
}
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}
.ribbon-top-left {
    top: -10px;
    left: -10px;
}
.ribbon::before, .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}
.ribbon-top-left::before, .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    text-transform: uppercase;
    text-align: center;
    z-index: 100;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}
.dogDetail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
}
.dogName {
    padding: 10px 0;
}
.dogName h3 {
    margin-bottom: 0;
}
.dogDetail .dogMeta {
    width: 50%;
    padding: 10px 0;
}
.large-icon {
    font-size: 1.2em;
    color: #0099d5;
}
.large-icon i {
    font-size: 2em;
}
.dogDetail .dogMeta.full {
    width: 100%;
    border-bottom: 1px solid #dee2e6;
}
.dogDetail.fullDetails , 
.dogDetail .dogMeta.full:last-child {
    border-bottom: none;
}
.dogDetail .dogMeta.full span.check {
    margin-right: 10px;
}
.text-success {
    color: #28a745 !important;
}
.dogDetailsWrap {
    margin-bottom: 50px;
}
.dogContent h3 {
    margin-bottom: 0;
}
.dogContent p br {
    display: none;
}
.single-ourdogs {
    background-color: #f0f0f0;
}
.dcDogImgSlider.owl-carousel .owl-item img {
}
.dogsListingWrap .dog .hover_image {
    width: 100%;
    height: 380px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.page-template-page-dogs-listing .dogsListingWrap .dog .hover_image a {
    margin-bottom: 0;
}
.filterForm {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.filterForm .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-right: 5px;
}
.filterForm .form-group .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.filterForm .search-button {
    padding: 5px 12px;
    margin-top: -15px;
}
.bones-bg {
    width: 100%;
    min-height: 176px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-image: url('./assets/img/header-banner.jpg');
}
.bones-bg .dog-header {
    max-width: 66.4989378333em;
    width: 100%;
}
.bones-bg .dog-header h1 {
    color: #fff;
    margin: 0;
}
.page-template-page-dogs-listing {
    background-color: #f0f0f0;
}
.back-link a {
    color: #FFF;
    text-decoration: none;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -ms-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
    color: #fff;
    background-color: #ea4889;
    border: 0;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
.dogContent hr {
    margin-top: 1.41575em;
    margin-bottom: 1.41575em;
    border: 0;
}
.page-template-page-dogs-listing .dogsListingWrap .dog {
    margin-bottom: 40px;
    width: calc(33.33% - 20px);
    margin-right: 20px;
}
.page-template-page-dogs-listing .dogsListingWrap {
    padding-bottom: 95px;
    width: calc(100% + 20px);
    justify-content: left;
}
.btn-group .btn {
    margin-right: 7px;
}
.emptyResults {
    text-align: center;
    width: 100%;
    margin-top: 30px;
}







/******************* Responsive Styles ******************/
@media screen and ( max-width: 1110px ) {

    .dogsListingWrap .dog .hover_image , 
    .page-template-page-dogs-listing .dogsListingWrap .dog .hover_image a {
        height: auto;
        min-height: 0;
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog .item_description {
        min-height: 137px;
    }

}

@media screen and ( max-width: 768px ) {

    body .site-branding {
        width: 20%;
        top: 0;
    }
    .bones-bg .dog-header h1 {
        text-align: center;
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog {
        width: calc(50% - 20px);
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog .hover_image , 
    .page-template-page-dogs-listing .dogsListingWrap .dog .hover_image a {
        height: auto;
        min-height: 0;
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog .item_description {
        min-height: 136px;
    }
    .single-ourdogs .slingleDogWrapper {
        flex-direction: column;
    }
    .single-ourdogs .slingleDogWrapper .imgWrap {
        width: 100%;
        margin-bottom: 50px;
    }   
    .single-ourdogs .slingleDogWrapper .contWrap {
        width: 100%
    }
    #page {
        width: 100%;
    }
    .filterForm .form-group:nth-child(3) {
        flex: 1;
    }

}

@media screen and ( max-width: 500px ) {

    .page-template-page-dogs-listing .dogsListingWrap .dog {
        width: 100%;
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog img {
        width: 100%;
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog .hover_image {
        overflow: hidden;
    }
    .bones-bg .dog-header h1 {
        font-size: 28px;
        text-align: center;
        padding: 0 20px;
    }
    .page-template-page-dogs-listing .dogsListingWrap .dog .item_description {
        min-height: 0;
    }
    .filterForm .form-group:nth-child(1), .filterForm .form-group:nth-child(2) {
        width: 100%;
    }
}



.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{
    padding-left : 0.8em;
    padding-right : 0.8em;
}
.footer-widgets .widget .widget-title{
	color: white;
}
.footer-widgets .widget_nav_menu .menu a{
    color: white;
    text-decoration: none;
}
.footer-widgets .widget_nav_menu .menu a:hover{
    color: black;
}

.footer-widgets .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{
    width: 100%;
}

.player .vp-controls{
	display: none !important;
}

.dogDetail.dogicons .dogMeta{
    display: flex;
}
.dogDetail.dogicons .dogMeta .icon{
    max-width: 50px;
    margin-right: 10px;   width: 50px;
}