/*
Theme Name: Residencia Canina Sagunto
Description: Pagina web desarrollada para Residencia Canina Sagunto
Author: Neobunker
Template: flatsome
Version: 3.0
*/


/****** GENERAL ******/

	.contact-banner-green-block .button span {
		font-size: 24px;
		color: #0d5d0d;
	}

	.contact-banner-green-block .button {
		padding: 4px 2em;
	    margin-top: 15px;
    	margin-bottom: 15px;
    	border: none;
	}

	.contact-banner-green-block .button:hover {
		box-shadow: inset 0 0 0 100px rgba(219, 195, 63, 1);

	}

	.button {
	    line-height: 2.2em;
    	min-height: 2.2em;
	}

	.block-button {
		font-size: 24px;
	}

	.col-divider {
	    min-height: 680px;
	    background-color: #a1cba2;
	    max-width: 3px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.ils .overlay {
		opacity: 0;
		border-radius: 100%;
	}
	
	.ils .box-image img,
	.ils .img img,
	.ils .img {
		border-radius: 100%;
	}

/*
	.icons-dogs .ils .overlay, 
	.icons-dogs .box-image img{
		border-radius: 100%;
	}*/

	.ils .image-cover:hover .overlay {
		opacity: 0.5;
	}

	.ils .box-image,
	.ils .img {
		    border: 4px solid #0d5d0d;
	}

	.ils .box-text a:not(.button) {
		font-size: 15px;
		font-weight: 800;
	}

	.ils h4.img-box-heading {
    	color: #000000;
	    text-transform: uppercase;
	    font-size: 15px;
	}

	.ils h4.img-box-heading.servicios-heading,
	.ils .box-text p.servicios-heading a:not(.button) {
	    font-size: 20px;
	}

	.ils .box.box-text-bottom:after {
	    /*content: '+';
	    background-color: #0d5d0d;
	    font-size: 36px;
	    position: absolute;
	    top: 15px;
	    color: #ffffff;
	    padding: 0px 12px;
	    border-radius: 100%;
	    right: 10px;
	    max-height: 45px;
	    line-height: 45px;
	    transition: all 800ms ease-out;*/
	    content: '+';
	    background-color: #0d5d0d;
	    font-size: 36px;
	    position: absolute;
	    top: 18px;
	    color: #ffffff;
	    padding: 23px 15px 0px;
	    border-radius: 100%;
	    right: 10px;
	    width: 50px;
	    height: 50px;
	    transition: all 800ms ease-out;
	    line-height: 0px;
	    cursor: pointer;
	}

	.ils .box.box-text-bottom:hover:after {
		background-color: #dbc33f;
	}

	textarea:hover{
		box-shadow: 0 0 5px #ccc;
	}

	input[type='submit']:hover,
	.button:hover{
		opacity: 1;
		background-color:#dbc33f !important;
		color:#0d5d0d;
		box-shadow: inset 0 0 0 100px rgba(219, 195, 63, 1);
		border-color:#dbc33f;
	}

	.stuck .header-nav li.html.custom span.social-icon{
		margin:10px 0px 10px 15px;
	}
	.video-youtube-homepage .banner-layers.container{
		display: none;
	}

	/****** TARIFAS ******/

		.ils.ils-tarifas .box-text.text-center {
			padding-left: 0px;
    		padding-right: 0px;
		}

		.ils h4.img-box-heading.fs-20 {
			font-size: 20px;
		}

		.ils.ils-tarifas .box.box-text-bottom:after {
			display: none;
		}

		.ils.ils-tarifas .box-image {
			margin: 0 20px;
		}

		.ils.ils-tarifas .box a {
			display: inline;
		}

	/****** END TARIFAS ******/

	.box-text {
		padding-bottom: 0;
	}

	.section.plants-bg {
		background: url('https://www.residenciacaninasagunto.es/wp-content/uploads/2019/07/plantas2-copia-6.png');
    	background-repeat: repeat-x;
    	background-position-y: bottom;
	}

	.testimonial-block {
		margin-top: 70px;
	}

	.testimonial-block:after {
		content: url('https://www.residenciacaninasagunto.es/wp-content/uploads/2019/07/quotes-icon.jpg');
	    position: absolute;
	    top: -80px;
	    left: 40%;
	}

	.testimonial-block:before {
		content: '';
	    position: absolute;
	    width: 100%;
	    border-top: 3px solid #0d5d0d;
	    top: -50px;
    	left: 0;
	}


	.testimonial-block-wh {
		margin-top: 70px;
	}

	.testimonial-block-wh:after {
		content: url('https://www.residenciacaninasagunto.es/wp-content/uploads/2019/07/quotes-icon-wh.jpg');
	    position: absolute;
	    top: -80px;
	    left: 40%;
	}

	.testimonial-block-wh:before {
		content: '';
	    position: absolute;
	    width: 100%;
	    border-top: 3px solid #0d5d0d;
	    top: -50px;
    	left: 0;
	}

	.slider-nav-outside .flickity-page-dots, .row-slider .flickity-page-dots {
	    bottom: -30px;
	}

	.flickity-page-dots .dot.is-selected {
	    background-color: #0d5d0d;
	}

	.flickity-page-dots .dot {
	    background-color: #0d5d0d;
	    border: none;
	}

	.row-xsmall>.gallery-col.col {
 		padding: 0 5px 8px;
	}

	.service-slider-badge {
	    width: 220px !important;
	    position: absolute;
	    right: -15px;
	    bottom: -65px;
	}

	.service-slider-badge img {
		border-radius: 100%;
    	border: 4px solid #0d5d0d;
	}

	.otrosservicios-grid {
		min-height: 320px;
	}

/****** END GENERAL ******/

/****** TEXT ******/

	#top-bar span{
		font-size: 13px;
	}

	#top-bar a {
		font-size: 13px;
		color: #a1cba2;
		transition: color 500ms;
	}

	#top-bar a:hover {
		color: #ffffff;
	}

	.fw-800 {
		font-weight: 800;
	}

	.fs-20 {
		font-size: 20px;
	}

	.fs-18 {
		font-size: 18px;
	}

	.fs-15 {
		font-size: 15px;
	}

	.fc-primary {
		color: #0d5d0d;
	}

	.copyright-footer span {
		font-size: 16px;
		color: #ffffff;
	}

	.copyright-footer span.absolute-footer-1 {
		text-transform: uppercase;
	}

	.copyright-footer span a{
		font-size: 16px;
		color: #a1cba2;
		transition: color 300ms;
	}

	.headline-2 {
		font-size: 32px;
	}

	.headline-2.contact-banner-green-text span.highlighted {
		color: #a1cba2;
	}

	.headline-2.contact-banner-yellow-text {
		color: #000000;
		margin-bottom: 0.2em;
	}

	.headline-2.contact-banner-yellow-text a.highlighted {
		color: #0d5d0d;
		transition: color 300ms;
	}

	.headline-2.contact-banner-yellow-text a.highlighted:hover {
		color: #ffffff;
	}

	.headline-3.block-title {
		text-transform: uppercase;
		font-size: 70px;
		font-weight: 800;
		margin-bottom: 0px;
		line-height: 1em;
	}

	.headline-4 {
		font-weight: 800;
		font-size: 20px;
		color: #0d5d0d;
		line-height:26px;
		margin-bottom:15px;
	}

	h4.block-sub {
		color: #dbc33f;
		font-weight: 400;
		font-size: 24px;
		text-transform: uppercase;
		margin-bottom: 30px;
	}


	.col-inner ul li {
		margin-bottom: 2px;
	}


