/*
Theme Name: Areli's 2025
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* MOBILE */

@media only screen and (max-width: 1024px) {
    .hidephone {
      display:none!important;} }

@media only screen and (min-width: 1025px) {
    .hidedesk {
      display:none!important;} }

/* Resolve Main Menu Display When Using Boostrap */
#site-navigation-wrap .dropdown-menu {
    display: block;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/* BACKGROUNDS */

.flowers {
	background-image: url("/wp-content/uploads/2025/09/background-home.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.graybg {
	background: #f9f9f9;
}

/* FONTS */

body {
    font-family: 'Montserrat', sans-serif!important;
	color: #666;
	font-size: 1.7rem;
}

p {
	color: #666;
	font-size: 1.7rem;
}

a {
	text-decoration: none!important;
}

@media only screen and (max-width: 767px) {
    .headingtxt {
	font-size: 2.3rem!important;
	text-transform: uppercase;
} }

@media only screen and (min-width: 768px) {
    .headingtxt {
	font-size: 2.5rem!important;
	text-transform: uppercase;
} }

ul {
	margin: 0;
}

li {
	color: #666;
	margin-bottom: 1em;
}

.brownfont {
	color: #9A7156;
}

.darkfont {
	color: #9AA355;
}

.lightfont {
	color: #CAB33B;
}

.iconfont {
	color: #CAB33B;
	font-size: 1rem;
	font-style: italic;
}

@media only screen and (max-width: 767px) {
    h1.hero {
	font-size: 2.5rem;
	text-transform: uppercase;
} }

@media only screen and (min-width: 768px) {
    h1.hero {
	font-size: 3.5rem;
	text-transform: uppercase;
} }

.herotext {
	color: #666;
	font-size: 1.7rem;
}

.heart {
        list-style: none;
        padding-left: 0; /* Adjust as needed */
    }

.heart li {
        position: relative;
        padding-left: 1.2em; /* Space for the icon */
	    font-size: 1.7rem;
    }

.heart li::before {
        content: "\f004"; /* Unicode for check-circle icon */
        font-family: "Font Awesome 5 Free"; /* Or "Font Awesome 6 Free" */
        font-weight: 900; /* Important for solid icons */
        position: absolute;
        left: 0;
        color: #CAB33B; /* Example color */
        font-size: 0.8em; /* Adjust icon size */
        top: 0.2em; /* Adjust vertical alignment */
    }

.marker {
        list-style: none;
        padding-left: 0; /* Adjust as needed */
    }

.marker li {
        position: relative;
        padding-left: 1.2em; /* Space for the icon */
	    font-size: 1.7rem;
    }

.marker li::before {
        content: "\f3c5"; /* Unicode for check-circle icon */
        font-family: "Font Awesome 5 Free"; /* Or "Font Awesome 6 Free" */
        font-weight: 900; /* Important for solid icons */
        position: absolute;
        left: 0;
        color: #CAB33B; /* Example color */
        font-size: 0.8em; /* Adjust icon size */
        top: 0.2em; /* Adjust vertical alignment */
    }

/* HERO ICONS */
 
@media only screen and (max-width: 450px) {
    img.attachment-full.size-full {
      max-width: 40%;} }

/* HERO PRODUCTS */

.greenbtn {
	background: #CAB33B;
	color: #FFF;
	font-size: 3rem;
	text-transform: uppercase;
}

.greenbtn:hover {
	background: #9AA355;
	color: #FFF;
	font-size: 3rem;
	text-transform: uppercase;
}

/* CAROUSEL */

#wonderplugincarousel-1 .amazingcarousel-nav {
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 2em;
}

.categoryimg-wrapper {
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;      /* hide the overflow */
}

.categoryimg {
	transition: 0.5s;
}

.categoryimg:hover {
	transform: scale(1.3);
	transition: 0.5s;
    vertical-align: middle;
}

#wonderplugincarousel-1 .amazingcarousel-item-container {
    padding: 2px!important;
}