/* ===================================================================================

* Theme Name: Termico Child
* Theme URI: https://themeforest.net/user/basictheme/portfolio
* Author: BasicTheme
* Author URI: https://www.devsnews.com/wp/termico/
* Description: Termico - Beauty Spa WordPress Theme
* Version: 1.0.3
* Template: termico
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* ===================================================================================

* Theme Name: Almudena Gil


/*
Este es el tono de verde #639FAB
Este es el tono de beige #FAF7F4
Este es el tono de amarillo #FCD087 (por si queremos poner algún detalle)
*/


/*@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap');*/

body {
	font-family: 'Abhaya Libre', serif;
}
h1,h2,h3,h4,h5,h6 {
	text-transform: none !important;
	font-family: 'Abhaya Libre', serif !important;
}


h2 {
	font-size: 32px;
	margin: 25px 0 15px 0;
}
p {
	font-size: 20px;
	line-height: 1.7;
	font-family: 'Abhaya Libre', serif;
}

ul li, ol li {
	font-size: 18px;
	line-height: 1.8;
}

img {
	border-radius: 5px !important;
}


/***  HEADER  ***/
header {
	position: fixed;
	top:0;
	width:100%;
	max-width: 100%;
	z-index:9999;
	animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}


.black-bg {
	background-color: #639FAB;
}

.main-menu ul li a {
	color: #FAF7F4;
	font-size: 14px;
	font-family: 'Abhaya Libre', serif;
	font-weight: bold;
}

/* modificamos el que viene por defecto en todas las pag*/
.home .pt-120 {
	padding-top: 0px;
}

.home .pb-120, .page .pb-120 {
	padding-bottom: 0px;
}


footer .pb-120 {
	padding-bottom: 0px;
}

footer .pt-120 {
	padding-top: 50px !important;
} 

.noborder-btn {
	text-transform: uppercase;
    padding: 25px 45px 22px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 2px;
    color: #2a2d2c;
    background: transparent;
    line-height: 1;
    text-align: center;
    font-size: 14px;	
}

.home .noborder-btn, .page-id-1097 .noborder-btn {
	background-color: #639FAB;
	color: #FAF7F4;
	border-radius: 3px;
}

.home .noborder-btn:hover, .page-id-1097 .noborder-btn:hover {
	background-color: black;
	color: #FAF7F4;
}

.home .btn-claro, .page-id-1097 .btn-claro {
	font-family: "Cormorant Garamond" !important;
	background-color: #639FAB;
	color: #fff ;
	border-radius: 5px;
	border-color: #fff;
}

.home .btn-claro:hover, .page-id-1097 .btn-claro:hover {
	background-color: #292d2b !important;
	color: #fff !important;
}

.premium-title-container.style4 {
	border-bottom: 3px solid #639FAB !important;
}


.service-content a {
	background: #639FAB !important;
}

.service-item:before {
	background: none;
}

.service-content h4 {
	color: #639FAB;
}

@media (min-width: 576px) {
	.home .premium-title-container {
		height: 90px;
	}
	.quieres-saber-como .premium-title-container  {
		height: 50px;
	}
	
}


/***** MENU ****/
.header-area {
	height: 100px;
	padding: 10px 85px !important;
}
.main-menu ul li {
	padding: 14px 0;
}

.main-menu ul li ul.sub-menu li {
	padding: 10px 0;
}

.main-menu ul li ul.sub-menu {
	padding: 0px 0px;
}
.main-menu ul li ul.sub-menu li a:hover {
	background-color: #629faa;
	color: #fff !important;
}

/*PORTADA*/

.pt-120 {
	padding-top: 20px;
}

.n2-ss-slide .n2-ow {
	border-radius: 3px !important;
}



.premium-title-style4 .premium-title-text {
	font-size: 20px !important; 
}


.service-content {
	width: 100%;
}


.titulo-escapa-portada {
	font-weight: bold;
	font-size: 37px;
	color: #292d2b;
	line-height: 1.1em;
}

.sobre-mi-portada p {
	font-weight: bold;
	font-size: 25px;
	line-height: 1.5em;
	color: #fff;
	
}

.button-area {
	text-align: center;
}


.unete-textbox p {
	font-size: 35px;
	color: #fff;
	max-width: 600px;
	line-height: 1.4em;
}