/****** END TEXT ******/

/****** NAV ******/

	#top-bar {
		box-shadow: inset 0px -4px 8px -4px rgba(0,0,0,0.5);
	}

	.logo-left .logo {
		margin-right: 0px;
	}

	.nav>li.menu-item {
		margin: 0 11px;
	}

	.nav>li.header-divider { 
	    height: 14px;	
	}

	.nav-dark .nav>li.header-divider {
	    border-color: rgba(255,255,255,0.6);
	}

	.header-main {
		box-shadow: 0px 4px 15px -6px rgba(0,0,0,0.4);
	}

	.header-main li.menu-item a {
		font-size: 15px;
		font-weight: 400;
		color: #000000;
	}

	.header-main li.menu-item a:hover {
		color: #dbc33f;
	}

	.header-nav li.html.custom {
		width: 100%;
	    display: flex;
	    /* width: auto; */
	    justify-content: flex-end;
	    /* margin-right: auto !important; */
	}

	.header-nav li.html.custom .social-icon svg {
		width: 36px;
	}

	.header-nav li.html.custom .social-icon svg path.st0 {
		transition: all 500ms ease-out;
	}	
	.header-nav li.html.custom .social-icon:hover svg path.st0 {
		fill: #dbc33f;
	}	

	.header-nav li.html.custom span.social-icon {
	    margin: 20px 0px 20px 15px;
	}

	.current-menu-item.current_page_item.active a {
		color: #0d5d0d;
	} 

	.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor.menu-item-has-children.active .nav-top-link {
		color: #0d5d0d;
	}

/****** END NAV ******/

/****** FOOTER ******/

	.absolute-footer .footer-primary {
	    padding: 7.5px 0;
	}

	.footer-divider {
	    margin-left: 15px;
	    margin-right: 15px;
	    min-width: 1px;
	    background: rgba(255,255,255,0.7);
	    height: 12px;
	    display: inline-block;
	    position: relative;
	    top: 1px;
	}

	.footer-rrss div.icon-box{
		display: inline-block;
		margin-right: 10px;
	}

	.icon-box-img svg path.st0 {
		transition: all 500ms ease-out;
	}	
	.icon-box-img:hover svg path.st0 {
		fill: #dbc33f;
	}	


