.social-info a i { line-height: 38px !important; } /* html, body { height: 100%; margin: 0; } #page-container { display: table; width: 100%; height: 100%; } #content-wrap { display: table-row; height: 100%; background-color:white; } footer { display: block; padding: 1.5rem 0; } */ .g-recaptcha { /*transform: scale(0.85); */ transform-origin: 0 0; max-width: 100%; /*overflow-x: auto;*/ } @media (max-width: 450px) { .g-recaptcha { transform:scale(0.85); -webkit-transform:scale(0.85); transform-origin:0 0; -webkit-transform-origin:0 0; } } .captcha-wrapper { width: 100%; overflow-x: auto; } @media screen and (max-width: 480px) { .TextBlockContainer { width:100%;} } @media (max-width: 991.98px) { .container { max-width: 100%; } } .ttIntroNote { text-align: left; font-size: 1em; margin-bottom: 1em; color: black; } .ttIntroLinkList { display: flex; flex-direction: column; gap: 1em; } .ttIntroLinkBox { padding: 1em; border-radius: 8px; color: white; } .ttIntroLinkBox1 { border: 2px solid #f4a300;margin-top:5px;margin-bottom:5px; } /* yellow-orange */ .ttIntroLinkBox2 { border: 2px solid #faaa00;margin-top:5px;margin-bottom:5px; } /* mango-gold */ .ttIntroLinkBox3 { border: 2px solid #ff2d55;margin-top:5px;margin-bottom:5px; } /* red-pink */ .ttIntroLinkBox4 { border: 2px solid #32a852;margin-top:5px;margin-bottom:5px; } /* green */ .ttIntroLinkTitle { font-weight: bold; font-size: 1.1em; margin-bottom: 0.2em; } .ttIntroVideoLabel { font-size: 0.9em; color: black; } .ttIntroSubLinks { margin-top: 0.5em; } .ttIntroSubLinks22 a { display: inline-block; background: white; color: black; padding: 0.4em 0.8em; margin-right: 0.4em; margin-top: 0.4em; border-radius: 4px; text-decoration: none; font-size: 0.85em; font-weight: bold; } .ttIntroNoteSubLinks22 a:hover { background: #f0f0f0; } .ttReviewSection { padding-top:30px; } .ttReviewAuthorIcon { display:inline-block; max-width:35px; width:35px;height:auto;} .ttReviewPublisherIcon { display:inline-block; max-width:35px; width:35px;height:auto;} .ttReviewDate { 10px; display:inline-block; } .ttReviewAuthor { display:inline-block; } .ttReviewFooter { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 0.95rem; margin-top: 0.5rem; font-weight: bold; margin-bottom: 0.25rem; } .ttReviewDate { color: #666; font-size: 0.9rem; } .ttReviewSection h2 {text-align:center; } .ttReviewsInline { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 1rem; } .ttReviewCard { flex: 1 1 300px; max-width: 400px; background-color: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 1rem; box-shadow: 0 2px 6px rgba(0,0,0,0.05); } .ttReviewText { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 7.5em; /* ~5 lines */ font-size: 1rem; line-height: 1.5; margin-bottom: 0.75rem; transition: max-height 0.3s ease; } .ttReviewText.expanded { -webkit-line-clamp: unset; max-height: none; } .ttReviewReadMoreBtn { background: none; border: none; color: #0073aa; cursor: pointer; font-weight: bold; padding: 0.5rem 0 0 0; } @media screen and (max-width: 1000px) { .ttLeftImage { border:0px; display: block; margin: 0 auto; max-width:100% } .ttLeftImageSmall { border:0px; display: block; margin: 0 auto; max-width:100% ; width: 450px; } } @media screen and (min-width: 1001px) { .ttLeftImage { border:0px;float:left; margin-right:10px; } .ttLeftImageSmall { border:0px;float:left; margin-right:10px; width:120px} } .ttPasswordContainer { position: relative; display: inline-block; } .ttPasswordInput { padding-right: 2em; } .ttEyeIcon { cursor: pointer; display: inline-block; padding: 0.2em 0.5em; border: 1px solid #aaa; border-radius: 0.4em; background: #f5f5f5; font-size: 1.2em; transition: background 0.2s, border 0.2s; user-select: none; } .ttEyeIcon.hover,.ttEyeIcon.active { background: #e0e0e0; border-color: #888; } @media (min-width: 992px) { .ttStoreSearchForm { margin-left:10px; } } @media (min-width: 768px) { .storeFAQheader { scroll-margin-top: 100px; } } .storeFAQanswer { line-height:1.3!important;} .storeFAQlink { color:#56b0cc!important;} .ttFooterContainerClass { background-color:#55b4cc; padding:1rem; font-size:0.9rem; color:white;} .ttFooterDivClass a:hover { text-decoration: underline!important; } .ttSearchIcon { margin-left: 10px!important; font-size:16px!important;} @media screen and (min-width: 992px) { .ttNavUL { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 3px; padding: 0; margin: 0 auto; max-width: 1200px; } .ttDropDownItem a { padding: 6px 10px!important; font-size: 15px!important; } .ttDropDownUL { min-width: 240px; white-space: nowrap; } } .ttDropDownUL { max-height: 75vh; overflow-y: auto; } @media screen and (min-width: 992px) { .ttDropDownUL li { height: 30px!important; } } .ttDropDownUL::-webkit-scrollbar { width: 6px; } .ttDropDownUL::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; } .ttDropDownSubHeader { font-weight: normal; padding-top: 22px!important; padding-bottom:5px!important; padding-left:5px!important; color: #56b0cc; pointer-events: none; text-transform: uppercase; } .ttDropDownItem { position: relative; } .ttDropDownItem .dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; } .ttShopCartPriceClassSale1 { text-decoration: line-through; color: #707070; text-decoration-color:red;} .ttShopCartPriceClassSale2 { color: blue; } .ttShopCartPriceClassSale {} .ttShopCartOrderComments > div { flex-basis: auto; flex: 0 0 30%; text-align:left;} .ttShopCartDiscountHeader { align:left; } .ttShopCartSuccess { color: blue; } .ttShopCartInputTitle { white-space:nowrap; padding-right:5px;} .ttShopCartBottomBtns { margin-top: 10px;} .ttShopCartThankYou { color: blue; text-align:center; margin: auto; } .ttShopCartError { text-align:center; margin: auto; margin-bottom: 10px; color:red; } .ttShopCartEmpty { color: red;text-align:center; margin: auto; margin-bottom: 10px; } .ttShopCartDiscountRow { margin-bottom: 8px; display:flex;flex-flow: row wrap;justify-content: flex-end; align-items:center;} .ttShopCartDiscountRow > div { flex-basis: auto; flex: 2 1 50%;align-self: flex-end;} .ttShopCartGroundTiTContainer { } .ttShopCartCityZip {margin-top:8px; margin-left: 8px;} .ttShopCartGroundTiT { margin-bottom:8px; margin-left: 8px; } .tt_CartBillingHeader, .tt_CartShippingHeader { margin-bottom: 10px; } .tt_CartCaptchaContainer { margin-top: 25px; margin-bottom: 20px; } .tt_CartCaptchaDiv {} .ShopCartItemCommentContainer { margin-left: 5px; margin-top: 5px;} .ShopCartItemCommentHeader { display: inline-block; margin-right: 7px; } .ShopCartItemComment { display: inline-block; } .GiftAmountHeader ,.GiftAmountName,.GiftAmountEmail ,.GiftAmountMessage {display: flex; flex-direction: column; align-items: flex-start; } .GiftAmountHeader label,.GiftAmountName label,.GiftAmountEmail label ,.GiftAmountMessage label { margin-bottom: 5px; margin-top: 15px; } .GiftAmountHeader input,.GiftAmountName input,.GiftAmountEmail input ,.GiftAmountMessage input { height: 25px; padding: 5px 5px; font-size: 16px; } .ttCartContainer { padding-left:0px!important; padding-right:0px!important;} .ttCartItemGrid { margin-left:0px!important; margin-right:0px!important;padding-left:0px!important; padding-right:0px!important;} .ttCartItemRow { margin-left:0px!important; margin-right:0px!important; align-items: center;} .ttCartExtraInfo { margin-right:0px!important; padding-right:0px!important;} .ttBlogFlag { height: 0.75em; vertical-align: 0em;} .ttBlogVideoClass, .ttBlogImageClass { display: block; padding: 5px;} .ttBlogEntry0,.ttBlogEntry1 { border-top: 1px black solid ; margin-top:15px; margin-bottom: 25px;} .ttBlogTitleClass { text-align:center; color:green;} .ttBlogImageContainer { /*max-height:500px;*/ overflow:auto; } .ttBlogTextContainer { display: block; max-width: 800px; margin-left:10px;} .TT_BlogEntryDate { display: block; margin-top: 8px; } .ttBlogContentContainer {display: flex; flex-direction: row ; flex-wrap: wrap;justify-content: flex-start ; align-items: stretch; row-gap: 10px; } .ttBlogShare { margin-top: 5px; padding-right:10px;text-align: right} .tt_BlogPinBtn { display: inline-block; padding-right:10px;text-align: right} .ttBlogFrame { width: 560px; height: 315px; max-width: 100%; border: 0; display: block; } @media screen and (max-width: 600px) { .ttBlogFrame { width: 100%; height: auto; aspect-ratio: 16 / 9; } } .tt_EntryList_ul,.tt_EntryList_li,.tt_EntryList_ul li { list-style-type:none!important;list-style:none!important; padding-left: 0!important;} .tt_EntryList_ul { padding-top: 12px!important;} .TextBlockContainer .tt_EntryList_ul, .TextBlockContainer .tt_EntryList_li, .TextBlockContainer .tt_EntryList_ul li { list-style-type: none !important; list-style: none !important; padding-left: 0 !important; } .main-section { padding-top: 150px; padding-bottom: 50px; } .TextBlockContainer, .MainBodyText { border-left: 0px solid #000000; border-right: 0px solid #000000; height:auto; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; overflow-x:hidden; overflow-y:hidden; position:relative; text-align:left; } .TextBlockContainer{ display:inline-block; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-size:12pt; line-height: 130%; } h2, .TextBlockContainer h2 {font-size: 16pt!important; } h3, .TextBlockContainer h3 {font-size: 14pt!important; } .TextBlockContainer ol {list-style-type: decimal; } .TextBlockContainer ol li {list-style: decimal; } .tt_breadcrumbs {list-style-type: none!important; align-self: baseline!important;} div.tt_breadcrumbs { min-height: 22pt!important; } @media (max-width: 600px) { div.tt_breadcrumbs { min-height: 44pt!important; } } .tt_WholesaleHeader { text-transform: none; } .tt_WholesaleListBtn { text-transform: uppercase; text-decoration: none!important; color: white!important; margin-top: 10px; margin-bottom:20px; } .tt_breadcrumbs nav ol li {list-style: none!important;} .tt_breadcrumbs nav ol {align-items: baseline!important;} .TextBlockContainer ul {list-style-type: disc!important; line-height:130%!important; } .TextBlockContainer ul li {list-style: disc!important; line-height:130%!important; } .TextBlockContainer ul li ul {list-style-type: circle!important;} .TextBlockContainer ul li ul li {list-style:circle!important; } .TextBlockContainer ul li:not(:last-child) { margin-bottom: 5px; } .TextBlockContainer ol li:not(:last-child) { margin-bottom: 5px; } .TextBlockContainer p:not(.IgnoreLink), .TextBlockContainer a:not(.IgnoreLink), .TextBlockContainer a:not(.IgnoreLink):link, .TextBlockContainer a:not(.IgnoreLink):visited, .TextBlockContainer a:not(.IgnoreLink):hover, .TextBlockContainer a:not(.IgnoreLink):active, .TextBlockContainer a:not(.IgnoreLink):focus {font-weight:normal; transition-duration:0ms;} h1, .TextBlockHeader, .GC_SearchResultsH1Class{ padding-left: 6px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; text-transform:uppercase; border: 0px; letter-spacing: 0.3em; } h1, .TextBlockHeader { font-weight: 500!important; font-size: 15pt!important ; } .GC_SearchResultsH1Class{ font-weight: bold; font-size: 12pt ; } :root { --tt-blue-color:#56b0cc; } .TTblue { background-color:var( --tt-blue-color); } h1, .TextBlockHeader ,.GC_SearchResultsH1Class{ white-space:normal; } .TextBlockHeader a:not(.IgnoreLink):link { font-size: 12pt!important ;font-weight: normal;color: white;text-decoration: none;} .TextBlockHeader a:not(.IgnoreLink):visited {font-size: 12pt!important ;font-weight: normal; color: white;text-decoration: none;} .TextBlockHeader a:not(.IgnoreLink):hover { font-size: 12pt!important ;font-weight: normal;color: blue; text-decoration: underline;} .TextBlockHeader a:not(.IgnoreLink):active {font-size: 12pt!important ;font-weight: normal; color: blue;text-decoration: none;} .TextBlockContainer a:not(.IgnoreLink):link { color: #56b0cc; text-decoration: none;} .TextBlockContainer a:not(.IgnoreLink):visited { color: #56b0cc;text-decoration: none;} .TextBlockContainer a:not(.IgnoreLink):hover { color: blue; text-decoration: underline;} .TextBlockContainer a:not(.IgnoreLink):active { color: blue;text-decoration: none;} h1, .TextBlockHeader ,.GC_SearchResultsH1Class{ letter-spacing: 0.1em; } .TextBlockHeader ,.GC_SearchResultsH1Class {text-align:left;} .TextBlock { padding: 6px; text-align:left;} @media screen and (min-width: 499px) { .MainBodyDiv { margin-left:auto; margin-right:auto; width :86%; padding-top: 12px; padding-bottom: 0px; text-align:center; } } @media screen and (max-width: 480px) { .MainBodyDiv { margin-left:0px; margin-right:0px; width :100%; padding-top: 12px; padding-bottom: 0px; } } .MainBodyText { padding-left: 8px; padding-right: 8px; padding-top: 12px; padding-bottom: 12px; } .NewFonts { font-family:apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; } .ttStoreAccordionContainer {} .ttStoreAccordionItem { border-top: 2px solid #007bff; border-bottom: 2px solid #007bff; } .ttStoreAccordionItem:last-child { border-bottom: none; } .ttStoreAccordionHeader { letter-spacing: 0.075em;} .ttStoreAccordionButton {letter-spacing: 0.075em; align-items: center!important; flex-wrap:wrap;} .ttStoreAccordionButton.collapsed { background-color: #a5e0f9; color: black; } .ttStoreRatingStarsContainer { margin-top: 0.4em; } .ttStoreAddReview { text-align:center; margin-top:11px; margin-bottom:11px;} .ttStoreAccordionButton:not(.collapsed) { background-color: #219017 ; color: white; } .ttStoreAccordionBody {padding: 0px;} .ttStoreAccordionBodyText { padding: 10px; } .ttStoreAccordionButton.collapsed::after { font-size: 0.75rem; color: black!important; content: "▼"; background-image: none !important; margin-left: auto; transform: rotate(0deg); } .ttStoreAccordionButton:not(.collapsed)::after { content: "▲"; font-size: 0.75rem; color: white!important; background-image: none !important; margin-left: auto; transform: rotate(0deg); } .ShowPlantCareText { } .ShowPlantCareText p { text-indent: 25px;} .ShowPlantCareBodyText { border: 1px solid gray; padding:10px; margin-top: 10px; margin-left:0px!important; margin-right:0px!important; } .ShowPlantCarePrintButton { } .PlantWinterProtection, .PlantCareCharacteristics,.PlantCareOutdoor, .PlantCareIndoor { font-weight: 500!important; text-align:center!important; } .PlantCareMedicalDisclaimer { font-style:italic; } .TabContainer { width:100%; background:#FFFFBF; border: 1px solid black; padding:0px; margin-top:14px;} .TabContent { width:100%; overflow-y:visible; margin: 0px; } .TabMenu1 { background: #a5e0f9; border-bottom: 1px solid black; min-height: 26px; width: 100%; white-space:nowrap; margin: 0px; } .TabMenu2 { margin: 0; padding-left: 10px; padding-right: 10px; letter-spacing: 0.075em; letter-spacing: 0.075em; text-align: center; } .TabMenu2Inactive{} .TabMenu2 a:not(.IgnoreLink):link, a:not(.IgnoreLink):hover, a:not(.IgnoreLink):visited, a:not(.IgnoreLink):focus { color: #000000; text-decoration: none; } .TabMenu2Active { background: #219017; } .TabMenu2Active a:not(.IgnoreLink):link, a:not(.IgnoreLink):hover, a:not(.IgnoreLink):visited, a:not(.IgnoreLink):focus { color: #ffffff; } .TabMenu2_HeaderButton { font-weight:bold; } a.growLink:link { color: #219017;} a.growLink:visited { color: #219017;} a.growLink:hover { color: #219017; text-decoration: underline;} a.growLink:active { color: #219017;} .TTLastItem { font-weight: normal; text-transform: uppercase; } .ShowCertifiedCA { font-weight: normal; text-transform: uppercase; } .ShowNotCertifiedCA { font-weight: normal; color: red; text-transform: uppercase; } .ShowCertifiedCA a { font-weight: bold; text-transform: uppercase; } .StoreExtraDescription { border:1px solid black; position: fixed; background:#fefede; padding:2px; color:#000055; display:none; z-index: 99999; top: 0px; left: 0px; text-transform:none; } .PDBImageNext, .PDBImagePrev, .PDBImageFirst { border:0px; vertical-align: middle; margin-left: 5px; margin-right: 5px; } .tt_new_ItemPriceInfo { width:202px; flex: 0 0 202px; background-color: #F5ECCE; border:0px; padding-left:20px; padding-right:20px; padding-top:19px; padding-bottom:22px; margin-left: 5px; } .tt_new_SizeClass,.tt_new_PriceClass { color: #29616d; } .tt_new_PriceClass { font-size: 12pt; white-space: nowrap; font-weight:bold;} .tt_new_PriceClassSale1 {text-decoration: line-through;font-weight:normal;font-size: 12pt; } .tt_new_PriceClassSale2 {; font-weight:normal; color: #ff0000; } .tt_new_AddOnPriceClassSale1 {display:inline;text-decoration: line-through;font-weight:bold;font-size: 10pt; } .tt_new_AddOnPriceClassSale2 {display:inline; font-weight:bold; white-space: nowrap;color: #ff0000; font-size: 10pt; } hr.tt_new_store_hr { border: 0; height: 1px; background: #030303; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); } .tt_new_NoBorder { border: 0px; } .tt_new_SizeClass,.tt_new_SizeClassInfo {display:inline;font-size: 12pt; font-weight:normal;} .tt_new_SizeClassContainer,.tt_new_AvailabilityClass { margin-bottom:10px;} .tt_new_AddOnSizeClass {display:inline;font-size: 10pt; margin-right: 10px; margin-left: 10px;} .tt_new_AvailabilityClass, .tt_new_AvailabilityClass a {font-size: 12pt; font-weight:normal;} .tt_new_NameClass, .tt_new_NameClass a, .tt_new_NameClass span { text-align:left; color:#56b0cc; font-size: 12pt!important; font-weight:bold!important;margin-top:0px; line-height: 1.5; margin-bottom:0px;} .tt_new_NameClass h2,.tt_new_NameClass h3 {margin-bottom: 0px!important; } .tt_new_CatalogLinkClass { text-align:left; /* background-color:#56b0cc;*/ color: #CC2201!important; font-size: 12pt!important; font-weight:bold!important; margin-top:5px; line-height: 1; margin-bottom:5px; display: inline-block; padding: 0px; border: 0px solid #CC2201; } .tt_new_CatalogLinkClass a { color:#CC2201!important; font-weight:normal!important;} .tt_new_ItemPhoto { font-weight:bold;font-size: 9pt;} @media (max-width: 992px) { .tt_new_StoreImage { width:223px;}; } @media (min-width: 992px) { .tt_new_StoreImage { float: left; width:223px; }; } .tt_FreeShippingClass{width: 100%;margin-bottom: 5px; margin-top: 5px;} .tt_FreeShippingClass, .tt_FreeShippingClass a, .tt_FreeShippingClass a:link,.tt_FreeShippingClass a:visited,.tt_FreeShippingClass a:active,.tt_FreeShippingClass a:hover { color: red!important; font-weight: bold!important; } .tt_new_RateDivClass { color: #CC2201; margin-top: 5px; text-align:left; white-space:nowrap;} .tt_new_RateDivClass {font-size: 12pt; font-weight:normal!important;} .tt_new_RateDivClass_Bold {font-size: 12pt; font-weight:bold;} .tt_new_RateDivClass a, .tt_new_RateDivClass a:link,.tt_new_RateDivClass a:visited,.tt_new_RateDivClass a:active,.tt_new_RateDivClass a:hover { font-weight:bold;font-size: 12pt;text-decoration: none; color: #CC2201!important;} .ttAccountError { text-align:center;align:center;padding:12px; font-weight:500; color:red;} .ttAccountGoBack { text-align:center;align:center;padding:12px;} .StarRatingDiv { display: inline-block; margin-right:5px; font-size: 170%; color: #aaaaaa;} p.USPS_Service { margin-top: 10px; margin-bottom:0px; font-weight:bold;} p.USPS_TimeTransit { margin-top: 0px; margin-bottom:0px; } p.USPS_Postage { margin-top: 0px; margin-bottom:0px;} .StarRatingStatic { width: 60px; height: 16px; display: block; background: url('/pics/toptropicals/misc_pics/star_rating.png') 0 0 no-repeat;} .StarRating-50 { background-position: 0 0; } .StarRating-40 { background-position: -12px 0; } .StarRating-30 { background-position: -24px 0; } .StarRating-20 { background-position: -36px 0; } .StarRating-10 { background-position: -48px 0; } .StarRating-0 { background-position: -60px 0; } .StarRating-5 { background-position: -48px -16px; } .StarRating-15 { background-position: -36px -16px; } .StarRating-25 { background-position: -24px -16px; } .StarRating-35 { background-position: -12px -16px; } .StarRating-45 { background-position: 0 -16px; } .GC_ImageClass1, .PR_ImgClass1 { border: 4px double #61a2b2; margin: 5px; padding: 0px;} .GC_ImageClass, .PR_ImgClass { margin: 5px; padding: 0px;} .GC_USDAmapHeader { font-weight: bold; font-size: 130%; text-transform: uppercase;} .GC_SimpleImage { text-align:center;} .GC_LinkToParentPlant { font-size:16pt!important; } .PR_LargeImgClass, .tt_newPR_LargeImgClass { margin: 5px; } .GC_ImageNameClass,.tt_newCatalogVideoTitle { color: #006666; font-style: italic ; padding-left: 5px; padding-right: 5px; } .tt_newCatalogVideoTitle { display:inline-block; } .GC_ImageDescription { color: #006666; font-style: italic } .GC_LatinClass { margin-bottom:0px;padding-left:0px!important;color: #0A530A; letter-spacing:0em; /*font-style: italic;*/ font-size: 14pt!important;text-transform:none!important;} .GC_LatinLabel { font-style: normal; font-size: 14pt!important;font-weight:normal;} .GC_LatinText { /*font-style: italic;*/ font-size: 14pt!important;} .GC_LatinClass1 { color: #0A530A; font-size: 140%; } .GC_LinkToPlantPageTop {text-align:left!important; padding-top:10px; padding-bottom:10px;} .GC_LinkToPlantPageBottom {text-align:left!important; padding-left:5px;padding-top:10px; padding-bottom:10px;} .GC_FamilyClass, .GC_FamilyClass a { margin-bottom:0px;color: #7F0000; font-size: 14pt!important;} .GC_FamilyLabel { font-style: normal; font-size: 14pt!important;font-weight:normal!important;} .GC_FamilyText { font-size: 14pt!important;font-weight:normal!important} .GC_HardinessClass,.GC_USDAClass { margin-bottom:0px;color: #04770a;display:inline;font-size: 14pt!important;} .GC_HardinessLabel,.GC_USDALabel { font-style: normal; font-size: 14pt!important;font-weight:normal!important;} .GC_HardinessText,.GC_USDAText { font-size: 14pt!important;} .GC_USDAContainter { display: inline; margin-bottom:0px; margin-right:10px;} .GC_USDAQ { display: inline-block; font-weight:bold; border: 1px solid black; margin-left: 5px; margin-bottom: 12px; font-size:85%; padding-right: 0.5em; padding-left: 0.5em;} .GC_SubfamilyClass { color: #7F0000;margin-bottom:0px;font-weight: normal ;font-style: normal} .GC_SubfamilyLabel { font-style: normal; font-size: 14pt!important;font-weight:normal;} .GC_SubfamilyText { font-size: 14pt!important;} .GC_CommonClass { margin-bottom:0px;font-weight: normal ; color: #04AAD3; font-style: normal } .GC_CommonLabel { font-style: normal; font-size: 14pt!important;font-weight:normal;} .GC_CommonText { font-size: 14pt!important;} .GC_VarietyClass { margin-bottom:0px;font-size: 14pt!important;font-weight: normal ; color: #04AAD3; font-style: normal } .GC_VarietyLabel { font-style: normal; font-size: 14pt!important;font-weight:normal;} .GC_VarietyText { font-size: 14pt!important;} .GC_OriginClass { margin-bottom:0px;color: #333333;font-size: 14pt!important; } .GC_OriginLabel { font-style: normal; font-size: 14pt!important;font-weight:normal;} .GC_OriginText { font-size: 14pt!important;} .GC_CarouselItem img { width:auto!important; max-height: 400px!important} .GC_CarouselItem { height: 590px!important} .GC_CommentsClass,.GC_VarietyCommentsClass { color: #006666; font-style: normal; text-indent: 2.2em; margin-bottom: 0 ; margin-top: 0 } .GC_VarietyCommentsClass {margin-top: 10px!important;} .GC_SimilarPlantsHeader {font-size: 12pt!important;font-weight: normal!important;} .GC_SimilarPlantsName {font-weight: normal!important;} .GC_SimilarPlants {} .GC_SimilarPlantsUl{ } .GC_SimilarPlantsLi::marker {content: none !important;} .GC_NextPageClass { color: #009933; font-style: normal } .GC_ListClass {font-style: normal } .GC_SwitchLangClass {font-style: italic } .GC_LinkClass {font-style: italic; text-align:center; } .GC_SaleClass {font-weight: bold } .GC_DelimiterClass { border: 1px outset #61a2b2; background-color: #eeeeee;} .GC_PictogramClass { padding: 1px} .GC_FoundWordClass1 { font-weight: bold ; text-decoration: underline; } .GC_FoundWordClass {background-color: yellow; } .PR_EditItemButtonClass { padding:5px;background-color:#ccddcc; font-size: 12pt; font-weight: bold ; color: #000000; } .PR_EditCatalogButtonClass { padding:5px; background-color:#f6cccc; font-size: 12pt; ; color: #000000;} .PR_EditEbayButtonClass { padding:5px;background-color:#cccccc; font-size: 12pt;; color: #000000; } .PR_EditQtyButtonClass { padding:5px;background-color:#cccccc; font-size: 12pt; color: #000000; } .PR_EditShowOrdersButtonClass { padding:5px; background-color:#cccccc; font-size: 12pt; color: #000000; } .PR_EditViewLogButtonClass { padding:5px;background-color:#ffccdd; font-size: 12pt; color: #000000; } .PR_EditLocationButtonClass { padding:5px;background-color:#cccccc; font-size: 12pt; color: #000000;} .PR_EditLabelButtonClass { padding:5px; background-color:#cccccc; font-size: 12pt; color: #000000; } .PR_NameClass {font-weight: bold ; } .PR_EditShowNotes {font-weight: bold ; border: 1px #000 solid; background-color:#ccff99; color: #ff0000; padding-left: 9px; padding-right:9px;} p.GC_PictogramClass20 img { width: 20px; height: 20px; margin-right:4px; } .PR_TextClass {} .PR_RelatedItemInfo { } .PR_RelatedItemInfoLeft { } .Buy1Get2Class { width: 100%; font-size: 150%; font-weight: bold ; color: green!important; margin-bottom: 12px;} .Buy1Get2Class a { color: green!important;} .PR_ItemDescrClass { border-right: 1px #000 solid; } .PR_SizeClass {border-right: 1px #000 solid; } .PR_PriceClass {font-weight: bold; } .PR_PriceTotalClass {font-weight: bold } .PR_SaleClass1 {text-decoration: line-through; } .PR_SaleClass2 {font-weight: bold } .PR_AvailabilityClass {border-right: 1px #000 solid; } .PR_ItemNotShownClass {font-weight: bold; color:#ff0000 ; padding:5px;} .PR_ButtonNotShownClass {font-weight: bold; color:#003300 } .PR_NumberOfItemsClass {font-weight: normal ;font-size: 12pt; } .PR_GotoPageClass, a.PR_GotoPageClass, a.PR_GotoPageClass:link, a.PR_GotoPageClass:visited , a.PR_GotoPageClass:hover, a.PR_GotoPageClass:active, a.PR_GotoPageClass:focus{font-weight: normal;font-size: 12pt; } .PR_PageNumberClass,a.PR_PageNumberClass {font-weight: bold; font-size: 12pt;} .PR_RelatedItemInfo { } .PR_RelatedItemInfoLeft { } a.DummyLink:link {cursor:help; text-decoration: none!important; border-bottom: 1px dashed #000;} a.DummyLink:visited {cursor:help; text-decoration: none!important; border-bottom: 1px dashed #000;} a.DummyLink:hover {cursor:help; text-decoration: none!important; border-bottom: 1px dashed #000;} a.DummyLink:active {cursor:help; text-decoration: none!important; border-bottom: 1px dashed #000;} a.ImgLink:link { text-decoration: none; border: 0px;} a.ImgLink:visited { text-decoration: none; border: 0px;} a.ImgLink:hover { text-decoration: none; border: 0px;} a.ImgLink:active {text-decoration: none; border: 0px;} .StoreSaleConfirm { font-weight:bold; } .FormClass { margin-bottom:0; } .GreenHeader { font-size:120%; color:#009933; font-style: normal; font-weight: bold } a i { display:inline!important; } .BlueBtn,.BlueBtnNoMargin { background: url(/style/images/blue_btn.gif) repeat-x; font-size: 8pt ; font-family: Verdana,Arial,Helvetica,"MS Sans Serif", sans-serif; font-weight: bold; } .clear { clear:both;} .BtnOld,.BlueBtn,.LoginBtn, .ttBtn { margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 0px; } .BlueBtnNoMargin { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } .BtnOld,.BlueBtn,.LoginBtn,.BlueBtnNoMargin,.ttBtn { border: 1px solid #999999; padding-left: 10px; padding-right: 10px; position:relative; width: auto; text-align: center; background-position: top left; letter-spacing: 0.0em; vertical-align: middle; line-height: 0; } .BtnOld,.BlueBtn,.BlueBtnNoMargin,.ttBtn { height: 20px; padding-bottom: 3px; white-space:nowrap; } a.ttBtn:link,a.BtnOld:link,a.ShoppingCartBtn:link,a.BlueBtn:link, a.BlueBtnNoMargin:link,a.LoginBtn:link { color: black; text-decoration: none; } a.ttBtn:visited,a.BtnOld:visited,a.ShoppingCartBtn:visited,a.BlueBtn:visited, a.BlueBtnNoMargin:visited, a.LoginBtn:visited {color: black;text-decoration: none;} button.BlueBtn:hover,button.BlueBtnNoMargin:hover,a.BlueBtn:hover, a.BlueBtnNoMargin:hover {color: white; background: url(/style/images/blue_btn_hover.gif) repeat-x ; text-decoration: none; } a.ShoppingCartBtn:hover, a.LoginBtn:hover {color: white; background: url(/style/images/shopping_cart_btn_hover.gif) repeat-x ; text-decoration: none; border: 1px solid #cccccc;} button.BlueBtn:active,button.BlueBtnNoMargin:active,a.BtnOld:active,a.ttBtn:active,a.ShoppingCartBtn:active,a.BlueBtn:active, a.BlueBtnNoMargin:active, a.LoginBtn:active {color: black;text-decoration: none; } .store_menu a:link ,.store_menu_left a:link { color: black; text-decoration: none;font-size: 10pt; } .store_menu a:visited , .store_menu_left a:visited{ color: black;text-decoration: none;font-size: 10pt;} .store_menu a:hover, .store_menu_left a:hover {color: red;text-decoration: underline; font-size: 10pt; } .store_menu a:active , .store_menu_left a:active{color: black;text-decoration: none;font-size: 10pt; } .store_menu td,.store_menu_left td {font-size: 10pt; font-weight: normal ; color: black; } .store_menu td {padding-right: 25px; padding-left: 25px; } .store_menu_left td {padding-right: 0px; padding-left: 25px; } .RatingDivTitle {} .GCUser_Link { color: #006666; font-style: italic } .GCUser_HeaderClass { font-family: Verdana,Arial, Helvetica, "MS Sans Serif", sans-serif; font-weight: bold; color: #009933} .GCUser_NameClass {font-weight: bold; margin-right: 1.5em; } .GCUser_EmailClass {font-style: italic } .GCUser_LocationClass {font-style: italic; margin-right: 1.5em; } .GCUser_UrlClass {font-style: italic } .GCUser_ZoneClass {font-style: italic; margin-right: 1.5em; } .GCUser_Time { } .GCUser_Commentsa { background-color: #ffe799;} .GCUser_Commentsb { background-color:#cce6ff;} .GCUser_Commentsa,.GCUser_Commentsb {border: 0px; margin-bottom:10px; padding-left: 18px!;important; padding-top:5px!important;padding-right:5px!important;padding-bottom:5px!important;} .GCUsera ,.GCUserb { border: 0px; padding:5px!important} .GCUsera { background-color: #fff9e6;} .GCUserb { background-color:#e6f2ff;} .GCUser_CommentsLink { display: block; margin-bottom: 5px; font-style:italic;} .GCUser_AddComments {font-style: normal; margin:5px; font-weight:bold; } .GCUser_Verified { color: green; margin-top:5px; margin-left: 12px; } .GC_UserAddCmt_LeftCell { vertical-align:top; display:block; width:20%; float:left; } .GC_UserAddCmt_RightCell { vertical-align: top; display:block; float:left; border: } .GC_UserAddCmt_ClearCell { clear:both; margin-bottom: 10px; } .ShowExtraInfoText , .ShowExtraShippingText { padding: 5px; } .RedBorder { border: 1px solid red; } .GreenBorder { border: 1px solid green; } .BlueBorder { border: 1px solid blue; } .OrangeBorder { border: 1px solid #fd7e14; } .BuzzBtn { padding: 0px; border: 0px;} .BuzzBody { color: black; font-weight:normal; } .BuzzBody ul li {text-indent: -0.56em;} .BuzzBody ul, .BuzzBody ul li{list-style-type: none!important;} .BuzzBody p, .BuzzBody ul li { font-size: 16px; line-height: 1.1; font-weight: normal; color: black;} .tt_new_Top { background-color: black; opacity: 0.5; } .tt_newFront { z-index: 99999; } .GC_PictogramClass20 img { width: 20px; height: 20px; margin-right:4px; } .GC_PictogramClass { padding: 1px; } .SearchLinkToStore { font-size: 11pt!important; font-weight: normal; } .tt_buytogether1 { background-color: #fffddd; margin: 0px; padding: 10px; } .tt_buytogether2 { background-color: #eeefff; margin: 0px; padding: 10px; } .tt_buytogether_check { display:inline; margin-left: 10px; font-weight: bold; font-size: 10pt } .tt_buytogether_check input { display:inline; vertical-align:middle; } .tt_buytogether_container { margin-top: 12px; margin-left: 0px;} @media (max-width: 992px) { .tt_buytogether_container { margin-left: 0px;}} .tt_buytogether_header { font-weight: bold; color: #fd6905} .tt_bytogether_img { max-width: 120px; height: auto; } .tt_btn_to_top { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; b-order: none; outline: none; background-color: #57B0CC; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } .tt_btn_to_top :hover { background-color: #555; } .tt_buytogether_priceblock {display:inline;} .AddOnFormClass { display: inline; } .tt_btn_scroll { display:none; font-size: 18px; border: none; outline: none; background-color: #57B0CC; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } .tt_btn_scroll :hover { background-color: #555; } .ModalTextHeader { font-weight:bold; text-transform: uppercase;} .ItemNotesHeader { font-weight:bold; text-transform: uppercase;} .ModalTextBody { color: black; font-weight:normal;} .AddOnName, .AddOnName a , .AddOnName span, .AddOnName p, .AddOnName i , .AddOnName a i, .AddOnName * { font-weight: normal; font-size: 10pt; } .SearchCatalogShowresults { margin-top:5px; display:inline-block; border: 1px solid #56b0cc; padding: 3px;} .ItemDescriptionMoreLink {font-style:italic;} .ItemTopDescriptionMoreLink {font-style:italic;} .tt_newCatalogLeftImage { -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 5px;} .tt_newCatalogMainVideo, .tt_newCatalogMainVideo video { margin: 0 auto;display: block; } .tt_newCatalogMainVideo { margin-top: 5px;} .tt_newCatalogMainVideo,.tt_newCatalogMainVideo div { text-align:center;} .tt_newCatalogLinkToLargeVideo { padding-right: 0.5em;font-size: 80%; text-align:right;} @media screen and (min-width: 650px) { .tt_newCatalogLeftImage { float: left; } } .PriceValueLabel {} .PriceValue { margin-top: 10px; } .tt_newCatalogLeftImage { position: relative; background-color: #eee; top: 0px; left: 0px; width: 1%; margin-left: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; display:table;} .tt_newCatalogLeftImageInner {height: auto; overflow: hidden} .tt_newPR_ImgClass { margin: 0px; padding: 0px; cursor: -moz-zoom-in; display:block; max-width:max-content;min-width:200px; cursor: -webkit-zoom-in; cursor: zoom-in;} .GC_ImageDescriptionClass { padding: 5px; } .tt_newCatalogRightImage { -webkit-flex-shrink: 0;flex-shrink: 0; } .tt_new_StoreInfoBlock { flex-grow:1; -webkit-flex-grow:1;} .tt_new_StorePriceWidth { width: 20% ; border: 0px solid red; text-align: right;} .tt_new_StoreInfoWidth { width: 80% ; border: 0px solid green;} @media (max-width: 992px) { .tt_new_StorePriceWidth { width: 100%; text-align: left;} .tt_new_StoreInfoWidth { width: 100%;} } .tt_newImageOverlay { position: relative; display: inline-block; } .tt_newImageOverlay:after { content: ''; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity: 0; transition: all 1s; -webkit-transition: all 1s; } .tt_newImageOverlay:hover:after { opacity: 1; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } a.GCShowCommentsClass:visited {color: #56b0cc;text-decoration: none;} a.GCShowCommentsClass:hover {color: #330099;text-decoration: none; } a.GCShowCommentsClass:active {color: #000000;text-decoration: none; } a.GCShowCommentsClass:link { color: #56b0cc; text-decoration: none; } .GCShowCommentsClass {background-color: #ccddcc ; border: 1px solid #000000; } a.GCAddCommentsClass:visited {color: #56b0cc;text-decoration: none;} a.GCAddCommentsClass:hover {color: #330099;text-decoration: none; } a.GCAddCommentsClass:active {color: #000000;text-decoration: none; } a.GCAddCommentsClass:link { color: #56b0cc; text-decoration: none; } .GCAddCommentsClass {background-color: #f6cccc ; border: 1px solid #000000; } a.GCAddImageClass:visited {color: #56b0cc;text-decoration: none;} a.GCAddImageClass:hover {color: #330099;text-decoration: none; } a.GCAddImageClass:active {color: #000000;text-decoration: none; } a.GCAddImageClass:link { color: #56b0cc; text-decoration: none; } .GCAddImageClass {background-color: #cccccc ; border: 1px solid #000000; } a.GCWaitlistClass:visited {color: #56b0cc;text-decoration: none;} a.GCWaitlistClass:hover {color: #330099;text-decoration: none; } a.GCWaitlistClass:active {color: #000000;text-decoration: none; } a.GCWaitlistClass:link { color: #56b0cc; text-decoration: none; } a.GCWaitlistClass {background-color: #CBE7EE ; border: 1px solid #000000; } .GC_ImageGalleryTitle { display:inline; margin-right:5px;} .TT_BlogLinkContainer1 { display: inline-block; margin: 8px; } .TT_BlogEntryLink1 { display: inline-block; border: 1px solid #56b0cc; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;} .TT_BlogLinkContainer { width:100%; text-align:center !important; margin:auto; } .TT_BlogEntryLink { margin-right: 10px; margin-top: 5px;} .text-white { text-decoration: none !important } .top-header-meta a { text-decoration: none !important } .tt_headline_text { font-size: calc(50% + 0vw + 1vh); line-height: 1.3; } .product-info a:active p,.product-info a:link p,.product-info a:visited, .product-info a:hover,.product-info a, .product-info a p , .product-info * { text-decoration: none !important } .tt_ignore_opacity { } .tt_opacity { background-color: #000000!important; background-color: rgba(0,0,0,0.65)!important;} .tt_opacity40 { background-color: #000000!important; background-color: rgba(0,0,0,0.40)!important;} .tt-btn-primary { background-color: var(--tt-blue-color)!important; border-color: var(--tt-blue-color)!important; } .tt-btn-primary:hover { background-color: hsl(194, 54%, 48%)!important; border-color: hsl(194, 54%, 48%)!important; } .tt-btn-outline-primary { color:var(--tt-blue-color)!important; border-color: var(--tt-blue-color)!important; } .tt-btn-outline-primary:hover { color:white!important; background-color: var(--tt-blue-color)!important; border-color: var(--tt-blue-color)!important; } .tt-btn-secondary { background-color: hsl(233, 3%, 59%)!important; border-color: hsl(233, 3%, 59%)!important; } .tt-btn-secondary:hover { background-color: hsl(233, 3%, 40%)!important; border-color: hsl(194, 54%, 40%)!important; } .tt-btn-outline-secondary { color:hsl(233, 3%, 59%)!important; border-color: hsl(233, 3%, 59%)!important; } .tt-btn-outline-secondary:hover { color:white!important; background-color: hsl(233, 3%, 59%)!important; border-color: hsl(233, 3%, 59%)!important; } .tt_store_small_menu, .tt_store_small_menu a {color: white!IMPORTANT;text-decoration: none; font-size: 10pt !important; font-weight:normal!important; text-transform:none!important;letter-spacing:0!important;line-height: 1.2!important;} .tt_store_small_menu:visited {color: white!IMPORTANT;text-decoration: none;} .tt_store_small_menu:hover {color: white!IMPORTANT;text-decoration: none; } .tt_store_small_menu:active {color: white!IMPORTANT;text-decoration: none; } .tt_store_small_menu:link {color: white!IMPORTANT; text-decoration: none; } .single-footer-widget {margin-bottom: 0px!important; } .tt_SimpleLink {text-decoration: none!IMPORTANT;} .tt_SimpleLink:visited {text-decoration: none!IMPORTANT;} .tt_SimpleLink:hover {text-decoration: none!IMPORTANT; } .tt_SimpleLink:focus {text-decoration: none!IMPORTANT; } .tt_SimpleLink:active {text-decoration: none!IMPORTANT; } .tt_SimpleLink:link {text-decoration: none!IMPORTANT; } .tt_Outline {-moz-text-stroke-color: black; -webkit-text-stroke-color: black; -moz-text-stroke-width: 1px; -webkit-text-stroke-width: 1px; } .tt_DropShadow0 { filter : drop-shadow(0.0rem 0.0rem 0.6rem rgba(0, 0, 0, 1.0)) } .tt_DropShadow { filter : drop-shadow(0.45rem 0.45rem 0.45rem rgba(0, 0, 0, 0.8)) } .tt_BoxShadow {box-shadow: 0.2em 0 0 rgba(0,0,0,.5),-0.2em 0 0 rgba(0,0,0,.5); background-color:rgba(0,0,0,.5); } .tt_BoxShadow a {color: white!important; } p.tt_new_FAQ_Q { font-weight: bold!important; } .tt_circular_square { border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; } .tt_new_StoreTagModal { margin-top: 15px; } .tt_new_StoreTagDescr { } .tt_breadcrumbs * { font-size:10pt!important;font-weight:normal!important;letter-spacing:0!important; margin-top:10px!important;text-transform:capitalize!important; } .breadcrumb-item + .breadcrumb-item::before { content: ">"; } .tt_btnTop { position: fixed; bottom: 10px; right: 10px; font-size: 18px; border: none; outline: none; z-index:111; } .tt_btnTop button { border-radius: 50%; } .TextBtn {font-size: 15px; text-transform: uppercase; padding: 14px 0px 14px 0px; text-decoration: none!important; color: white!important; display: block;margin: auto; max-width:600px; text-align: center; background-color: #54afcb!important;} .ttArticleContainer {overflow: auto; height: 800px; gap: 1rem; } .ttArticleAccordionContainer {width: 300px; position: sticky; top: 0; position: -webkit-sticky; align-self: flex-start; flex-shrink: 0;} .ttArticleAccordion {} @media (max-width: 767.98px) { .ttArticleContainer { flex-direction: column !important; align-items: stretch; } .ttArticleAccordionContainer, .flex-grow-1 { width: 100%; position: static !important; top: auto !important; } } .ttArticleLinkListDescription { margin-left: 10%; } .ttArticleLinkList { margin-bottom: 0px!important;margin-top: 0px!important; } .ttArticleLinkListTitle { color:#56b0cc !important; font-size:16pt!important; } .ttArticleAccordionHeader {text-transform: uppercase!important;} .ttArticleAccordionUL {list-style: none!important;} .ttArticleAccordionULli {list-style: none!important;} .ttArticleAccordionUL li {list-style: none!important; padding-left: 0!important;} .Shop_TextBtn {font-size: 18px; text-transform: uppercase; padding: 14px 0px 14px 0px; color: white!important; display: block;text-align: center;} .Shop_TextBtn {max-width:1000px;} .Shop_TextBtn500 {max-width:500px!important;} .Mlist_TextBtn {font-size: 15px; text-transform: uppercase; padding: 14px 0px 14px 0px; color: white!important; display: block;margin: auto; max-width:600px; text-align: center;} .Mlist_BlueBtn,.Shop_BlueBtn { background-color: #54afcb; } .Mlist_OrangeBtn,.Shop_OrangeBtn { background-color: #fd6905; } .Mlist_GreenBtn,.Shop_GreenBtn { background-color: #219017; } .Shop_TextBtn { text-decoration:none!important; } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {.Mlist_TextDiv { width:95%; margin: auto; display:block;} .Mlist_TextBtn,.Shop_TextBtn { width: 100%; margin-left:0px; margin-right:0px;} } .SalePageInfoTeaser { font-size: 16pt!important; text-align: center!important; margin-bottom:28px; } .SalePageInfoTeaser a {color: #56b0cc!important;} .SalePageInfoHeaderSpan { font-size: 16pt!important; } .SalePageInfoHeader { text-align: center!important;} .SalePageInfoText { line-height: 1.2!important; } .CouponModalClass {background-color: #eeefff} .CouponModalHeaderClass {color: #56b0cc; background-color: #fffddd} .CouponModalContentClass { } .CouponModalCodeClass {background-color: #219017; color:white; text-align: center; margin-top:15px; font-weight:bold; font-size: 150%; letter-spacing: 0.3em; border: 1px solid black; } .StoreTopPromotion { text-align: center; color: #fd6905; margin-bottom: 12px; font-weight:normal; font-size: 150%; } .ChatQuestion { color: black; font-weight: bold; margin-top: 5px;} .ChatQuestionText { padding-left: 15px; color:#54afcb ; margin-top: 5px;} .ChatSimilarQuestion { color: black; font-weight: bold; margin-top: 5px;} .ChatSimilarQuestionText { padding-left: 15px; color:#54afcb ; margin-top: 5px;} .ChatAnswer { color: black; font-weight: bold; margin-top: 15px;} .ChatAnswerText { padding-left: 15px; color:#54afcb ; margin-top: 5px; margin-bottom: 20px;} .tt_new_WholesalePriceClass { font-size: 12pt; font-weight:normal; color: #black; margin-top:10px;} .tt_new_RetailPriceClass { font-size: 10pt; font-weight:normal; color: #348feb; margin-top:10px;} .tt_new_RetailPriceClass_Bold { font-size: 10pt; font-weight:bold; color: #348feb; margin-top:10px;} .tt_new_MaxQtyClass { font-size: 10pt; font-weight:bold; color: #348feb;} .tt_h1 { font-size: 16pt!important; } .tt_h2 { font-size: 14pt!important; } @media (min-width: 769px) {} .cart-table-inline-text { display: none; } .cart-table-row-light { background: lightgrey; } @media (max-width: 768px) { .cart-table-header { display: none; } .cart-table-inline-text { display: inline; } .cart-table-inline-row { display: block; border: 1px solid grey; padding: 2px; } .cart-table-inline-col { text-align: left; width: 100%; padding: 4; } .cart-table-row-light { background: inherit; } } .ShippingPromo{ line-height: 1.4; padding-left:3px; padding-right:3px; padding-top: 12px;padding-bottom: 12px; background: #e8f5e9; border-radius: 0px; text-align: center; } .ShippingPromo { color: blue; } .ShippingPromo1 {padding-left: 0px!important; margin-top: 8px; background: #c8e6c9; border-radius: 0px; height: 10px; width: 100%; max-width: 280px; margin: 8px auto 0;} .ShippingPromo2 {height: 10px; width: 0%; background: #4caf50; border-radius: 0px;} .ShoppingCartShippingDiscount { display: inline; text-decoration: line-through; margin-right:6px; text-decoration-color:red;} .ShoppingCartShippingDiscount1 { display: inline; color: blue; white-space: nowrap;} .ShoppingCartShippingDiscount2 { display: inline; color: blue; white-space: nowrap;} .ShoppingCartOverlayDiv { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; } .ShoppingCartOverlayDiv::before { content: ""; background-image: url(/people/store/tt/htm/b65.png); background-size: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.15; } .ShoppingCartInnerOverlayDiv { position: fixed; max-width:450px; margin-left:auto; margin-right:auto; /*margin-top:250px;*/ border:1px solid blue; background-color: white; padding:3px; text-align:center; z-index: 19999; } .ShoppingCartAlertBox { display:none; position:absolute; top:1px; left:1px; width:300px; background-color:white; border-style:solid; border-width:1px; padding:15px 20px 5px 20px; } .tt_new_SubstitutionClass { margin-top: 10px; background-color:#FFFFBF; width: max-content; max-width: 100%; box-sizing: border-box; flex-direction: column; display: flex;align-items: flex-start;justify-content: flex-start; padding: 5px 5px 5px 5px;} .tt_new_SubstitutionTitleClass { color: #cc2201;margin-bottom: 5px;} .tt_new_SubstitutionListClass {display: block;} .tt_new_ItemFactsContainer { margin: 0px; padding: 00px; width: 100%;} .tt_new_ItemFactsFlex {} .tt_new_ItemFactsBg1 { background-color:#e9ecef; } .tt_new_ItemFactsBg2 { background-color:#f8f9fa; ; } .tt_new_ItemFactsLabel { flex: 0 0 30%; min-width: 115px; padding: 8px; font-weight: bold; } .tt_new_ItemFactsValue { flex: 0 0 70%; padding: 8px; min-width: 115px; border-left: 1px solid #dee2e6; } .tt_new_Ethnomedical { margin-top: 10px; font-size: 80%; font-style: italic; } .PlantCareHeader { text-align: center; text-transform:uppercase;} a.ShowPlanBlogLink {line-height:1.8; display:block; } .tt_StorePinBtn { margin-top: 5px; } .tt_StorePinBtn button { margin-left: 0px!important;} .tt_new_SimilarItemSizeContainerClass {margin-top: 10px; width: max-content; flex-direction: column; display: flex;align-items: flex-start;justify-content: flex-start; padding: 0px;}} .tt_new_SimilarItemSizeTitleClass { margin-bottom:5px;} .tt_new_SimilarItemSizeListClass { gap:10px;margin-top:5px; } .tt_new_SimilarItemSizeListClass1 { width: max-content; gap: 0px; flex-direction: row; display: flex;align-items: flex-start;justify-content: flex-start; padding: 0;} .tt_new_SimilarItemSizeClass { border: 1px solid black; } .tt_new_StoreFreeSH { padding: 3px; color: white; background-color: blue; width: max-content; max-width: 100%; } .tt_new_StoreFreeSH1 { padding: 3px; color: white; background-color: blue; } .tt_new_StoreFreeSH2 { padding: 3px; color: white; background-color: blue; width: max-content; max-width: 65%; font-size: 150%; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; line-height: 130%;} /* [ -- Master Stylesheet -- ] */ /* ---------------------------------------------------------- :: Template Name: ClassyNav - Responsive Mega Menu Plugins :: Author: Designing World :: Author URL: https://themeforest.net/user/designing-world/portfolio :: Version: 1.0.0 :: Created: May 16, 2018 :: Last Updated: May 16, 2018 ---------------------------------------------------------- */ /* Base CSS */ * { margin: 0; padding: 0; } body { font-family: "Roboto", sans-serif; } ul, ol { margin: 0; } ul li, ol li { list-style: none; } img { height: auto; max-width: 100%; } .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-transparent { background-color: transparent !important; } .classy-nav-container { position: relative; z-index: 100; background-color: #ffffff; /* sticky */ } .classy-nav-container * { box-sizing: border-box; } .classy-nav-container a { -webkit-transition-duration: 500ms; transition-duration: 500ms; text-decoration: none; outline: none; font-size: 14px; font-weight: 400; color: #232323; display: inline-block; } .classy-nav-container a:hover, .classy-nav-container a:focus { -webkit-transition-duration: 500ms; transition-duration: 500ms; text-decoration: none; outline: none; font-size: 14px; font-weight: 400; color: #1abc9c; } .classy-nav-container.classy-sticky { position: fixed; z-index: 1010; width: 100%; top: 0; right: 0; left: 0; } .classy-nav-container.box-skins .classynav > ul > li { background-color: #1abc9c; } .classy-nav-container.box-skins .classynav > ul > li > a { color: #fff; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .classy-navbar { width: 100%; height: 70px; padding: 0.5em 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .classy-navbar .nav-brand { font-size: 26px; font-weight: 500; color: #565656; display: inline-block; margin-right: 30px; } .classy-navbar .nav-brand:focus, .classy-navbar .nav-brand:hover { font-size: 26px; font-weight: 500; } .classynav ul li { display: inline-block; clear: both; position: inherit; z-index: 10; } .classynav ul li.cn-dropdown-item { position: relative; z-index: 10; } .classynav ul li.cn-dropdown-item ul li { position: relative; z-index: 10; } .classynav ul li ul li { display: block; } .classynav ul li ul li a { padding: 0 20px; } .classynav ul li a { padding: 0 12px; display: block; height: 35px; font-size: 14px; line-height: 34px; } .classynav ul li .megamenu li a { padding: 0 12px; } .classynav ul li div.single-mega a { height: auto; line-height: 1; } /* Down Arrow Icon for Megamenu */ /* @font-face { font-family: 'classyfonts'; src: url("../fonts/classy.eot?fftrrv"); src: url("../fonts/classy.eot?fftrrv#iefix") format("embedded-opentype"), url("../fonts/classy.ttf?fftrrv") format("truetype"), url("../fonts/classy.woff?fftrrv") format("woff"), url("../fonts/classy.svg?fftrrv#classyfonts") format("svg"); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'classyfonts'; src: url("../fonts/classy.woff2?fftrrv") format("woff2"), url("../fonts/classy.woff?fftrrv") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } .icon-classy-nav-down-arrow { font-family: 'classyfonts'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-classy-nav-down-arrow:before { content: "\e900"; } .classynav ul li.megamenu-item > a:after, .classynav ul li.has-down > a:after { font-family: 'classyfonts'; content: "\e900"; font-size: 12px; color: #000000; padding-left: 5px; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .classynav ul li ul li.has-down > a::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 0; right: 10px; z-index: 3; } /* button css */ .classy-btn { position: relative; z-index: 1; min-width: 120px; padding: 0 25px; line-height: 42px; height: 42px; background-color: #1abc9c; border-radius: 50px; color: #fff !important; margin-left: 30px; text-align: center; } .classy-btn:hover, .classy-btn:focus { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } /* Dropdown Toggle */ .dd-trigger { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; cursor: pointer; z-index: 500; border-radius: 0; display: none; } /* Close Icon */ .classycloseIcon { position: absolute; top: 20px; right: 20px; z-index: 12; display: none; } .classycloseIcon .cross-wrap { width: 26px; height: 26px; cursor: pointer; position: relative; } .classycloseIcon .cross-wrap span { position: absolute; display: block; width: 100%; height: 2px; border-radius: 6px; background: #232323; } .classycloseIcon .cross-wrap span.top { top: 12px; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .classycloseIcon .cross-wrap span.bottom { bottom: 12px; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* navbarToggler */ .classy-navbar-toggler { border: none; background-color: transparent; cursor: pointer; display: none; } .classy-navbar-toggler .navbarToggler { display: inline-block; cursor: pointer; } .classy-navbar-toggler .navbarToggler span { position: relative; background-color: #858585; border-radius: 3px; display: block; height: 3px; margin-top: 5px; padding: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; width: 30px; cursor: pointer; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); top: 8px; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) { opacity: 0; } .classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); top: -8px; } .classynav ul li .megamenu { position: absolute; width: 100%; left: 0; top: 100%; background-color: #ffffff; z-index: 200; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } .classynav ul li .megamenu .single-mega.cn-col-5 { width: 20%; float: left; padding: 15px; border-right: 1px solid #f2f4f8; } .classynav ul li .megamenu .single-mega.cn-col-5:last-of-type { border-right: none; } .classynav ul li .megamenu .single-mega.cn-col-4 { width: 25%; float: left; padding: 15px; border-right: 1px solid #f2f4f8; } .classynav ul li .megamenu .single-mega.cn-col-4:last-of-type { border-right: none; } .classynav ul li .megamenu .single-mega.cn-col-3 { width: 33.3333334%; float: left; padding: 15px; border-right: 1px solid #f2f4f8; } .classynav ul li .megamenu .single-mega.cn-col-3:last-of-type { border-right: none; } .classynav ul li .megamenu .single-mega .title { font-size: 14px; border-bottom: 1px solid #f2f4f8; padding: 8px 12px; } .classynav ul li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.7); } .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } /* Desktop Area CSS */ .breakpoint-off .classynav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .breakpoint-off .classynav ul li .dropdown { width: 180px; position: absolute; background-color: #ffffff; top: 120%; left: 0; z-index: 100; height: auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 300ms; transition-duration: 300ms; opacity: 0; visibility: hidden; padding: 10px 0; } .breakpoint-off .classynav ul li .dropdown li .dropdown { top: 10px; left: 180px; z-index: 200; opacity: 0; visibility: hidden; } .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown { opacity: 0; visibility: hidden; top: 120%; } .breakpoint-off .classynav ul li:hover .dropdown { opacity: 1; visibility: visible; top: 100%; } .breakpoint-off .classynav ul li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown { opacity: 1; visibility: visible; top: -10px; } .breakpoint-off .classynav ul li .megamenu { opacity: 0; visibility: hidden; position: absolute; width: 100%; left: 0; top: 120%; background-color: #ffffff; z-index: 200; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-transition-duration: 300ms; transition-duration: 300ms; } .breakpoint-off .classynav ul li.megamenu-item:hover .megamenu, .breakpoint-off .classynav ul li.megamenu-item:focus .megamenu { top: 100%; visibility: visible; opacity: 1; } /* Mobile/Tablet Nav CSS */ .breakpoint-on .classycloseIcon { display: block; } .breakpoint-on .classy-navbar-toggler { display: block; } .breakpoint-on .classy-navbar .classy-menu { background-color: #ffffff; position: fixed; top: 0; left: -310px; z-index: 1000; width: 300px; height: 100%; -webkit-transition-duration: 500ms; transition-duration: 500ms; padding: 0; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); display: block; overflow-x: hidden; overflow-y: scroll; } .breakpoint-on .classy-navbar .classy-menu.menu-on { left: 0; } .breakpoint-on .classynav ul li { display: block; position: relative; clear: both; z-index: 10; } .breakpoint-on .classynav ul li a { padding: 0 10px; height: 38px; line-height: 38px; } .breakpoint-on .classynav ul li .dropdown { width: 100%; position: relative; top: 0; left: 0; box-shadow: none; } .breakpoint-on .classynav ul li .dropdown li .dropdown { width: 100%; position: relative; top: 0; left: 0; } .breakpoint-on .classynav ul li.megamenu-item { position: relative; z-index: 10; } .breakpoint-on .dd-trigger { height: 38px; top: 0; left: 0; right: 0; bottom: 0; display: block; } .breakpoint-on .classynav ul li .dropdown, .breakpoint-on .classynav ul li .megamenu { display: none; } .breakpoint-on .classynav { padding-top: 70px; } .breakpoint-on .classynav ul li .megamenu { position: relative; width: 100%; left: 0; top: 0; z-index: 200; box-shadow: none; } .breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5, .breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4, .breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 { width: 100%; border-right: none; border-bottom: 1px solid #f2f4f8; } .breakpoint-on .classynav > ul > li > a { background-color: #f2f4f8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .breakpoint-on .classynav ul li ul.dropdown li ul li { margin-left: 15px; } .breakpoint-on .classy-btn { width: calc(100% - 30px); margin: 30px 15px; } .breakpoint-on .classynav ul li.megamenu-item > a::after, .breakpoint-on .classynav ul li.has-down > a::after { position: absolute; top: 0; right: 20px; z-index: 5; } .breakpoint-on .classynav ul li.has-down.active > a:after, .breakpoint-on .classynav ul li.megamenu-item.active > a:after { color: #2ecc71; } /* Dark Theme CSS */ .dark.classy-nav-container { background-color: #192a56; } .dark.classy-nav-container a { color: rgba(255, 255, 255, 0.7); } .dark.classy-nav-container a:hover, .dark.classy-nav-container a:focus { color: #ffffff; } .dark .classynav ul li .dropdown { background-color: #192a56; } .dark .classynav ul li .megamenu { background-color: #192a56; } .dark .classynav ul li .megamenu .single-mega.cn-col-5, .dark .classynav ul li .megamenu .single-mega.cn-col-4, .dark .classynav ul li .megamenu .single-mega.cn-col-3 { border-right: 1px solid rgba(255, 255, 255, 0.05); } .dark .classynav ul li.megamenu-item ul li a { border-bottom: none; } .dark .classynav ul li .megamenu .single-mega .title { color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .dark .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } .dark.breakpoint-on .classy-navbar .classy-menu { background-color: #192a56; } .dark .classycloseIcon .cross-wrap span { background-color: #ffffff; } .dark.breakpoint-on .classynav > ul > li > a { background-color: #192a56; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5, .dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4, .dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 { border-bottom: 1px solid rgba(255, 255, 255, 0.05); border-right: none; } .dark .classynav ul li.megamenu-item > a:after { color: #ffffff; } .dark .classynav ul li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a { border-bottom: 1px solid rgba(242, 244, 248, 0.1); } .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a { border-bottom: none; } /* Right Side Menu Open CSS */ .right.breakpoint-on .classy-navbar .classy-menu { left: auto; right: -310px; } .right.breakpoint-on .classy-navbar .classy-menu.menu-on { left: auto; right: 0; } /* Dropdown RTL CSS */ .dropdown-rtl.breakpoint-off .classynav ul li .dropdown { left: auto; right: 0; } .dropdown-rtl .classynav ul li a, .dropdown-rtl .classynav ul li .megamenu .single-mega .title { text-align: right; } .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown { right: 180px; left: auto; opacity: 0; visibility: hidden; top: 10px; } .dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown { opacity: 1; visibility: visible; top: 90%; } .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown, .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown { opacity: 1; visibility: visible; top: 0; } .dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li { margin-left: 0; margin-right: 15px; } /* Fallback Responsive CSS */ /*# sourceMappingURL=classy-nav.css.map */ /* [Master Stylesheet] */ /* Template Name: TopTropicals We Grow Happiness Version: - v1.0 */ /* :: 1.0 Import Fonts */ /*@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800"); */ /* :: 2.0 Import All CSS */ /*@import url(css/bootstrap.min.css);*/ /*@import url(css/classy-nav.css);*/ /*@import url(css/owl.carousel.min.css);*/ /*@import url(css/animate.css);*/ /*@import url(css/magnific-popup.css); */ /*@import url(css/font-awesome.min.css);*/ /*@import url(css/elegant-icon.css);*/ /* :: 3.0 Base CSS */ * { margin: 0; padding: 0; } body { font-family: "Dosis", sans-serif; font-size: 16px; color: #707070; } h1, h2, h3, h4, h5, h6 { color: #303030; line-height: 1.3; font-weight: 500; } p { color: #707070; font-size: 16px; line-height: 1.7; font-weight: 400; } a, a:hover, a:focus { -webkit-transition-duration: 500ms; transition-duration: 500ms; text-decoration: none; outline: 0 solid transparent; color: #303030; font-weight: 500; /*font-size: 14px;*/ } ul, ol { margin: 0; } ul li, ol li { list-style: none; } img { height: auto; max-width: 100%; } /* :: 3.1.0 Spacing */ .mt-15 { margin-top: 15px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mt-100 { margin-top: 100px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-15 { margin-left: 15px !important; } .ml-30 { margin-left: 30px !important; } .ml-50 { margin-left: 50px !important; } .mr-15 { margin-right: 15px !important; } .mr-30 { margin-right: 30px !important; } .mr-50 { margin-right: 50px !important; } /* :: 3.2.0 Height */ .height-400 { height: 400px; } .height-500 { height: 500px; } .height-600 { height: 600px; } .height-700 { height: 700px; } .height-800 { height: 800px; } /* :: 3.3.0 Section Padding */ .freein { font-size: 12px; } .grow { color: #219017; } .text-heading { font-size: 45px !important; color: #fff !important; font-weight: 500 !important; } .text { color: white; font-size: 28px; font-weight: 500; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .bg-footer { background: #56b0cc; position: inherit !important; } .bg-gradient { background-color: #56B0CC; } .flowerin { background: #fd6905 !important; color: #fff !important; } .store-area { background: #56b0cc !important; } .storein { padding-top: 300px !important; } .slide-right { animation: 2s slide-right 2s forwards; transform:translateX(-100%); } @keyframes slide-right { to { transform:translateX(0); } } .slide-left { width:100%; overflow:hidden; } .slide-left { animation: slide-left 5s; } @keyframes slide-left { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } @media screen and (max-width: 600px) { .tropicalvideo { margin: 0px auto; max-width: 285px; } .newsin { color: #fff !important; } .text-heading { font-size: 24px !important; } .subscribe-newsletter-area { background: #56b0cc !important; } .subscribein { background-color: #fd6905 !important; } .newsletterin { color: #fff; } .storein { padding-top: 165px !important; } } .section-padding-100 { padding-top: 100px; padding-bottom: 100px; } .section-padding-100-0 { padding-top: 100px; padding-bottom: 0; } .section-padding-0-100 { padding-top: 0; padding-bottom: 100px; } .section-padding-100-70 { padding-top: 100px; padding-bottom: 70px; } /* :: 3.4.0 Section Heading */ .section-heading { position: relative; z-index: 1; margin-bottom: 40px; } .section-heading h2 { font-size: 30px; text-transform: uppercase; margin-bottom: 0; } @media only screen and (max-width: 767px) { .section-heading h2 { font-size: 24px; } } .section-heading p { font-size: 16px; color: #707070; margin-bottom: 0; } /* :: 3.5.0 Preloader */ .preloader { background-color: #f2f4f5; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; overflow: hidden; } .preloader .preloader-circle { width: 80px; height: 80px; position: relative; border-style: solid; border-width: 2px; border-top-color: #70c745; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 10; border-radius: 50%; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; -webkit-animation: zoom 2000ms infinite ease; animation: zoom 2000ms infinite ease; } .preloader .preloader-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 200; } .preloader .preloader-img img { max-width: 45px; } @-webkit-keyframes zoom { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes zoom { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* :: 3.6.0 Miscellaneous */ .bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #000000 !important; } .bg-transparent { background-color: transparent !important; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .bg-overlay { position: relative; z-index: 2; background-position: center center; background-size: cover; } .bg-overlay::after { background-color: rgba(17, 17, 17, 0.5); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .bg-fixed { background-attachment: fixed !important; } .bg-gray { background-color: #f2f4f5; } /* :: 3.7.0 ScrollUp */ #scrollUp { background-color: #219017; border-radius: 0; bottom: 0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 24px; height: 40px; line-height: 40px; right: 50px; text-align: center; width: 40px; -webkit-transition-duration: 500ms; transition-duration: 500ms; } #scrollUp:hover { background-color: #fd6905; } /* :: 3.8.0 alazea Button */ .alazea-btn { -webkit-transition-duration: 400ms; transition-duration: 400ms; position: relative; z-index: 1; display: inline-block; min-width: 150px; height: 46px; color: #ffffff; background-color: #56b0cc; border: 2px solid #56b0cc !important; border-radius: 2px; padding: 0 20px; font-size: 16px; line-height: 42px; text-transform: uppercase; font-weight: 600; } .alazea-btn.active, .alazea-btn:hover, .alazea-btn:focus { font-size: 16px; color: #56b0cc; font-weight: 600; background-color: transparent; box-shadow: none; } /* :: 4.0 Header Area CSS */ .header-area { position: absolute; width: 100%; z-index: 999; top: 0; left: 0; background-color: transparent; } .header-area .top-header-area { position: relative; z-index: 100; background-color: transparent; width: 100%; height: 42px; border-bottom: 1px solid rgba(235, 235, 235, 0.2); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .top-header-area { z-index: 1; } } @media only screen and (max-width: 767px) { .header-area .top-header-area { z-index: 1; } } .header-area .top-header-area .top-header-content { position: relative; z-index: 1; height: 41px; } .header-area .top-header-area .top-header-content .top-header-meta a { display: inline-block; font-size: 12px; font-weight: 400; color: #ffffff; line-height: 1; } .header-area .top-header-area .top-header-content .top-header-meta a:first-child { margin-right: 30px; } .header-area .top-header-area .top-header-content .top-header-meta a i { margin-right: 5px; color: #fd6905; } @media only screen and (max-width: 767px) { .header-area .top-header-area .top-header-content .top-header-meta a span { display: none; } } .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown { position: relative; z-index: 1; } .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown::after { width: 1px; height: 100%; background-color: rgba(235, 235, 235, 0.2); content: ''; top: 0; right: 15px; z-index: 2; position: absolute; } .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .btn { padding: 0; background-color: transparent; border: none; font-size: 12px; } .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .btn:focus { box-shadow: none; } .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu { background-color: #70c745; border: none; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu { top: 90px !important; } } @media only screen and (max-width: 767px) { .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu { min-width: 100px; top: 70px !important; } } .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu .dropdown-item:focus, .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu .dropdown-item:hover { color: #ffffff; background-color: #111111; } .header-area .top-header-area .top-header-content .top-header-meta .cart { position: relative; z-index: 1; } .header-area .top-header-area .top-header-content .top-header-meta .cart::after { width: 1px; height: 100%; background-color: rgba(235, 235, 235, 0.2); content: ''; top: 0; left: -15px; z-index: 2; position: absolute; } .header-area .top-header-area .top-header-content .top-header-meta .cart a { margin-right: 0; } .header-area .alazea-main-menu { position: relative; z-index: 1; -webkit-transition-duration: 200ms; transition-duration: 200ms; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .alazea-main-menu .classy-navbar .classy-menu { background-color: #111111; } } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classy-navbar .classy-menu { background-color: #111111; } } .header-area .alazea-main-menu .classy-nav-container { background-color: transparent; } .header-area .alazea-main-menu .classy-navbar { height: 90px; padding: 0; } .header-area .alazea-main-menu .classy-navbar .nav-brand { line-height: 1; } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classy-navbar { height: 70px; } } .header-area .alazea-main-menu .classynav ul li a { padding: 0 5px; font-weight: 500; text-transform: capitalize; font-size: 20px; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area .alazea-main-menu .classynav ul li a { font-size: 18px; padding: 0 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .alazea-main-menu .classynav ul li a { background-color: #111111; font-size: 16px; color: #ffffff; border-bottom: none; } } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classynav ul li a { background-color: #111111; font-size: 16px; color: #ffffff; border-bottom: none; } } .header-area .alazea-main-menu .classynav ul li a:hover, .header-area .alazea-main-menu .classynav ul li a:focus { color: #fd6905; } .header-area .alazea-main-menu .classynav ul li a::after { color: #ffffff; } .header-area .alazea-main-menu .classynav ul li ul li a { padding: 0 5px; color: #303030; font-size: 13px; border-bottom: none; } .header-area .alazea-main-menu .classynav ul li ul li a::after { color: #303030; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .alazea-main-menu .classynav ul li ul li a::after { color: #ffffff; } } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classynav ul li ul li a::after { color: #ffffff; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .alazea-main-menu .classynav ul li ul li a { padding: 0 45px; color: #ffffff; } } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classynav ul li ul li a { padding: 0 45px; color: #ffffff; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span { background-color: #ffffff; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area .alazea-main-menu .classycloseIcon .cross-wrap span { background: #ffffff; } } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .classycloseIcon .cross-wrap span { background: #ffffff; } } .header-area .alazea-main-menu .search-form { position: relative; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .header-area .alazea-main-menu .search-form form { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: absolute; top: 0; right: 0; z-index: 100; background-color: #ffffff; width: 713px; border-radius: 5px; padding: 30px; box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .search-form form { width: 290px; padding: 20px; } } .header-area .alazea-main-menu .search-form form input { width: 100%; height: 45px; border: 1px solid #ebebeb; padding: 0 30px; border-radius: 5px; font-size: 14px; } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .search-form form input { padding: 0 15px; } } .header-area .alazea-main-menu .search-form .closeIcon { -webkit-transition-duration: 500ms; transition-duration: 500ms; position: absolute; top: 41px; right: 60px; z-index: 200; cursor: pointer; color: #707070; } .header-area .alazea-main-menu .search-form .closeIcon:hover { color: #70c745; } @media only screen and (max-width: 767px) { .header-area .alazea-main-menu .search-form .closeIcon { top: 31px; right: 35px; } } .header-area .alazea-main-menu .search-form.active { opacity: 1; visibility: visible; } .header-area .is-sticky .alazea-main-menu { background-color: #43464b; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); } .header-area #searchIcon { -webkit-transition-duration: 500ms; transition-duration: 500ms; color: #ffffff; font-size: 20px; cursor: pointer; margin-left: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area #searchIcon { margin-left: 30px; margin-top: 15px; } } @media only screen and (max-width: 767px) { .header-area #searchIcon { margin-left: 30px; margin-top: 15px; } } .header-area #searchIcon:hover, .header-area #searchIcon:focus { color: #219017; } /* :: 5.0 Hero Slides Area */ .hero-area, .hero-post-slides { position: relative; z-index: 1; } .single-hero-post { width: 100%; height: 930px; position: relative; z-index: 3; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-hero-post { height: 690px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-post { height: 600px; } } @media only screen and (max-width: 767px) { .single-hero-post { height: 650px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .single-hero-post { height: 500px; } } .single-hero-post .slide-img { position: absolute; width: 100%; height: 100%; z-index: -10; left: 0; right: 0; top: 0; bottom: 0; } .single-hero-post .hero-slides-content { position: relative; z-index: 1; margin-top: 132px; } @media only screen and (max-width: 767px) { .single-hero-post .hero-slides-content { margin-top: 112px; } } .single-hero-post .hero-slides-content h2 { font-size: 42px; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-hero-post .hero-slides-content h2 { font-size: 36px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-post .hero-slides-content h2 { font-size: 30px; } } @media only screen and (max-width: 767px) { .single-hero-post .hero-slides-content h2 { font-size: 24px; } } .single-hero-post .hero-slides-content p { font-size: 18px; color: #ffffff; margin-bottom: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-hero-post .hero-slides-content p { font-size: 18px; } } @media only screen and (max-width: 767px) { .single-hero-post .hero-slides-content p { font-size: 16px; } } @media only screen and (max-width: 767px) { .single-hero-post .hero-slides-content a { min-width: 125px; padding: 0 10px; } } /*.hero-post-slides .owl-item.center .single-hero-post .slide-img { -webkit-animation: slide 24s linear infinite; animation: slide 24s linear infinite; }*/ @-webkit-keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes slide { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* :: 6.0 Subscribe Newsletter Area */ .subscribe-newsletter-area { position: relative; z-index: 1; padding: 60px 0; background-size: cover; background-position: top right; } @media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe-newsletter-area .subscribe-form { margin-top: 50px; } } @media only screen and (max-width: 767px) { .subscribe-newsletter-area .subscribe-form { margin-top: 50px; } } .subscribe-newsletter-area .subscribe-form form { position: relative; z-index: 1; } .subscribe-newsletter-area .subscribe-form form input { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 100%; height: 46px; background-color: #ffffff; padding: 10px 20px; border: none; } .subscribe-newsletter-area .subscribe-form form input:focus { box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); } .subscribe-newsletter-area .subscribe-form form button { position: absolute; top: 0; right: 0; z-index: 10; border: none; border-radius: 0 2px 2px 0; } .subscribe-newsletter-area .subscribe-side-thumb .first-img { position: absolute; top: -30px; left: 5%; z-index: 10; } /* :: 7.0 New Arrivals Products Area */ .single-product-area { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-product-area .product-img { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-product-area .product-img a { display: block; } .single-product-area .product-img img { position: relative; z-index: 1; width: 100%; } .single-product-area .product-img .product-tag a { background-color: #56b0cc; border-radius: 2px; display: inline-block; height: 20px; padding: 0 10px; line-height: 20px; text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 12px; position: absolute; top: 20px; left: 20px; z-index: 10; } .single-product-area .product-img .product-tag.sale-tag a { background-color: #fd6905; } .single-product-area .product-img .product-meta { position: absolute; bottom: 30px; left: 15px; right: 15px; z-index: 100; visibility: hidden; opacity: 0; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-product-area .product-img .product-meta a { font-size: 16px; color: #ffffff; font-weight: 600; background-color: #303030; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; width: 50px; height: 50px; line-height: 50px; text-transform: uppercase; text-align: center; } .single-product-area .product-img .product-meta a:hover, .single-product-area .product-img .product-meta a:focus { background-color: #56b0cc; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-product-area .product-img .product-meta a { font-size: 11px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-product-area .product-img .product-meta a { font-size: 11px; } } @media only screen and (max-width: 767px) { .single-product-area .product-img .product-meta a { font-size: 14px; } } .single-product-area .product-img .product-meta .add-to-cart-btn { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); width: calc(100% - 100px); border-left: 1px solid rgba(235, 235, 235, 0.5); border-right: 1px solid rgba(235, 235, 235, 0.5); } .single-product-area .product-info a p { margin-bottom: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .single-product-area .product-info a p:hover, .single-product-area .product-info a p:focus { color: #219017; } .single-product-area .product-info h6 { margin-bottom: 0; font-size: 18px; } .single-product-area:hover .product-img { box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); } .single-product-area:hover .product-img .product-meta { visibility: visible; opacity: 1; } /* :: 8.0 Shop Page Area CSS */ .shop-sorting-data { position: relative; z-index: 1; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #ebebeb; } @media only screen and (max-width: 767px) { .shop-sorting-data .shop-page-count { margin-bottom: 30px; } } .shop-sorting-data .shop-page-count p { font-size: 18px; color: #707070; margin-bottom: 0; font-weight: 500; } .shop-sorting-data .search_by_terms { position: relative; z-index: 1; } .shop-sorting-data .search_by_terms select { width: 180px; height: 40px; color: #51545f; font-size: 16px; background-color: #f5f5f5; border: 1px solid #ebebeb; border-radius: 2px; margin-left: 30px; } @media only screen and (max-width: 767px) { .shop-sorting-data .search_by_terms select { margin-left: 0; margin-bottom: 15px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .shop-sorting-data .search_by_terms select { margin-left: auto; margin-right: 15px; margin-bottom: 0; } } .shop-sorting-data .search_by_terms select:focus { box-shadow: none; } .shop-widget { position: relative; z-index: 1; } .shop-widget .widget-title { text-transform: uppercase; margin-bottom: 20px; } .shop-widget .custom-control .custom-control-label { font-size: 16px; color: #707070; } .shop-widget .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #70c745; } .shop-widget .single-best-seller-product { position: relative; z-index: 1; margin-bottom: 20px; } .shop-widget .single-best-seller-product::after { margin-bottom: 0; } .shop-widget .single-best-seller-product .product-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 70px; margin-right: 30px; } .shop-widget .single-best-seller-product .product-info a { display: block; color: #707070; font-size: 16px; font-weight: 400; margin-bottom: 5px; } .shop-widget .single-best-seller-product .product-info a:hover, .shop-widget .single-best-seller-product .product-info a:focus { color: #303030; } .shop-widget .single-best-seller-product .product-info p { margin-bottom: 0; color: #303030; font-weight: 500; } .shop-widget .single-best-seller-product .product-info .ratings i { font-size: 12px; color: #ff9800; } .slider-range-price { position: relative; z-index: 1; } .shop-widget .ui-slider-handle { background-color: #70c745; border: none; border-radius: 50%; width: 12px; height: 12px; position: absolute; z-index: 30; top: -3px; } .ui-slider-handle.first-handle { display: none !important; } .shop-widget .ui-slider-range.ui-widget-header.ui-corner-all { background-color: #70c745; position: absolute; height: 6px; width: auto; z-index: 10; left: 2px !important; } .shop-widget .ui-slider-horizontal { height: 6px; background-color: #f5f5f5; border-radius: 10px; } .shop-widget .range-price { font-size: 16px; font-weight: 500; margin-top: 15px; text-transform: uppercase; } .single_product_thumb { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .single_product_thumb { margin-bottom: 50px; } } .single_product_thumb .carousel-indicators { position: relative; right: 0; bottom: 0; left: 0; z-index: 15; margin-right: 0; margin-left: 0; margin-top: 30px; } .single_product_thumb .carousel-indicators li { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; height: 100px; margin-right: 15px; margin-left: 15px; cursor: pointer; border: 1px solid transparent; background-size: cover; } @media only screen and (max-width: 767px) { .single_product_thumb .carousel-indicators li { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 60px; } } .single_product_thumb .carousel-indicators li.active { border: 1px solid #70c745; } .single_product_desc { position: relative; z-index: 1; } .single_product_desc .title { font-size: 30px; margin-bottom: 10px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .single_product_desc .title { font-size: 24px; } } .single_product_desc .price { font-size: 26px; font-weight: 600; color: #70c745; margin-bottom: 30px; } .single_product_desc .short_overview { margin-bottom: 30px; } .single_product_desc .short_overview p { font-size: 14px; } .single_product_desc .cart--area { position: relative; z-index: 1; border-bottom: 1px solid #ebebeb; padding-bottom: 50px; } .single_product_desc .cart { position: relative; z-index: 1; } .single_product_desc .cart .quantity { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; width: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_product_desc .cart .quantity { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 70px; } } .single_product_desc .cart .quantity .qty-text { height: 46px; padding: 5px 15px; width: 130px; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; font-size: 14px; border: none; background-color: #f2f4f5; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_product_desc .cart .quantity .qty-text { width: 70px; } } .single_product_desc .cart .quantity .qty-minus, .single_product_desc .cart .quantity .qty-plus { display: block; height: 100%; position: absolute; left: 10px; text-align: center; top: 0; width: 30px; z-index: 99; cursor: pointer; font-size: 8px; line-height: 46px; color: #303030; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_product_desc .cart .quantity .qty-minus, .single_product_desc .cart .quantity .qty-plus { left: 0; } } .single_product_desc .cart .quantity .qty-plus { left: auto; right: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_product_desc .cart .quantity .qty-plus { right: 0; } } .single_product_desc .wishlist-compare { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .single_product_desc .wishlist-compare { margin-top: 30px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .single_product_desc .wishlist-compare { margin-top: 0; } } .single_product_desc .wishlist-compare a { background-color: #f2f4f5; display: inline-block; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 18px; } .single_product_desc .products--meta { position: relative; z-index: 1; padding-top: 50px; } .single_product_desc .products--meta p { display: -webkit-box; display: -ms-flexbox; display: flex; } .single_product_desc .products--meta p span:first-child { font-weight: 500; color: #303030; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; width: 150px; } .single_product_desc .products--meta p span:last-child { font-weight: 400; color: #707070; } .single_product_desc .products--meta p span:last-child a { color: #cccccc; font-size: 14px; margin-right: 15px; } .single_product_desc .products--meta p span:last-child a:hover { color: #70c745; } .product_details_tab { position: relative; z-index: 1; padding: 50px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .product_details_tab .nav-tabs { border-bottom: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .product_details_tab .nav-tabs .nav-link { border: none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 15px; font-size: 20px; color: #303030; } .product_details_tab .nav-tabs .nav-link.active, .product_details_tab .nav-tabs .nav-link:hover { color: #70c745; } .product_details_tab .additional_info_area p { color: #303030; } .product_details_tab .additional_info_area p span { color: #707070; } .product_details_tab .review-rating i { color: #ff9800; font-size: 14px; } .product_details_tab .review-rating > span { font-size: 16px; font-weight: 500; color: #303030; } .submit_a_review_area form .stars { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==") repeat-x 0 0; width: 150px; } .submit_a_review_area form .stars::after, .submit_a_review_area form .stars::before { display: table; content: ""; } .submit_a_review_area form .stars::after { clear: both; } .submit_a_review_area form .stars input[type="radio"] { position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .submit_a_review_area form .stars input[type="radio"].star-5:checked ~ span { width: 100%; } .submit_a_review_area form .stars input[type="radio"].star-4:checked ~ span { width: 80%; } .submit_a_review_area form .stars input[type="radio"].star-3:checked ~ span { width: 60%; } .submit_a_review_area form .stars input[type="radio"].star-2:checked ~ span { width: 40%; } .submit_a_review_area form .stars input[type="radio"].star-1:checked ~ span { width: 20%; } .submit_a_review_area form .stars label { display: block; width: 30px; height: 30px; margin: 0 !important; padding: 0 !important; text-indent: -999em; float: left; position: relative; z-index: 10; background: transparent !important; cursor: pointer; } .submit_a_review_area form .stars label:hover ~ span { background-position: 0 -30px; } .submit_a_review_area form .stars label.star-5:hover ~ span { width: 100% !important; } .submit_a_review_area form .stars label.star-4:hover ~ span { width: 80% !important; } .submit_a_review_area form .stars label.star-3:hover ~ span { width: 60% !important; } .submit_a_review_area form .stars label.star-2:hover ~ span { width: 40% !important; } .submit_a_review_area form .stars label.star-1:hover ~ span { width: 20% !important; } .submit_a_review_area form .stars span { display: block; width: 0; position: relative; top: 0; left: 0; height: 30px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==") repeat-x 0 -60px; -webkit-transition: -webkit-width 0.5s; -webkit-transition: width 0.5s; transition: width 0.5s; } .review-details p { font-size: 12px; } .submit_a_review_area h4 { font-size: 20px; } .submit_a_review_area .form-group > label { font-size: 14px; } .submit_a_review_area input, .submit_a_review_area select { font-size: 14px; width: 100%; height: 40px; border: none; background-color: #f2f4f5; border-radius: 0; } .submit_a_review_area textarea { width: 100%; height: 100px; border: none; border-radius: 0; background-color: #f2f4f5; } /* :: 9.0 Cart Area CSS */ .cart-table { position: relative; z-index: 1; } .cart-table thead tr, .cart-table thead th { width: 20%; } .cart-table thead th { border: none; border-bottom: none; font-size: 20px; padding: 0 0 30px 0; color: #303030; font-weight: 500; text-transform: uppercase; text-align: left; } .cart-table thead th:first-child { width: 40%; } .cart-table tbody tr { position: relative; z-index: 1; border-bottom: 1px solid #ebebeb; } .cart-table tbody tr td { position: relative; z-index: 1; padding: 30px 15px; font-size: 18px; font-weight: 600; color: #303030; vertical-align: middle; } .cart-table tbody tr td.cart_product_img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .cart-table tbody tr td.cart_product_img a { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; width: 100px; display: inline-block; margin-right: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-left: 2px; } .cart-table tbody tr td.cart_product_img h5 { font-size: 18px; margin-bottom: 0; } .cart-table tbody tr td i { font-size: 36px; color: #c42525; } .cart-table .quantity { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; width: 100px; } .cart-table .quantity .qty-text { height: 46px; padding: 5px 15px; width: 100px; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; font-size: 14px; border: none; background-color: #f2f4f5; text-align: center; } .cart-table .quantity .qty-minus, .cart-table .quantity .qty-plus { display: block; height: 100%; position: absolute; left: 10px; text-align: center; top: 0; width: 30px; z-index: 99; cursor: pointer; font-size: 8px; line-height: 46px; color: #303030; } .cart-table .quantity .qty-minus i, .cart-table .quantity .qty-plus i { font-size: 10px; color: #303030; } .cart-table .quantity .qty-plus { left: auto; right: 10px; } .coupon-discount { position: relative; z-index: 1; } .coupon-discount form { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .coupon-discount form input { width: 300px; height: 46px; border: 1px solid #ebebeb; background-color: #f5f5f5; padding: 0 30px; font-size: 14px; margin-right: 30px; } @media only screen and (max-width: 767px) { .coupon-discount form input { width: 150px; padding: 0 10px; font-size: 13px; margin-right: 15px; } } .coupon-discount form button { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 170px; height: 46px; border: 1px solid #ebebeb; background-color: #cccccc; color: #303030; font-size: 16px; text-transform: uppercase; cursor: pointer; font-weight: 500; } .coupon-discount form button:hover, .coupon-discount form button:focus { background-color: #70c745; color: #ffffff; border-color: #70c745; } .cart-totals-area { position: relative; z-index: 1; } .cart-totals-area .title-- { padding-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #ebebeb; margin-bottom: 0; } .cart-totals-area .subtotal, .cart-totals-area .total { padding: 20px 0; border-bottom: 1px solid #ebebeb; } .cart-totals-area .subtotal h5, .cart-totals-area .total h5 { font-size: 18px; color: #303030; margin-bottom: 0; } .cart-totals-area .subtotal h5:last-child, .cart-totals-area .total h5:last-child { font-weight: 600; } .cart-totals-area .shipping { padding: 20px 0; border-bottom: 1px solid #ebebeb; } .cart-totals-area .shipping h5 { font-size: 18px; color: #303030; margin-bottom: 0; margin-right: 50px; } .cart-totals-area .shipping .shipping-address select, .cart-totals-area .shipping .shipping-address input, .cart-totals-area .shipping .shipping-address input, .cart-totals-area .shipping .shipping-address button { width: 100%; height: 30px; font-size: 10px; padding: 0 10px; background-color: #f5f5f5; border: 1px solid #ebebeb; margin-bottom: 15px; } .cart-totals-area .shipping .shipping-address button { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 100%; height: 30px; border: 1px solid #ebebeb; background-color: #cccccc; color: #303030; font-size: 14px; text-transform: uppercase; cursor: pointer; font-weight: 500; margin-bottom: 0; } .cart-totals-area .shipping .shipping-address button:hover, .cart-totals-area .shipping .shipping-address button:focus { background-color: #70c745; color: #ffffff; border-color: #70c745; } /* :: 10.0 Checkout Area CSS */ .checkout_area { position: relative; z-index: 1; overflow-x: hidden; } .checkout_details_area { position: relative; z-index: 1; } .checkout_details_area h5 { margin-bottom: 20px; text-transform: uppercase; } .checkout_details_area input, .checkout_details_area select, .checkout_details_area textarea { width: 100%; height: 46px; border: 1px solid #ebebeb; background-color: #f5f5f5; font-size: 14px; } .checkout_details_area input:focus, .checkout_details_area select:focus, .checkout_details_area textarea:focus { box-shadow: none; border: 1px solid #70c745; } .checkout_details_area textarea { height: 100px; } .checkout_details_area .custom-control-label { font-size: 14px; } .checkout-content { position: relative; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .checkout-content { margin-top: 100px; } } @media only screen and (max-width: 767px) { .checkout-content { margin-top: 100px; } } .checkout-content .title-- { padding-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #ebebeb; margin-bottom: 0; } .checkout-content .subtotal, .checkout-content .shipping, .checkout-content .products, .checkout-content .order-total { padding: 20px 0; border-bottom: 1px solid #ebebeb; } .checkout-content .subtotal h5, .checkout-content .shipping h5, .checkout-content .products h5, .checkout-content .order-total h5 { font-size: 18px; color: #303030; margin-bottom: 0; } .checkout-content .subtotal h5:last-child, .checkout-content .shipping h5:last-child, .checkout-content .products h5:last-child, .checkout-content .order-total h5:last-child { font-weight: 600; } .checkout-content .single-products p { line-height: 1.3; margin-bottom: 0; } .checkout-content .single-products h5 { line-height: 1.3; margin-bottom: 0; } /* :: 11.0 Testimonial Area CSS */ .testimonials-slides { position: relative; z-index: 1; } .testimonials-slides .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; position: relative; z-index: 1; width: 50%; } @media only screen and (max-width: 767px) { .testimonials-slides .owl-dots { width: 100%; } } .testimonials-slides .owl-dots .owl-dot { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 12px; flex: 0 0 12px; max-width: 12px; width: 12px; border: 2px solid #b6b7b7; height: 12px; margin: 0 6px; border-radius: 50%; } .testimonials-slides .owl-dots .owl-dot::after { width: 4px; height: 4px; background-color: #70c745; border-radius: 50%; content: ''; position: absolute; top: 2px; left: 2px; z-index: 10; opacity: 0; visibility: hidden; } .testimonials-slides .owl-dots .owl-dot.active { border-color: #70c745; } .testimonials-slides .owl-dots .owl-dot.active::after { opacity: 1; visibility: visible; } .single-testimonial-slide { position: relative; z-index: 1; } .single-testimonial-slide .testimonial-thumb { width: 300px; height: 300px; margin: auto; border-radius: 50%; box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15); } .single-testimonial-slide .testimonial-thumb img { border-radius: 50%; } @media only screen and (max-width: 767px) { .single-testimonial-slide .testimonial-thumb { width: 250px; height: 250px; margin-bottom: 50px; } } .single-testimonial-slide .testimonial-content .testimonial-author-info h6 { font-size: 18px; margin-bottom: 0; } .single-testimonial-slide .testimonial-content .testimonial-author-info p { margin-bottom: 0; color: #70c745; } /* :: 12.0 About Us Area CSS */ .about-us-area { position: relative; z-index: 1; } .about-us-area .border-line { width: 100%; height: 1px; background-color: #ebebeb; margin-top: 50px; } .alazea-progress-bar { position: relative; z-index: 1; margin-top: 40px; } .alazea-progress-bar .single_progress_bar { position: relative; z-index: 1; margin-bottom: 30px; } .alazea-progress-bar .single_progress_bar:last-child { margin-bottom: 0; } .alazea-progress-bar .single_progress_bar p { font-weight: 500; line-height: 1; font-size: 18px; color: #303030; margin-bottom: 10px; } .barfiller { background-color: #ebebeb; border: none; border-radius: 0; box-shadow: none; height: 10px; margin-bottom: 5px; position: relative; width: 100%; } .barfiller .fill { display: block; position: relative; width: 0px; height: 100%; background: #70c745; z-index: 1; } .barfiller .tipWrap { display: none; } .barfiller .tip { margin-top: -35px; padding: 2px 4px; font-size: 18px; color: #303030; left: 0; position: absolute; z-index: 2; background: transparent; font-weight: 500; } .barfiller .tip::after { display: none; } .single-benefits-area { position: relative; z-index: 1; margin-bottom: 50px; } .single-benefits-area img { margin-bottom: 30px; } .single-benefits-area p { margin-bottom: 0; } /* :: 13.0 Service Area CSS */ .single-service-area { position: relative; z-index: 1; margin-bottom: 50px; } .single-service-area:last-child { margin-bottom: 0; } .single-service-area .service-icon { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; max-width: 45px; width: 45px; } .single-service-area .service-content p { margin-bottom: 0; } .alazea-video-area { position: relative; z-index: 1; border-radius: 6px; box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15); } .alazea-video-area.bg-overlay:after { border-radius: 6px; } .alazea-video-area img { position: relative; z-index: -21; border-radius: 6px; } .alazea-video-area .video-icon { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 70px; height: 70px; background-color: #70c745; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; z-index: 100; border-radius: 50%; line-height: 72px; text-align: center; cursor: pointer; opacity: 0.9; } .alazea-video-area .video-icon i { color: #ffffff; font-size: 24px; } .alazea-video-area .video-icon:hover { opacity: 1; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); } /* :: 14.0 Team Member Area CSS */ .single-team-member { position: relative; z-index: 1; } .single-team-member .team-member-thumb { position: relative; z-index: 1; } .single-team-member .team-member-thumb img { width: 100%; } .single-team-member .team-member-thumb .team-member-social-info { position: absolute; width: 100%; height: 60px; background-color: rgba(48, 48, 48, 0.7); bottom: 0; left: 0; right: 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-team-member .team-member-thumb .team-member-social-info a { color: #ffffff; line-height: 60px; margin: 0 15px; } .single-team-member .team-member-thumb .team-member-social-info a:hover { color: #70c745; } .single-team-member .team-member-info h5 { margin-bottom: 4px; } .single-team-member .team-member-info p { margin-bottom: 0; } .single-team-member:hover .team-member-thumb .team-member-social-info { opacity: 1; visibility: visible; } /* :: 15.0 Portfolio Area CSS */ .alazea-portfolio-filter { position: relative; z-index: 1; text-align: center; margin-bottom: 30px; } .alazea-portfolio-filter .btn { -webkit-transition-duration: 300ms; transition-duration: 300ms; padding: 0; font-size: 20px; color: #707070; font-weight: 500; background-color: transparent; padding: 0 20px; } @media only screen and (max-width: 767px) { .alazea-portfolio-filter .btn { font-size: 16px; padding: 0 5px; } } .alazea-portfolio-filter .btn:hover, .alazea-portfolio-filter .btn:focus { color: #70c745; box-shadow: none; } .alazea-portfolio.row { margin-right: -10px; margin-left: -10px; } .alazea-portfolio .col-12 { padding-left: 10px; padding-right: 10px; } .single_portfolio_item { position: relative; z-index: 10; margin-top: 20px; overflow: hidden; height: 400px; -webkit-transition-duration: 500ms; transition-duration: 500ms; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single_portfolio_item { height: 290px; } } @media only screen and (max-width: 767px) { .single_portfolio_item { height: 300px; } } .single_portfolio_item .portfolio-thumbnail { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: calc(100% - 20px); position: absolute; height: 100%; top: 0; left: 10px; right: 10px; background-repeat: no-repeat; } .single_portfolio_item .portfolio-hover-overlay { width: calc(100% - 20px); height: 100%; top: 0; left: 10px; right: 10px; -webkit-transition-duration: 500ms; transition-duration: 500ms; background-color: rgba(33, 144, 13, 0.8); position: absolute; z-index: 10; text-align: center; opacity: 0; visibility: hidden; } .single_portfolio_item .portfolio-hover-overlay a { position: relative; width: 100%; height: 100%; z-index: 30; } .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 { font-size: 28px; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 { font-size: 20px; } } @media only screen and (max-width: 767px) { .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 { font-size: 18px; } } .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h5 { font-size: 18px; margin-bottom: 0; color: #ffffff; font-weight: 400; } @media only screen and (max-width: 767px) { .single_portfolio_item .portfolio-hover-overlay a .port-hover-text h5 { font-size: 14px; } } /*.single_portfolio_item:hover { -webkit-transform: translateY(-15px); transform: translateY(-15px); }*/ /*.single_portfolio_item:hover .portfolio-hover-overlay { opacity: 1; visibility: visible; }*/ .portfolio-page .single_portfolio_item { height: 320px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #ffffff; right: 0; text-align: center; padding-right: 0; top: 40px; width: 36px; height: 36px; background-color: #70c745; line-height: 36px; } .mfp-bottom-bar { margin-top: 0; top: auto; bottom: 55px; left: 0; width: 100%; cursor: auto; background-color: transparent; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .mfp-bottom-bar .mfp-title { line-height: normal; color: #ffffff; padding-right: 0; background-color: #70c745; padding: 8px 20px; border-radius: 30px; font-size: 12px; font-weight: 700; } .mfp-bottom-bar .mfp-counter { color: #ffffff; position: relative; line-height: normal; background-color: #70c745; padding: 8px 20px; border-radius: 30px; font-size: 12px; font-weight: 700; } /* :: 16.0 Cool Facts Area CSS */ .cool-facts-area { position: relative; z-index: 1; background-size: cover; background-position: top left; } @media only screen and (max-width: 767px) { .cool-facts-area::after { width: 100%; height: 100%; top: 0; left: 0; background-color: #f2f4f5; content: ''; position: absolute; z-index: -1; } } .cool-facts-area .side-img { position: absolute; bottom: -80px; right: 10%; z-index: 10; width: 150px; } .single-cool-fact { position: relative; z-index: 1; } .single-cool-fact .cf-icon { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; width: 50px; margin-right: 30px; } .single-cool-fact .cf-content h2 { font-size: 36px; margin-bottom: 10px; line-height: 1; } .single-cool-fact .cf-content h6 { font-weight: 400; color: #707070; margin-bottom: 0; text-transform: uppercase; } /* :: 17.0 Footer Area CSS */ .footer-area { position: relative; z-index: 1; } .footer-area::after { /*background-color: rgba(4, 43, 15, 0.8);*/ background-color:#56b0cc !important ; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .main-footer-area { background-color:#56b0cc !important ; } .footer-area .main-footer-area { position: relative; z-index: 1; padding-top: 80px; } .footer-area .single-footer-widget { position: relative; z-index: 1; margin-bottom: 70px; } .footer-area .single-footer-widget p { color: #b7b7b7; margin-bottom: 20px; } .footer-area .single-footer-widget .social-info a { display: inline-block; border: 1px solid #b7b7b7; width: 40px; height: 40px; border-radius: 50%; text-align: center; color: #ffffff; margin-right: 5px; line-height: 38px; background: #fd6905; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-area .single-footer-widget .social-info a { width: 30px; height: 30px; line-height: 28px; font-size: 14px; } } .footer-area .single-footer-widget .social-info a:hover, .footer-area .single-footer-widget .social-info a:focus { border-color: #fd6905; background-color: #fd6905; } .footer-area .single-footer-widget .widget-title h5 { font-size: 22px; color: #ffffff; text-transform: uppercase; margin-bottom: 30px; } .footer-area .single-footer-widget .widget-nav ul { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-area .single-footer-widget .widget-nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .footer-area .single-footer-widget .widget-nav ul li a { display: block; color: #b7b7b7; font-size: 16px; font-weight: 400; margin-bottom: 11px; } .footer-area .single-footer-widget .widget-nav ul li a:hover, .footer-area .single-footer-widget .widget-nav ul li a:focus { color: #ffffff; } .footer-area .single-footer-widget .single-best-seller-product { position: relative; z-index: 1; margin-bottom: 20px; } .footer-area .single-footer-widget .single-best-seller-product::after { margin-bottom: 0; } .footer-area .single-footer-widget .single-best-seller-product .product-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 70px; margin-right: 30px; } .footer-area .single-footer-widget .single-best-seller-product .product-info a { display: block; color: #b7b7b7; font-size: 16px; font-weight: 400; } .footer-area .single-footer-widget .single-best-seller-product .product-info a:hover, .footer-area .single-footer-widget .single-best-seller-product .product-info a:focus { color: #ffffff; } .footer-area .single-footer-widget .single-best-seller-product .product-info p { margin-bottom: 0; color: #ffffff; font-weight: 500; } .footer-area .single-footer-widget .contact-information p { line-height: 1.3; color: #ffffff; margin-bottom: 13px; } .footer-area .single-footer-widget .contact-information p span { color: #b7b7b7; } .footer-area .single-footer-widget .contact-information p:last-child { margin-bottom: 0; } .footer-area .footer-bottom-area { position: relative; z-index: 1; } .footer-area .footer-bottom-area .border-line { width: 100%; height: 1px; background-color:#56b0cc ; /*background-color: #34513d;*/ } .footer-area .footer-bottom-area .copywrite-text { position: relative; background-color:#56b0cc ; z-index: 1; padding: 20px 0; } @media only screen and (max-width: 767px) { .footer-area .footer-bottom-area .copywrite-text { text-align: center; padding-bottom: 0; } } .footer-area .footer-bottom-area .copywrite-text p { font-size: 14px; color: #b7b7b7; font-weight: 400; margin-bottom: 0; } @media only screen and (max-width: 767px) { .footer-area .footer-bottom-area .copywrite-text p { font-size: 12px; } } .footer-area .footer-bottom-area .copywrite-text p a { font-size: 14px; color: #ffffff; font-weight: 500; } .footer-area .footer-bottom-area .copywrite-text p a:hover, .footer-area .footer-bottom-area .copywrite-text p a:focus { color: #fd6905; } @media only screen and (max-width: 767px) { .footer-area .footer-bottom-area .copywrite-text p a { font-size: 12px; } } .footer-bottom-area div { background-color:#56b0cc ; } .footer-area .footer-bottom-area .footer-nav { position: relative; background-color:#56b0cc ; z-index: 1; padding: 20px 0; } .footer-area .footer-bottom-area .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .footer-area .footer-bottom-area .footer-nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer-area .footer-bottom-area .footer-nav ul li a { display: inline-block; color: #b7b7b7; font-size: 13px; font-weight: 400; margin: 0 15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-area .footer-bottom-area .footer-nav ul li a { margin: 0 8px; } } @media only screen and (max-width: 767px) { .footer-area .footer-bottom-area .footer-nav ul li a { margin: 0 5px; } } .footer-area .footer-bottom-area .footer-nav ul li a:hover, .footer-area .footer-bottom-area .footer-nav ul li a:focus { color: #ffffff; } .footer-area .footer-bottom-area .footer-nav ul li:last-child a { margin-right: 0; } /* :: 18.0 Breadcumb Area CSS */ .breadcrumb-area { position: relative; z-index: 10; width: 100%; } .breadcrumb-area .top-breadcrumb-area { position: relative; z-index: 1; width: 100%; height: 100vh; } @media only screen and (max-width: 767px) { .breadcrumb-area .top-breadcrumb-area { height: 100vh; } } .breadcrumb-area .top-breadcrumb-area h2 { margin-top: 132px; font-size: 36px; color: #ffffff; margin-bottom: 0; line-height: 1; text-transform: uppercase; } @media only screen and (max-width: 767px) { .breadcrumb-area .top-breadcrumb-area h2 { margin-top: 112px; font-size: 30px; } } .breadcrumb-area .breadcrumb { margin: 0; padding-top: 30px; padding-bottom: 50px; padding-left: 0; padding-right: 0; background-color: transparent; } .breadcrumb-area .breadcrumb .breadcrumb-item { font-size: 16px; color: #b7b7b7; text-transform: capitalize; } .breadcrumb-area .breadcrumb .breadcrumb-item a { text-transform: capitalize; font-size: 16px; color: #303030; } .breadcrumb-area .breadcrumb .breadcrumb-item a:hover, .breadcrumb-area .breadcrumb .breadcrumb-item a:focus { color: #70c745; } .breadcrumb-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #303030; content: ">"; } /* :: 19.0 Blog Area CSS */ .single-blog-post { position: relative; z-index: 1; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single-blog-post .post-thumbnail { position: relative; z-index: 1; } .single-blog-post .post-content .post-title h5 { -webkit-transition-duration: 500ms; transition-duration: 500ms; line-height: 1.5; margin-bottom: 15px; } .single-blog-post .post-content .post-title h5:hover { color: #219017 !important; } .single-blog-post .post-content .post-meta { position: relative; z-index: 1; margin-bottom: 10px; } .single-blog-post .post-content .post-meta a { position: relative; z-index: 1; display: inline-block; font-size: 14px; color: #b7b7b7; margin-right: 30px; } .single-blog-post .post-content .post-meta a:last-child::after { content: '/'; top: 0; left: -20px; position: absolute; z-index: 1; } .single-blog-post .post-content .post-meta a i { margin-right: 5px; color: #219017; } .single-blog-post .post-content .post-meta a:hover { color: #219017; } .single-blog-post .post-content .post-excerpt { font-size: 16px; color: #219017; margin-bottom: 0; } .single-blog-post:hover .post-content .post-title h5 { color: #219017; } .pagination { position: relative; z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination .page-item .page-link { color: #707070; width: 46px; height: 46px; border-radius: 50%; text-align: center; font-size: 18px; line-height: 44px; padding: 0; margin: 0 10px; } .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus { border-color: #70c745; background-color: #70c745; color: #ffffff; } .shop-products-area .pagination { position: relative; z-index: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .shop-products-area .pagination .page-item .page-link { color: #707070; width: 46px; height: 46px; border-radius: 0; text-align: center; border: 1px solid #ebebeb; font-size: 18px; line-height: 44px; padding: 0; margin: 0 10px; background-color: #f5f5f5; } .shop-products-area .pagination .page-item .page-link:hover, .shop-products-area .pagination .page-item .page-link:focus { border-color: #70c745; background-color: #70c745; color: #ffffff; } /* :: 20.0 Comment Area */ .comment_area { position: relative; z-index: 1; padding: 50px 0 20px 0; border-top: 1px solid #ebebeb; } .comment_area .headline { margin-bottom: 30px; } .comment_area .single_comment_area { position: relative; z-index: 1; } .comment_area .single_comment_area::after { position: absolute; width: 1px; height: 90%; background-color: #ebebeb; left: 100px; top: 0; z-index: 2; content: ''; } @media only screen and (max-width: 767px) { .comment_area .single_comment_area::after { display: none; } } .comment_area .single_comment_area .comment-wrapper { margin-bottom: 30px; } .comment_area .single_comment_area .comment-wrapper .comment-author { width: 70px; height: 70px; border-radius: 50%; margin-right: 60px; } @media only screen and (max-width: 767px) { .comment_area .single_comment_area .comment-wrapper .comment-author { margin-right: 20px; } } .comment_area .single_comment_area .comment-wrapper .comment-author img { width: 100%; height: 100%; border-radius: 50%; } .comment_area .single_comment_area .comment-wrapper .comment-content { -webkit-box-flex: 0; -ms-flex: 1; flex: 1; } .comment_area .single_comment_area .comment-wrapper .comment-content .comment-date { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #70c745; } .comment_area .single_comment_area .comment-wrapper .comment-content h5 { font-size: 20px; margin: 0 0 10px 0; } .comment_area .single_comment_area .comment-wrapper .comment-content p { font-size: 16px; margin-bottom: 5px; } .comment_area .single_comment_area .comment-wrapper .comment-content .comment-date { color: #b7b7b7; font-size: 14px; margin-bottom: 10px; } .comment_area .single_comment_area .comment-wrapper .comment-content a { font-size: 14px; color: #303030; display: inline-block; text-transform: uppercase; letter-spacing: 1px; } .comment_area .single_comment_area .comment-wrapper .comment-content a:hover { color: #70c745; } .single_comment_area ol li.single_comment_area { margin-left: 130px; } .single_comment_area ol li.single_comment_area::after { display: none; } @media only screen and (max-width: 767px) { .single_comment_area ol li.single_comment_area { margin-left: 40px; } } .single_comment_area ol li.single_comment_area .comment-wrapper .comment-author { margin-right: 30px; } @media only screen and (max-width: 767px) { .single_comment_area ol li.single_comment_area .comment-wrapper .comment-author { margin-right: 15px; } } /* :: 21.0 Leave A Reply Area CSS */ .leave-comment-area { position: relative; z-index: 1; border-top: 1px solid #ebebeb; padding: 50px 0 0 0; } .leave-comment-area h4 { margin-bottom: 30px; } .leave-comment-area form .form-control { width: 100%; height: 40px; border: 1px solid #ebebeb; font-size: 14px; color: #b7b7b7; padding: 10px 20px; margin-bottom: 20px; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .leave-comment-area form .form-control:focus { box-shadow: none; border-color: #70c745; } .leave-comment-area form textarea.form-control { width: 100%; height: 120px; } /* :: 22.0 Sidebar Area CSS */ @media only screen and (max-width: 767px) { .post-sidebar-area { margin-top: 100px; } } .single-widget-area { position: relative; z-index: 1; margin-bottom: 50px; } .single-widget-area .widget-title { width: 100%; position: relative; z-index: 2; margin-bottom: 30px; } .single-widget-area .widget-title h4 { position: relative; z-index: 5; text-transform: uppercase; margin-bottom: 0; line-height: 1; } .single-widget-area .widget-content img { margin-top: 20px; margin-bottom: 15px; } .single-widget-area .widget-content p { margin-bottom: 0; font-size: 16px; line-height: 1.6; } .single-widget-area .single-latest-post { position: relative; z-index: 1; margin-bottom: 30px; } .single-widget-area .single-latest-post:last-child { margin-bottom: 0; } .single-widget-area .single-latest-post .post-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 70px; margin-right: 30px; } .single-widget-area .single-latest-post .post-content .post-title h6 { -webkit-transition-duration: 500ms; transition-duration: 500ms; font-size: 18px; margin-bottom: 10px; line-height: 1.3; } .single-widget-area .single-latest-post .post-content .post-title h6:hover, .single-widget-area .single-latest-post .post-content .post-title h6:focus { color: #70c745; } .single-widget-area .single-latest-post .post-content .post-date { display: block; font-size: 14px; margin-bottom: 0; color: #b7b7b7; line-height: 1; } .single-widget-area .popular-tags li a { display: inline-block; margin: 4px; padding: 10px 15px; line-height: 1; text-transform: uppercase; font-size: 14px; color: #707070; background-color: #f9f9f9; } .single-widget-area .popular-tags li a:hover, .single-widget-area .popular-tags li a:focus { color: #ffffff; background-color: #70c745; } .single-widget-area .author-widget { border: 1px solid #ebebeb; padding: 30px; } .single-widget-area .author-widget .author-thumb-name { position: relative; z-index: 1; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; } .single-widget-area .author-widget .author-thumb-name .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; width: 80px; height: 80px; border-radius: 50%; margin-right: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-widget-area .author-widget .author-thumb-name .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; width: 50px; height: 50px; margin-right: 15px; } } .single-widget-area .author-widget .author-thumb-name .author-thumb img { border-radius: 50%; } .single-widget-area .author-widget .author-thumb-name .author-name h5 { margin-bottom: 3px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-widget-area .author-widget .author-thumb-name .author-name h5 { font-size: 14px; } } .single-widget-area .author-widget .author-thumb-name .author-name p { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-widget-area .author-widget .author-thumb-name .author-name p { font-size: 13px; } } .single-widget-area .author-widget .social-info a { display: inline-block; margin-right: 20px; color: #b7b7b7; } .single-widget-area .author-widget .social-info a:hover { color: #70c745; } .single-widget-area .single-best-seller-product { position: relative; z-index: 1; margin-bottom: 20px; } .single-widget-area .single-best-seller-product::after { margin-bottom: 0; } .single-widget-area .single-best-seller-product .product-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 70px; margin-right: 30px; } .single-widget-area .single-best-seller-product .product-info a { display: block; color: #707070; font-size: 16px; font-weight: 400; margin-bottom: 5px; } .single-widget-area .single-best-seller-product .product-info a:hover, .single-widget-area .single-best-seller-product .product-info a:focus { color: #303030; } .single-widget-area .single-best-seller-product .product-info p { margin-bottom: 0; color: #303030; font-weight: 500; } .single-widget-area .single-best-seller-product .product-info .ratings i { font-size: 12px; color: #ff9800; } .single-widget-area .search-form { position: relative; z-index: 2; } .single-widget-area .search-form input { background-color: #ffffff; padding: 0 20px; width: 100%; height: 50px; font-size: 14px; color: #b7b7b7; border: 1px solid #ebebeb; border-radius: 0; } .single-widget-area .search-form input:focus { box-shadow: none; } .single-widget-area .search-form button { position: absolute; top: 0; right: 0; width: 50px; height: 50px; z-index: 10; border: none; background-color: #ffffff; cursor: pointer; color: #303030; border: 1px solid #ebebeb; border-left: none; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .single-widget-area .search-form button:hover { color: #70c745; } .single-post-details-area { position: relative; z-index: 1; margin-bottom: 50px; } .single-post-details-area .post-content .post-title { -webkit-transition-duration: 500ms; transition-duration: 500ms; line-height: 1.5; margin-bottom: 15px; font-size: 32px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-post-details-area .post-content .post-title { font-size: 26px; } } @media only screen and (max-width: 767px) { .single-post-details-area .post-content .post-title { font-size: 24px; } } .single-post-details-area .post-content .post-meta { position: relative; z-index: 1; margin-bottom: 10px; } .single-post-details-area .post-content .post-meta a { position: relative; z-index: 1; display: inline-block; font-size: 18px; color: #b7b7b7; margin-right: 30px; } .single-post-details-area .post-content .post-meta a:last-child::after { content: '/'; top: 0; left: -20px; position: absolute; z-index: 1; } .single-post-details-area .post-content .post-meta a i { margin-right: 5px; color: #70c745; } .single-post-details-area .post-content .post-meta a:hover { color: #70c745; } .single-post-details-area .post-content blockquote { position: relative; z-index: 1; padding: 30px 50px; background-color: #f9f9f9; } .single-post-details-area .post-content blockquote .blockquote-text h5:last-child { color: #70c745; } .post-tags-share { position: relative; z-index: 1; margin-bottom: 50px; } .post-tags-share .popular-tags span { font-size: 14px; text-transform: uppercase; margin-right: 15px; } .post-tags-share .popular-tags li a { display: inline-block; margin: 4px; padding: 10px 15px; background-color: #f9f9f9; line-height: 1; text-transform: uppercase; font-size: 13px; color: #707070; } .post-tags-share .popular-tags li a:hover, .post-tags-share .popular-tags li a:focus { color: #ffffff; background-color: #70c745; } .post-tags-share .post-share a { font-size: 14px; display: inline-block; padding: 0 10px; } .post-tags-share .post-share a:hover, .post-tags-share .post-share a:focus { color: #70c745; } @media only screen and (max-width: 767px) { .post-tags-share .post-share a { padding: 0 5px; } } /* :: 23.0 Contact Area CSS */ .map-area { position: relative; z-index: 2; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); } .map-area iframe { width: 100%; height: 400px; border: none; margin-bottom: 0; border-radius: 5px; } @media only screen and (max-width: 767px) { .map-area iframe { height: 320px; } } .contact-form-area .form-control { position: relative; z-index: 2; height: 45px; width: 100%; background-color: #ffffff; font-size: 16px; margin-bottom: 15px; border: 1px solid #e1e1e1; border-radius: 2px; padding: 15px 20px; font-weight: 400; color: #b7b7b7; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .contact-form-area .form-control:focus { box-shadow: none; border-color: #70c745; } .contact-form-area textarea.form-control { height: 80px; } .contact-information p { line-height: 1.3; color: #707070; margin-bottom: 13px; } .contact-information p span { color: #303030; } .contact-information p:last-child { margin-bottom: 0; } .contact--thumbnail { position: relative; z-index: 1; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { .contact--thumbnail { margin-bottom: 100px; } } /* :: 24.0 Portfolio Details Area CSS */ .portfolio-details-area { position: relative; z-index: 1; } .portfolio-details-area ul li { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .portfolio-details-area ul li i { color: #70c745; margin-right: 15px; } .portfolio-slides { position: relative; z-index: 1; } .portfolio-slides .owl-prev { position: absolute; top: calc(50% - 30px); color: #ffffff; font-size: 50px; left: 30%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; } .portfolio-slides .owl-next { position: absolute; top: calc(50% - 30px); color: #ffffff; font-size: 50px; right: 30%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; } .portfolio-slides .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; position: relative; z-index: 1; width: 100%; } .portfolio-slides .owl-dots .owl-dot { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 12px; flex: 0 0 12px; max-width: 12px; width: 12px; border: 2px solid #b7b7b7; height: 12px; margin: 0 6px; border-radius: 50%; } .portfolio-slides .owl-dots .owl-dot::after { width: 4px; height: 4px; background-color: #70c745; border-radius: 50%; content: ''; position: absolute; top: 2px; left: 2px; z-index: 10; opacity: 0; visibility: hidden; } .portfolio-slides .owl-dots .owl-dot.active { border-color: #70c745; } .portfolio-slides .owl-dots .owl-dot.active::after { opacity: 1; visibility: visible; } .portfolio-details-meta { position: relative; z-index: 1; margin-bottom: 25px; } .portfolio-details-meta h5 { margin-bottom: 5px; } .portfolio-details-meta p { margin-bottom: 0; } .portfolio-details-meta:last-child { margin-bottom: 0; } /* ======= The End ======= */ /*# sourceMappingURL=style.css.map */