/* 
Theme Name:		 Direct Flowers Floret theme
Theme URI:		 http://childtheme-generator.com/
Description:	 Direct Flowers Floret theme is a child theme of Floret Pro, created by ChildTheme-Generator.com
Author:			 Xavier Cabrera
Author URI:		 http://childtheme-generator.com/
Template:		 floret-pro
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:	 direct-flowers-floret-theme
*/


/*
    Add your custom styles here
*/

body.home .slider-main #slider .nivo-caption{
	text-align: center;
	width: 90%;
	margin: auto;
}

body.home .slider-main #slider .nivo-caption span{
    margin: 0 auto 10px;
}

body.home .slider-main #slider .nivo-caption h2,
body.home .slider-main #slider .nivo-caption h2 span{
	line-height: 46px;
	font-size: 32px;
	color: white;
}

@media screen and (min-width: 768px){
	body.home .slider-main #slider .nivo-caption{
		width: 80%;
	}
	body.home .slider-main #slider .nivo-caption span{
		margin: 0 auto 15px;
	}	
}

@media screen and (max-width: 767px){
	body.home .slider-main #slider .nivo-caption h2{
    	font-size: 18px!important;
		line-height: 20px!important;
	}
}

.logo {
    padding: 16px 20px 10px 30px;
}

.sec_content_main_title .sub-title-head,
.site-navigation ul > li.current_page_item > a,
.site-navigation ul > li > a:hover,
.AboutInfo h3 span,
h3.section_title_subtitle{
    color: #04a852!important;
}

.section_title, 
.sec_content_main_title, 
.section_title_subtitle,
.AboutInfo h3{
	font-weight: 400!important;
}


#pagearea .Pagee3Column .pagecontent p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 110px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.topboxbg{
	padding: 14px;
}

.page-consumer-bunches .wp-block-column ul li,
.page-roses .wp-block-column ul li,
.page-bouquets .wp-block-column ul li,
.page-tropicals .wp-block-column ul li{
	list-style: none;
}

.page-consumer-bunches .wp-block-column ul li:before,
.page-roses .wp-block-column ul li:before,
.page-bouquets .wp-block-column ul li:before,
.page-tropicals .wp-block-column ul li:before{
	content: '';
    background: url(https://xaviercabrera.com/proyectos-clientes/directflowers/wp-content/uploads/2023/08/icon_flor.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    margin-right: 10px;
}

.site-navigation .menu a {
    padding: 14px 6px;
    font-weight: 500;
    font-size: .9rem;
}

@media screen and (min-width: 768px){
	.site-navigation .menu a {
		padding: 25px 6px;
	}
}

a.morebutton,
a.pagemore,
.wpcf7 form input[type="submit"]{
	background-color: transparent!important;
	padding: 12px 36px;
	border: 3px solid #462f89;
	font-weight: 600;
    font-size: 14px;
}

.pagemore{
	color: #462f89;
}

.pagemore:hover{
	color: #04a852;
}

.Pagee3Column .thumbbx img{
	height: 100%;
	object-fit: cover;
    object-position: center;
}

.mt-cuatro{
	margin-top: 4rem!important;
}

.box-grey{
	padding: 2rem;
    background: #e7e7e7;
}

.box-white{
	padding: 2rem;
    background: white;
}

.Pagee3Column h3{
	margin: 0 0 15px;
}

.Pagee3Column h3 a{
	font-size: 18px!important;
}

body.home .slider-main #slider .nivo-caption{
	    background: rgba(70,47,138,.7);
    padding: 2rem;
    border: 1px solid white;
    border-radius: 10px;
}

#slider{
	height: 100vh;
}

.welcome_contentcolumn p{
	margin-bottom: 1rem;
}

.footerlogo img{
	    max-height: 100px;
    mix-blend-mode: darken;
	margin-top: -36px;
}

.valuebx{
	padding: 0;
}

#pagearea .Pagee3Column{
	padding: 10px;
}

#pagearea .Pagee3Column h3{
	line-height: 1;
}

#pagearea .Pagee3Column .pagecontent p{
	-webkit-line-clamp: initial;
	font-size: .9rem;
	line-height: 1.6;
}

#pagearea .Pagee3Column .pagecontent{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#pagearea .Pagee3Column .pagecontent .pagemore{
	padding: 12px 20px;
    display: flex;
    justify-content: center;
}

#pagearea .Pagee3Column .pagecontent .pagemore svg{
	width: 20px;
    margin-left: 5px;
}

@media screen and (max-width: 768px){
	.infowrap{
		text-align: center;
	}
	
	.infowrap .infobox a span{
		display: none;
	}
	.infowrap .infobox {
		width: auto;
		display: inline-block;
		margin: 0 10px;
	}
	
	.infowrap .infobox i,
	.infowrap .infobox .fab{
		font-size: 26px;
	}
	.infowrap .infobox .fab{
		margin-top: -5px;
	}
	.HeadFix .pp_topstrip{
		padding: 14px 10px 10px;
	}
	
	.sec_content_main_title .sub-title-head, 
	.site-navigation ul > li.current_page_item > a, 
	.site-navigation ul > li > a:hover, 
	.AboutInfo h3 span, 
	h3.section_title_subtitle{
		color: white!important;
	}
	
	.nivoSlider img,
	.nivo-slice img{
		width: 100%!important;
		height: 100%!important;
		object-fit: cover!important;
		object-position: center!important;
	}
	
	body.home .slider-main #slider .nivo-caption h2, 
	body.home .slider-main #slider .nivo-caption h2 span {
		line-height: 1.2!important;
		font-size: 24px;
		color: white;
	}
	
	.page-specials .wp-block-uagb-container .wp-block-heading,
	.page-specials .wp-block-uagb-container p{
		text-align: center;
	}
	
	.page-specials .wp-block-uagb-container.uagb-is-root-container{
		padding-top: 50px!important;
		padding-bottom: 50px!important;
	}
	.page-specials h1.entry-title{
		text-align: center;
	}
	
	.toggled .menu li{
		margin-top: -2px;
	}
}