/**
Theme Name: Interflora ES blog
Author: Interflora
Author URI: https://www.interflora.es/
Description: Custom theme for Interflora blog.
Version: 1.0.0
Text Domain: interflora-es-blog
Template: astra
*/
/**

               __/)
            .-(__(=:
            |    \)
      (\__  |
     :=)__)-|  __/)
      (/    |-(__(=:
    ______  |  _ \)
   /      \ | / \
        ___\|/___\
       [         ]\
        \       /  \
         \     /
          \___/

*/

/*CSS FOR HOMEPAGE CUSTOM TEMPLATE*/
.hp-content {display:flex; flex-direction: column}

/*Featured post CSS*/
.featured-posts {
	display:flex;
	flex-direction:row;
	position : relative;
	width : 100%;
	margin-bottom: 30px;
	height: 400px;
}

.fp-col:last-child{
	padding-right: 0px;
	justify-content: space-between;
}

.fp-col{
	width: 50%;
	display: flex;
	flex-direction:column;
	padding-right: 20px;
}

.fp-square, .fp-rectangle {
	width:100%;display: flex;position: relative;
	border-radius: 10px;
  	overflow: hidden;
}

.fp-square a, .fp-rectangle a {width: 100%}
.fp-square {min-height: 100%;}

.fp-square:hover, .fp-rectangle:hover {
transition: all .2s ease-out;
transform: scale(1.02);
box-shadow: 0 3px 6px 0 rgba(0,0,0,.36);
}

.fp-image {
	position: relative;
	height: 100%;
	width: 100%;
}

.fp-image img {
	object-fit: cover;
}

.fp-square .fp-image img {
	height: 100%;
	width:100%;
}

.fp-rectangle:last-child {
	margin-top: 20px;
}

.fp-rectangle .fp-image img {
	max-height: 190px;width:100%;}

.fp-content {
	position: absolute;
	bottom: 10%;
	left: 5%;
	padding-right: 5%;}

.fp-overlay {
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35056029247636555) 74%, rgba(0,0,0,0.5130252784707633) 100%); 
}

.featured-posts h2 {
	font-size:24px;
	color: white;
}

.fp-category { 
	display: inline-flex;
  	background-color: #008578;
  	color: white;
 	 padding: 5px;
  	margin-bottom: 10px;
}

/*Post grid Homepage by categories CSS*/
.hp-grid {
	display:flex; 
	flex-direction: column
}
.hp-list {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.pst-card {
	display: flex;
	max-width: 30%;
	flex-direction: column;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.pst-title h3 {
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	color:#cc9b70;
}
.pst-image img {
	max-height: 150px;
	object-fit: cover;
	width: 100%;
}

.hp-section {
		margin-bottom: 15px
}
.hp-section h2 a{
	font-size : 24px;
	color: #008578;
}
.hp-section h2 a:hover{
	color: #04726B;
}



.pst-content {
	padding:15px;
}
.pst-content {font-size:15px;}
.pst-card:hover {
transition: all .2s ease-out;
transform: scale(1.02);
box-shadow: 0 3px 6px 0 rgba(0,0,0,.36);
opacity:0.8;
border-radius: 10px;
}
.pst-excerpt p {color: black; margin-bottom:0px}


/*Banner promo on the homepage CSS*/
.banner-promo {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: center;
margin-bottom:30px;
position: relative;
height: 200px;
}

.banner-promo-content {
	display:flex;
	width:100%;
	flex-direction: column;
	padding: 20px;
	align-items: center;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35056029247636555) 74%, rgba(0,0,0,0.5130252784707633) 100%);
    color:white;
	position: absolute;
height:200px;
justify-content: center;}
.banner-promo-content h2 {color:white}

.banner-promo-cta {
	padding:5px 30px 5px 30px;
	background-color: #008578;
	border-radius:3px;
}
.banner-promo a {
	color:white;
}
.banner-promo-cta:hover {
	background-color: #04726B;
	color:white;
}
.banner-promo-cta a:hover {
	color:white;
}

.image-home-cta {
object-fit: cover;
width: 100%;
height: 200px;}

.banner-promo-text {
	text-align: center;
}

/*List of categories homepage*/
.home-categories {
	display: flex;
}