.unete-newsletter p {
	font-size: 25px;
	color: #292d2b;
	max-width: 600px;
	line-height: 1.2em;
}

.blog-area .container .row .blog-item {
	box-shadow: 0.125rem 0.125rem 1.25rem 0 rgb(0 0 0 / 10%);
}

.blog-area ul {
	padding-left: 0px;		
}


.b-cat {
	bottom: 0px;
}
.b-cat a {
	background-color: #639FAB !important;
	color: #FAF7F4;
}

.modulo-quieresHablar .premium-title-header {
	font-weight: bold !important;
	text-transform: none;
}

/* Quick-zoom Container */
.blog-area .container .row .blog-item .blog-image {
	overflow: hidden;
}
.blog-area .container .row .blog-item .blog-image img {
	transform-origin: 0 0;
	transition: transform .25s, visibility .25s ease-in;
	transform-origin: center center;
}

/* The Transformation */
.blog-area .container .row .blog-item:hover .blog-image img {
	transform: scale(1.2);
}

.blog-area p.read-more, .blog .post-data a.read-more {
	text-align: right;
}

.blog-area p.read-more:hover, .blog .post-data a.read-more:hover {
	color: #639FAB;
}


@media (min-width: 576px) {
	.blog-content h3 {
		font-size: 28px;
		line-height: 1.2;
	}
}


footer .style-3 {
	background-color: #FAF7F4;
}

footer .style-3 .container {
	max-width: 100%;
}

footer #nav_menu-5 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-table;
}

footer #nav_menu-5 li {
  float: left;
}

footer #nav_menu-5 li a {
	display: block;
	color: #629faa;
	text-align: center;
	padding: 16px;
	text-decoration: underline;
	text-transform: uppercase;
  
}

footer #nav_menu-5 li a:hover {
	color: #292d2b;
}



/* menu aviso legal */
footer #nav_menu-6 ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  overflow: hidden;
  display: inline-table;
}

footer #nav_menu-6 li {
  float: left;
  padding-bottom: 0px;
  border-right: 1px solid #bbb;	
}

footer #nav_menu-6 li a {
	display: block;
	color: #bbb;
	text-align: center;
	padding: 0 5px;
	font-size: 12px;
  
}

footer #nav_menu-6 li:last-child {
	border-right: none;
}

footer #nav_menu-6 li a:hover {
	color: #292d2b;
}




/********* PAGINAS ************/

.page .title-icon, .blog .title-icon {
	float: left;
}
.page .title-icon .fas, .blog .title-icon .fas {
	font-size: 140px;
	color: #fff;
	margin: 0px 15px;
}