/****** END FOOTER ******/

/****** FORM ******/
	input[type='email'], 
	input[type='date'], 
	input[type='search'], 
	input[type='number'], 
	input[type='text'], 
	input[type='tel'], 
	input[type='url'], 
	input[type='password'], 
	textarea, 
	select, 
	.select-resize-ghost, 
	.select2-container .select2-choice, 
	.select2-container .select2-selection {
		border: none;
		background-color: #e6eee6;
		box-shadow: none;
		margin-bottom: 10px;
	}

	input[type='text'].form-input::placeholder,
	input[type='email'].form-input::placeholder,
	.comentarios textarea,
	input[type='tel'].form-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		font-size: 15px;
		font-weight: 400;
		color: #000000;
		opacity: 1; /* Firefox */
	}

	input[type='text'].form-input:-ms-input-placeholder, 
	input[type='email'].form-input:-ms-input-placeholder, 
	.comentarios textarea, 
	input[type='tel'].form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font-size: 15px;
		font-weight: 400;
		color: #000000;
	}

	input[type='text'].form-input::-ms-input-placeholder, 
	input[type='email'].form-input::-ms-input-placeholder, 
	.comentarios textarea, 
	input[type='tel'].form-input::-ms-input-placeholder { /* Microsoft Edge */
		font-size: 15px;
		font-weight: 400;
		color: #000000;
	}

	input[type='submit'].form-submit-btn {
		width: 100%;
	    font-size: 24px;
	    text-transform: none;
	}

	input[type='checkbox'], input[type='radio'] {
		margin-right: 3px;
	}

	.wpcf7-list-item-label {
		font-size: 15px;
		font-weight: 400;
	}

/****** END FORM ******/


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

	.header.has-sticky .stuck .header-main {
	    height: 90px !important;
	}

	.header.has-sticky .stuck #logo img {
	    max-height: 70px !important;
	}

	.testimonial-block:after {
	    left: 34%;

	}

	.testimonial-block-wh:after {
	    left: 34%;

	}

	.absolute-footer .container {
	    display: flex;
	    flex-direction: column;
	}

	.absolute-footer .footer-secondary {
	    order: 2;
	}

	.nav>li.menu-item {
	    margin: 0 0px;
	}

	.social-icon svg {
		width: 25px;
   		margin-right: 5px;
	}

	.social-icon svg path{
		fill: #ffffff;
	}

	#masthead.header-main {
		height: 100px;
	}

	#masthead .logo {
	    width: 130px;
	}

}

@media (max-width: 720px) {


	.copyright-footer {
    	display: flex;
	    flex-direction: column;
	}


	.copyright-footer .footer-divider {
		display: none;
	}
}

@media (max-width: 549px) {
	#logo img {
    	max-height: 60px !important;
	}

	#masthead.header-main {
		height: 75px;
	}


}

@media (max-width: 360px) {
	
	.nav.nav-center.nav-small.mobile-nav {
		justify-content: flex-start;
	}

	.nav.nav-small.mobile-nav>li{
		margin: 0 7px 0 0;
	}

	.nav.nav-small.mobile-nav .html.custom.html_nav_position_text_top {
		position: absolute;
    	right: 13px;
    	margin-top: 2px;
	}

}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


	.header.has-sticky .stuck .header-main {
	    height: 90px !important;
	}

	.header.has-sticky .stuck #logo img {
	    max-height: 70px !important;
	}

	#top-bar a,
	#top-bar span {
		font-size: 12px;
	}

	.contact-banner-green-text.headline-2, 
	.contact-banner-yellow-text.headline-2 {
		font-size: 20px;
	}

	.headline-3.block-title {
		font-size: 30px;
	}

	h4.block-sub {
		font-size: 18px;
	}

	.testimonial-block:after {
		left: 35%;
	}

	.testimonial-block-wh:after {
	    left: 35%;

	}

/*	.absolute-footer .container {
	    display: flex;
	    flex-direction: column;
	}

	.absolute-footer .footer-secondary {
	    order: 2;
	}
*/

	.service-slider-badge {
	    width: 100px !important;
	    position: absolute;
	    right: -5px;
	    bottom: -110px;
	}

	.social-icon svg {
		width: 20px;
   		margin-right: 5px;
	}

	.social-icon svg path{
		fill: #ffffff;
	}

	.ils .col-inner {
		max-width: 260px;
	}

	.block-button span{
		line-height: 1.2;
		padding: 10px;
	}	

	.serviciosinterior-pb-header-responsive {
		padding-bottom: 80px !important;
	}

	.serviciosinterior-smpb-header-responsive {
		padding-bottom: 55px !important;
	}

}