.categories-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: 0px;
	margin-top: 20px;
}
.categories-nav li {
	background-color: #008578;
	display: flex;
	list-style: none;
	border-radius: 50px;
	font-size: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.categories-nav li a {color: white;	padding: 10px 20px 10px 20px;}

.categories-nav li:hover {
	background-color: #04726B;
}
	

/*Blog text that contain h1 CSS*/

.blog-text {
	display: flex;
	order: 5;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	margin-top: 40px;

}
.blog-text .entry-title {
	font-size: 20px;
	color: grey;
	font-family: 'Heldane' ;
	text-align: center;
}
.blog-text p {
	font-size: 16px;
	color: grey;
}

/*Social sharing on articles CSS*/
.wplogout-social-wrapper {
display: flex;
width: 100%;
align-items: center;
flex-direction: column;
margin-top: 30px;}

.wplogout-social-sharing {
	padding: 15px 40px 15px 40px;
}

.wplogout-social-facebook {
	background-color: #3a5997;
	fill: white;
	display:flex;
	align-items: center;
}

.wplogout-social-twitter {
	background-color: #05b5f0;
	fill: white;
	display:flex;
	align-items: center;
}


.wplogout-social-pinterest {
	background-color: #cb2027;
	fill: white;
	display:flex;
	align-items: center;
}

.wplogout-social-linkedin {
	background-color: #007bb6;
	fill: white;
	display:flex;
	align-items: center;
}
.social-sharing-icons{
	display: flex;
}

.social-sharing-text {
	font-size:24px;
	color: black;
}

.wplogout-social-linkedin:hover, 
.wplogout-social-pinterest:hover,
.wplogout-social-twitter:hover,
.wplogout-social-facebook:hover{
	transition: all .2s ease-out;
	transform: scale(1.05);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.36);
}

/*Table of content CSS*/

.toc-bound {
	border: 1px solid grey;
	color: black;
	padding: 20px 30px 20px 30px;
	margin-bottom: 30px;
	line-height: 24px;
	display: flex;
	flex-direction: column;
	width: fit-content;
}

.toc {margin-bottom: 0px}
.toc-bound  a {
font-size: 15px;}

/* Custom Related articles */

.cstm-related-articles-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.cstm-related-articles-col{
	width: 23%;
	display: flex;
	border-radius: 10px;
}

.cstm-related-articles-card{
	width: 100%;
	display: flex;
	position: relative;
	height: 200px;
}
.cstm-related-image {
	width: 100%;
}
.cstm-related-image img {
	width: 100%;
	height : 200px;
	object-fit: cover;
	border-radius: 10px;
}

.cstm-related-articles-section {
	border-top: 1px solid #eeeeee;
	padding-top: 2em;}
	
	.cstm-related-articles-section h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}
.cstm-related-content {
	position: absolute;
	display: flex;
}

.cstm-related-articles a {
	display: flex;
}

.cstm-related-articles h3 {
color: white;
font-size: 20px;
}

.cstm-related-articles {
	width: 100%; height: 100%; 
}

.cstm-related-content {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 74%, rgba(0,0,0,0.70) 100%);
width: 100%;
height: 100%;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px;
}

.cstm-title {
display: flex;
}

.cstm-category {
display: inline-flex;
background-color: #008578;
color: white;
margin-bottom: 10px;
width: fit-content;
padding: 5px 10px 5px 10px;}

.cstm-related-articles-col:hover {transition: all .2s ease-out;
	transform: scale(1.02);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.36);

}
/*CSS for Custom Footer (obf and not obf)*/

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
background-color: #F2F9F8}

.astra-advanced-hook-20641 , .astra-advanced-hook-20639  
{display: flex;
width: 100%;
justify-content: center;
}

.custom-footer-itf {
	display: flex;
	width: 90%;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding: 10px;
	flex-wrap: wrap;
}
.custom-footer-col:first-child{
	width: 40%;
}
.custom-footer-col {
	display: flex;
	width: 25%;
	flex-direction: column;
	margin-right: 20px;
}