.page .page-title, .blog .page-title, .single-post .page-title {
	width: 100%;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.page .breadcrumb-title, .blog .breadcrumb-title {
	font-size: 60px;
}
.page .page-title p, .blog .page-title p {
	color: #fff;
	font-size: 28px;
	font-family: "Cormorant Garamond" !important;
} 

.breadcrumb-spacing {
	padding-top: 130px !important;
}

.page .container, .blog .breadcrumb-bg .container {
    max-width: 900px;
}

/*eliminamos espacios en blanco de las páginas antes slider*/
.page-id-2650 .breadcrumb-spacing, .page-id-2660 .breadcrumb-spacing, .page-id-442 .breadcrumb-spacing, .page-id-2665 .breadcrumb-spacing, .page-id-2870 .breadcrumb-spacing, .page-id-445 .breadcrumb-spacing, .page-id-444 .breadcrumb-spacing, .page-id-2923 .breadcrumb-spacing {
	margin-bottom: -10px;
}

.page-id-2650 .pt-120, .page-id-2660 .pt-120, .page-id-442 .pt-120, .page-id-2665 .pt-120, .page-id-2870 .pt-120, .page-id-445 .pt-120, .page-id-444 .pt-120, .page-id-2923 .pt-120 {
	padding-top: 0;
}



@media (max-width: 992px) {
	.page .container {
	    max-width: 750px;
	}
}
@media (max-width: 768px) {
	.page .container {
	    max-width: 600px;
	}
}
@media (max-width: 576px) {
	.header-area {
		height:65px;
		/*padding:1px 85px !important;*/
		padding:10px 0px !important;
	}
	.page .container {
	    max-width: 540px;
	}
	/*icon*/
	.page .title-icon .fas, .blog .title-icon .fas {
		font-size: 50px;
	}
	.page .page-title, .blog .page-title {
		width: 250px;
	}
	.page .breadcrumb-title, .blog .breadcrumb-title {
		font-size: 40px;
	}
	.page .page-title p, .blog .page-title p {
		font-size: 20px;
	}
	
}

/* para la home */
@media (min-width: 576px) {
	.home .container {
	    max-width: 540px;
	}
}
@media (min-width: 768px) {
	.home .container {
	    max-width: 720px;
	}
}
@media (min-width: 992px) {
	.home .container {
	    max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.home .container {
	    max-width: 1200px;
	}
}




/********  SERVICIOS   ***********/
.page-id-1097 .texto-acompano p {
	font-size: 2rem;
}

.elementor-toggle .elementor-tab-title {
	font-size: 1.5rem;
}

@media (min-width: 900px) {
	.page-id-1097 .texto-acompano {
		padding-top: 100px;
	}
}



/**********  ARTICULOS  *************/

.widget {
	border-color: #639FAB !important;
}

.sidebar-search-form button {
	background: #639FAB;
}

.postbox__text {
	background: #FAF7F4;
}

.single .theme-btn, .blog .theme-btn {
	background: #639FAB;
	color: #fff;
	font-family: 'Abhaya Libre', serif;
	font-weight: bold;
}

.single .theme-btn:hover, .blog .theme-btn:hover {
	color: #000;
}



.widget-posts-meta {
	text-transform: none;
}


/*****************   SUSCRIBETE MAILCHIMP  ***************/
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
#mc-embedded-subscribe {clear: none !important; margin: 0 !important;}
#mc-error-response, .response {
	color: #eee !important;
}
.btn-mailchimp {   display: inline-block;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #292d2b;
border: 2px solid #292d2b;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn-mailchimp:hover {color: #fff;text-decoration: none; border: 2px solid #fff; background-color: #31a0ab;}
.btn-mailchimp:focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}    
.mc-field-group{}
.email {float:left;display: block;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.6;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width:400px;
}
/* pagina suscribete */
.page-id-2056 .email {
	width: 80%;
}
.page-id-2056 .btn-mailchimp {
	width: 20% !important;
}
@media (max-width: 550px) {
	.page-id-2056 .btn-mailchimp {
		width: 32% !important;
	}
}

.email:focus {outline: none;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

@media (max-width: 770px) {
	.btn-mailchimp {
		width: 30% !important;
	}
	.email {
		width: 68% !important;		
	}
	.mc-field-group {
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	}	
}





/*------------------------------------------------------------------------------------------*/
/* 25. Contactform 7 */
/*------------------------------------------------------------------------------------------*/
div.wpcf7 br {
    margin: 0;
    display: block;
    line-height: 0;
    content: "";
}

::placeholder {
	font-size: 15pt;
	font-family: 'Abhaya Libre', serif;
}

div.wpcf7 .invert {
    background-color: #639FAB !important;
}

div.wpcf7 .invert:focus {
    background-color: #639FAB !important;
}

div.wpcf7 .pill {
    border-radius: 100px;
    padding-left: 16px;
    -webkit-appearance: none;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7 label {
    display: inline;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #fff;
    position: relative;
    padding: 10px 15px 10px 55px;
    line-height: 24px;
    background-color: #F7F7F7;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #32ba5b;
}

div.wpcf7-mail-sent-ok:before {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-family: FontAwesome;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f058";
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    padding-top: 10px;
    text-align: center;
    height: 100%;
    width: 40px;
    position: absolute;
    background-color: #32ba5b;
    top: 0;
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.wpcf7-mail-sent-ng {
    border: 1px solid #fff;
    position: relative;
    padding: 10px 15px 10px 55px;
    line-height: 24px;
    background-color: #F7F7F7;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #f55753;
}

div.wpcf7-mail-sent-ng:before {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-family: FontAwesome;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f057";
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    padding-top: 10px;
    text-align: center;
    height: 100%;
    width: 40px;
    position: absolute;
    background-color: #f55753;
    top: 0;
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.wpcf7-spam-blocked {
    border: 1px solid #fff;
    position: relative;
    padding: 10px 15px 10px 55px;
    line-height: 24px;
    background-color: #F7F7F7;
    border-radius: 4px;
    color: #575756;
    font-size: 14px;
    font-weight: bold;
    color: #f55753;
}

div.wpcf7-spam-blocked:before {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-family: FontAwesome;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f057";
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    padding-top: 10px;
    text-align: center;
    height: 100%;
    width: 40px;
    position: absolute;
    background-color: #f55753;
    top: 0;
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.wpcf7-validation-errors {
    border: 1px solid #fff;
    position: relative;
    padding: 10px 15px 10px 55px;
    line-height: 24px;
    background-color: #F7F7F7;
    border-radius: 4px;
    color: #575756;
    font-size: 14px;
    font-weight: bold;
    color: #f55753;
}

div.wpcf7-validation-errors:before {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-family: FontAwesome;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f057";
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    padding-top: 10px;
    text-align: center;
    height: 100%;
    width: 40px;
    position: absolute;
    background-color: #f55753;
    top: 0;
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin-bottom: 10px;
    display: block;
}

.wpcf7-wrap-inline {
    position: relative;
    margin-bottom: 15px;
    display: block;
}

.wpcf7-wrap-inline .wpcf7-form-control-wrap {
    display: inline-block;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12pt;
    display: none;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
    position: absolute;
    display: none;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

.form-control.wpcf7-not-valid {
    border: 1px solid #f55753;
}

.wpcf7-defaults, .wpcf7-text,
.wpcf7-date,
.wpcf7-number,
.wpcf7-textarea, .wpcf7-select, .wpcf7-quiz {
    width: 100%;
    height: 45px;
    border: 1px solid #639FAB;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 15pt;
    font-family: 'Abhaya Libre', serif;
    /*text-transform: uppercase;*/
 
}

.wpcf7-defaults:focus, .wpcf7-text:focus,
  .wpcf7-date:focus,
  .wpcf7-number:focus,
  .wpcf7-textarea:focus, .wpcf7-select:focus, .wpcf7-quiz:focus {
    background-color: #eeeeee;
    box-shadow: none;
    outline: none;
}

.wpcf7-textarea {
    height: 180px;
}

.wpcf7-select {
    height: 45px;
    background-color: #fff;
    color: #545554;
}

.wpcf7-radio span.wpcf7-list-item.first, .wpcf7-checkbox span.wpcf7-list-item.first {
    margin-left: 0;
}

.wpcf7-radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item {
    margin-right: 10px;
}

.wpcf7-radio .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item-label {
    font-weight: normal;
    margin: 0 5px;
}

.wpcf7-acceptance {
    margin-right: 5px !important;
}

.wpcf7-quiz-label {
    display: block;
}

.wpcf7-not-valid {
    border: 1px solid #f55753;
}

.wpcf7-file {
    width: 180px;
    height: 45px;
    position: relative;
    cursor: pointer;
}

.wpcf7-file:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    content: "\f01b";
    font-size: 24px;
    position: absolute;
    z-index: 6;
    color: #fff;
    top: 8px;
    left: 15px;
}

.wpcf7-file:after {
    content: "Upload File";
    width: 180px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    background-color: #428BFF;
    border-radius: 4px;
    margin: 0;
    border: 1px solid transparent;
    font-size: 16px;
    padding: 9px 26px 10px 50px;
    line-height: 1.5;
}

.wpcf7-list-item-label a {
	font-size: 12pt;
	color: #639FAB;
}

.wpcf7-list-item-label a:hover {
	text-decoration: underline;
}

.wpcf7-submit {
    color: #ffffff;
    margin: 0 auto;
    border: 1px solid transparent;
    font-size: 16pt;
    padding: 7px 26px;
    height: 45px;
    line-height: 1.42857143;
    background-color: #639FAB;
    text-transform: uppercase;
    display:block;
    font-family: 'Abhaya Libre', serif;
}

#responsive-form{
	margin:0 auto;
    width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.15rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7 .wpcf7-submit:disabled {
	background-color: #cee4ed;
}


/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}



/* form visitantes */
@media only screen and (max-width: 600px) { 
	.modal-body .vc_col-sm-3 {
		float: left;
		width: 30%;
	}
	.modal-body h3 {
		margin-top: 0px;
		font-size: 20px;
	}
	
}





/*********  PAGINA ARCHIVOS ***********/
.flex {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -o-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-box-lines: multiple;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -o-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -o-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}
.grid {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -o-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-box-lines: multiple;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -o-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -o-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    margin-bottom: 2rem
}
.grid .item {
    -o-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    -o-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -o-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-box-lines: multiple;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -o-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 auto 2rem;
}

.blog .item {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -o-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-box-lines: multiple;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -o-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -o-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0;
    background-color: #fff;
    border: none;
    border-radius: .25rem;
    overflow: hidden;
    -webkit-box-shadow: .125rem .125rem 1.25rem 0 rgba(0,0,0,.1);
    box-shadow: .125rem .125rem 1.25rem 0 rgba(0,0,0,.1)
	
}


.blog .item,.blog .item .post-thumb img,.blog .item .wp-block-image img,.blog .item .post-data {
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;	
}
.blog .item .post-thumb {
    width: 100%;
    height: 10.5rem;
    margin-bottom: 0;
    overflow: hidden
}

.blog .item .post-thumb img {
    width: 100%;
    height: 10.5rem;
    object-fit: cover;
    object-position: center center	
}
.blog .item .post-data {
    -o-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -o-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-box-lines: multiple;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 1.25rem;	
}
.blog .item .post-date {
    font-size: .875rem;
    margin-bottom: .5rem;
    color: #868686;
}	
.blog .item .post-date a {
    color: #ad283d
}
.blog .item .post-title {
    font-size: 1.75rem;
    line-height: 100%;
    margin-bottom: .75rem
}

.blog .item .post-title a {
    color: #302d3c
}

.blog .item .post-title a:hover {
    text-decoration: underline
}

.blog .item .post-excerpt {
    margin-bottom: 0;
    font-size: 1rem;
    color: #76747d
}

.blog .item .readmore {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
    margin-top: 1rem;
    margin-left: auto
}

.blog .item:focus,.blog .item:focus-within,.blog .item:hover {
    outline: 0;
    background-color: #f2f2f2
}

.blog .item:focus .post-thumb img,.blog .item:focus-within .post-thumb img,.blog .item:hover .post-thumb img,.blog .item:focus .wp-block-image img,.blog .item:focus-within .wp-block-image img,.blog .item:hover .wp-block-image img {
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog:not(.paged) .item:first-child {
    -o-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media (min-width: 600px) {
    .blog:not(.paged) .item:first-child {
        -o-box-orient:horizontal;
        -moz-box-orient: horizontal;
        -webkit-box-orient: horizontal;
        -o-box-lines: single;
        -moz-box-lines: single;
        -webkit-box-lines: single;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -o-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .blog:not(.paged) .item:first-child .post-thumb {
        width: 100%
    }

    .blog:not(.paged) .item:first-child .post-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center
    }

    .blog:not(.paged) .item:first-child .post-title {
        font-size: 2.25rem
    }
}

@media (min-width: 600px) and (min-width:600px) {
    .blog:not(.paged) .item:first-child .post-thumb {
        height:100%;
        -o-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -ms-flex: 0 1 58%;
        -webkit-flex: 0 1 58%;
        flex: 0 1 58%;
        margin-bottom: 0
    }
}

@media (min-width: 600px) and (min-width:600px) {
    .blog:not(.paged) .item:first-child .post-data {
        -o-box-flex:1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -ms-flex: 0 1 42%;
        -webkit-flex: 0 1 42%;
        flex: 0 1 42%;
        padding: 2rem
    }
}

@media (min-width: 480px) {
    .grid .item {
        -o-box-flex:1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -ms-flex: 0 1 48%;
        -webkit-flex: 0 1 48%;
        flex: 0 1 48%;
        margin: 0 1% 2rem
    }
}

@media (min-width: 769px) {
    .grid .item {
        -o-box-flex:1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        -ms-flex: 0 1 31.333%;
        -webkit-flex: 0 1 31.333%;
        flex: 1 1 31.333%
    }
}

@media (min-width: 576px) {
	.blog .container {
		max-width: 1200px;
	}
}




/**** WHATSAPP ****/

#qlwapp.qlwapp-bottom-right {
	bottom: 40px !important;
}
@media (max-width: 576px) {
	#qlwapp.qlwapp-bottom-right {
		bottom: 75px !important;
	}
}