.custom-footer-col:last-child {
	margin-right: 0px;
}
.footer-title {font-size: 18px; font-weight: 600; color:#303938}
.custom-footer-itf li {list-style: none;margin-right: 20px;}
.custom-footer-itf ul {margin: 0px;}
.custom-footer-logo-sn, .custom-header-logo-sn {display: flex;flex-direction: row;}
.custom-footer-logo-sn ul{
	display: flex;
	align-items: center;width: 100%;
	justify-content: start;
	flex-wrap: wrap;
}
.custom-footer-logo-sn img {
	width: 150px;
}
.custom-footer-logo-sn svg  {
	height: 30px;
}
.custom-footer-itf .obflnk {color:#008578}
.custom-header-logo-sn svg {height: 20px;}
.custom-header-logo-sn li {list-style: none;margin-right: 15px;}
.custom-header-logo-sn ul {display: flex;margin-left: 0px;margin-bottom: 0px;}
.custom-header-logo-sn a, .custom-header-logo-sn span {display: flex;}
/*CSS FOR OPTIMISATION OF THE EXISTING THEME*/
/*Optimisations blog part CSS*/
.post-thumb-img-content img {
	height: 200px;
	object-fit: cover;}
h2.entry-title{
	font-size: 25px;
}
div.ast-blog-featured-section.post-thumb.ast-grid-common-col.ast-float {
	width : 100%
}
img.attachment-large.size-large.wp-post-image{
	width : 100%
}
.entry-content[ast-blocks-layout] > h2,.entry-content[ast-blocks-layout] > h3 
{
	margin-left:0px
}
.entry-content[ast-blocks-layout] > ul {
	margin-left:30px
}
.entry-content[ast-blocks-layout] > .toc-bound {
	margin-left:0px
}
.ast-blog-featured-section .posted-on {
width: 4.5em;
height: 4.5em;
}
.ast-blog-featured-section .posted-on .date-day {
	font-size: 1.5em;
}
.ast-archive-description p {font-size: 18px;}
.ast-archive-description .ast-archive-title{font-family:'Heldane' ;}
#primary {margin-top: 20px;}
.entry-content p {
	color:#303938
}
/*Optimisations Site identity to fit half circle logo*/
.ast-logo-title-inline .ast-site-identity{
	padding:0px;
}
.ast-above-header-bar {
	border-bottom: none ;
}
.ast-above-header.ast-above-header-bar {
	background-color: white;
}
.blog-layout-1:hover{
transition: all .2s ease-out;
transform: scale(1.02);
box-shadow: 0 3px 6px 0 rgba(0,0,0,.36);
opacity: 0.8;
border-radius: 10px;
overflow: hidden;}

.ast-grid-common-col .entry-title, .ast-grid-common-col .entry-meta, .ast-grid-common-col .entry-content {
	padding-left: 15px;
	padding-right: 15px;

}
.ast-grid-common-col .entry-content {
	font-size: 16px;
}

/* CSS for the new desktop menu and top-bar*/

.menu-burger {
	display: flex;
	cursor: pointer;
	flex-direction: row;
	align-items: center;
  }
  
  .bar1, .bar2, .bar3 {
	width: 35px;
	height: 3px;
	background-color: #333;
	margin: 9px 0;
	transition: 0.4s;
  }
  
  .burger-actif .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
  }
  
  .burger-actif  .bar2 {opacity: 0;}
  
  .burger-actif .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-10px, -8px);}

.cst-menu-wrapper {
	max-width: 1320px;
	display: flex;
	margin: auto;
	justify-content: end;
	padding-left: 20px;
	padding-right: 20px;
}
#cst-hamburger-menu {display: flex;}
.menu-text {margin-left: 10px}
.main-navigation .menu-link .menu-text{color:black}
.main-navigation .menu-link .menu-text:hover {color:#04726B}

.cstm-top-bar {display: flex;width: 100%;justify-content: center;}
.cstm-top-bar-row {
	display: flex;width: 1320px;justify-content: space-between;align-items: center;padding-left: 20px;
	padding-right: 20px;
	flex-wrap: wrap;
}
.cstm-top-bar-col {display: flex;}
.cstm-top-bar-logo img {width: 200px;}
.cstm-top-bar-cta a {color: white; }
.cstm-top-bar-button {
	background-color:#008578 ;border-radius: 3px;padding:5px 20px 5px 20px;
font-size: 15px;}
.cstm-top-bar-button:hover {background-color: #04726B;

}
/* MEDIA QUERIES*/
/*1. menu and header */
@media screen and (min-width: 921px) {
	.cst-menu-wrapper {display: none;}
}

@media screen and (max-width: 921px) {
	.cst-primary {display: none;}
	.menu-actif {display: flex; position: absolute;width: 100%;}
	#ast-desktop-header {display: block;}
	.cst-menu-wrapper {position: absolute;
	top: 100px; left:10px}
	.ast-main-header-wrap {display: block;width: 100%;}
	.cstm-top-bar-middle {order:3}
	.cstm-top-bar-col {width: 48%;}
	.cstm-top-bar-middle {width: 100%;justify-content: center;position: absolute; top: 50px; left: 0;right: 0;}
	.cstm-top-bar-row {background-color: #f2f9f8;height: 50px;padding-left: 20px;
		padding-right: 20px;}
	.cstm-top-bar-col:first-child {justify-content: start;}
	.cstm-top-bar-col:last-child {justify-content: end;}
	.cstm-top-bar {height: 150px;}
	.custom-header-logo-sn li {margin-right: 10px;}
	.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {padding: 0px;}
	.ast-header-break-point .main-header-menu {background-color:white ;}
	.ast-builder-grid-row > .site-header-section {flex-wrap: wrap;}
	.site-header-section > * {padding:0px}
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-search {background-color: #f2f9f8;
		width: 100%;
		height: 50px;
		justify-content: center;}
}

@media screen and (max-width: 600px) { 
	.cstm-top-bar-logo img {width: 150px;}
}

/*2. Homepage*/

@media screen and (max-width: 1200px) {
.featured-posts .fp-rectangle h2 {
	font-size:20px;
}}

@media screen and (max-width: 900px) {
	.banner-promo-text p{margin-bottom: 10px; line-height: 20px;}

.home-categories .cat-item a {
	font-size: 15px;
	padding: 5px 10px 5px 10px;
}
}

@media screen and (max-width: 900px) and (min-width: 600px) {
	.featured-posts .fp-rectangle h2 {
		font-size:18px;
		line-height: 16px;
	}
.fp-col {
	padding-right: 10px; 
}
.fp-rectangle:last-child {
	margin-top: 10px;
  }
  .fp-category span {
	font-size: 14px;
  }
  .fp-col:first-child {width: 60%;}
  .fp-col:last-child {width: 40%;}
  .featured-posts {min-height: 450px;}
  .fp-rectangle .fp-image img {min-height: 220px;}
  .pst-card {max-width: 48%; margin-bottom: 20px;}
}
@media screen and (max-width: 600px) { 
	.featured-posts {flex-direction: column;height:max-content}
	.fp-col {width: 100%; padding-right : 0px;}
	.fp-col:first-child {margin-bottom:20px}
	.fp-square {height:300px}
	.pst-card {max-width: 100%; margin-bottom: 20px;}
	.home-categories .cat-item {margin-right: 10px; margin-bottom: 10px;}
}
/*3. Categories*/
@media screen and (max-width: 900px) {

.cat-categories .cat-item {
	
}
.cat-categories .cat-item a {
	font-size: 15px;
	padding: 5px 10px 5px 10px;
}
}

@media screen and (max-width: 600px) { 
.ast-archive-description p{
font-size: 16px;
} 
}

/*4. Articles*/
@media screen and (max-width: 1000px) {
	.cstm-related-articles h3 {font-size: 18px;}
	.cstm-category span {font-size: 15px;}
}
@media screen and (max-width: 900px) {
	.ast-advanced-headers-title{font-size: 35px;}
	.cstm-related-articles-col {width: 48%; margin-bottom: 20px;}
	
	}
@media screen and (max-width: 600px) { 
.ast-advanced-headers-title{font-size: 28px;}
.toc-bound {margin-right: 0px;
	padding: 10px 20px 10px 20px;
width: 100%;}
	.toc-bound ul {margin-left: 20px;}
	.cstm-related-articles-col {width: 100%; margin-bottom: 20px;}
	.cstm-related-articles-card, .cstm-related-image img {height: 150px;}
}
/*5. footer*/
@media screen and (max-width: 1200px) {
	.custom-footer-itf {width: 100%;}
	.custom-footer-logo-sn img {width: 100px;}
}
@media screen and (max-width: 1000px) {	
	.custom-footer-logo-sn .list-logo {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 15px;
	}
	.custom-footer-logo-sn ul {justify-content: center;}
}
@media screen and (max-width: 700px) {	
	.custom-footer-col {width: 100%;margin-right: 0px; align-items: center;margin-bottom: 15px;}
	.custom-footer-col:first-child {width: 100%;}
	.custom-footer-col ul {display: flex;}
	.custom-footer-itf li:last-child {margin-right: 0px;}
	.custom-footer-itf li.list-logo {margin-right: 0px;}
}