/* Theme Name: SEEDS Theme URI: https://oceanwp.org/ Description: OceanWP child theme Author: Bright Bridge Studios Author URI: https://brightbridge.net Template: oceanwp Version: 1.0 */ /*woocommerce styles for test period #outer-wrap .wcmenucart-cart-icon {display:none;} .logged-in #outer-wrap .wcmenucart-cart-icon {display:inline-block !important;} */ /*WooCommerce Styles */ .sidebar-box ul {margin:0 0 20px 20px !important;} .widget-area.sidebar-primary { padding-left:0; } .sidebar-box ul li ul { list-style:disc } p.seeds-store-notice, .wc-block-product-categories-list-item {text-transform:none; font-size:16px;} @media screen and (min-width:960px) { .widget-area.sidebar-primary { padding-right:0; width:25% } } /* hide some stuff */ .woocommerce .cart-collaterals p.woocommerce-shipping-destination, .woocommerce-info:before {display:none !important} .woocommerce .woocommerce-checkout h3 {font-size:18px !important;} /* search results page */ #content {max-width:800px; margin: 0 auto;} .search-results article .search-entry-readmore a {text-transform:none; font-size:16px; font-weight:400; letter-spacing:0;border:none !important} .page-header .page-subheading { color:#FFF; font-size:20px;} .search-results article .thumbnail img {width:120px} /* blog archive pages */ body.archive .blog-entry-readmore {display:none} table th, table td, hr, .content-area, body.content-left-sidebar #content-wrap .content-area, .content-left-sidebar .content-area, #top-bar-wrap, #site-header, #site-header.top-header #search-toggle, .dropdown-menu ul li, .centered-minimal-page-header, .blog-entry.post, .blog-entry.grid-entry .blog-entry-inner, .blog-entry.thumbnail-entry .blog-entry-bottom, .single-post .entry-title, .single .entry-share-wrap .entry-share, .single .entry-share, .single .entry-share ul li a, .single nav.post-navigation, .single nav.post-navigation .nav-links .nav-previous, #author-bio, #author-bio .author-bio-avatar, #author-bio .author-bio-social li a, #related-posts, #comments, .comment-body, #respond #cancel-comment-reply-link, #blog-entries .type-page, .page-numbers a, .page-numbers span:not(.elementor-screen-only), .page-links span, body #wp-calendar caption, body #wp-calendar th, body #wp-calendar tbody, body .contact-info-widget.default i, body .contact-info-widget.big-icons i, body .posts-thumbnails-widget li, body .tagcloud a {border:none;} .blog-entry.post .blog-entry-header .entry-title a {letter-spacing:0;} .sidebar-box li a {font-size:16px;} /* scrolling for named anchors on sections */ section {scroll-margin-top: 90px;} /* Donate Button and Search Toggle in Main Menu */ #site-navigation-wrap .dropdown-menu>li.search-toggle-li { margin-left:10px; } #site-navigation-wrap .dropdown-menu >li#menu-item-1888 a span {background:#e27b2b; padding:4px 8px; margin-top:-4px; color:#FFF; transition:background .5s; } #site-navigation-wrap .dropdown-menu >li#menu-item-1888 a:hover span {background:#fab030; color:#FFF;} #mobile-dropdown ul li.menu-item-1888 a {color:#e27b2b; font-weight:500 !important} /* MAps Marker Pro Map */ .maps-marker-pro .mmp-panel, .maps-marker-pro .mmp-list-row-header-right, .maps-marker-pro .mmp-control-attribution,.maps-marker-pro .mmp-list-footer { display:none; } /* remove borders */ .maps-marker-pro, .maps-marker-pro.mmp-list-left .mmp-list, .maps-marker-pro .mmp-list-row {border:0px solid !important;} /* remove background color */ .leaflet-container, .maps-marker-pro {background-color:transparent} /* but leave the background of the list white */ .maps-marker-pro .mmp-list {background-color:#FFF;} /* reduce opacity of map while controls remain full opacity .leaflet-tile-pane { opacity:.55 } */ .maps-marker-pro .mmp-list-name { font-size:16px; font-weight:400; border-bottom:none !important; color:#297cc4 } .leaflet-popup-content-wrapper .mmp-popup-name { font-size:20px; font-weight:400; border-bottom:none !important; color:#e27b2b } .maps-marker-pro .mmp-list { font-size:14px; font-weight:400; line-height:1.4 } .leaflet-popup-content-wrapper { font-size:13px; font-family:"Assistant",sans-serif; } { font-size:16px; font-weight:300; border-bottom:0 !important; } .maps-marker-pro .leaflet-popup-content { padding:12px 18px;margin: 18px 6px 20px; } /* .maps-marker-pro .mmp-map-wrap { -moz-border-radius:6px; border-radius:6px; overflow:hidden } */ .maps-marker-pro.mmp-list-below .mmp-list { border-top:none !important;padding-top:24px; } /* Parent stylesheet should be loaded from functions.php not using @import */ .elementor-section .flushleft .elementor-container {margin-left:0 !important;} .elementor-section .flushright .elementor-container {margin-right:0 !important;} /* Elementor Buttons */#main .button {font-size:16px;} #main .button, #main a.elementor-button {font-weight:400; text-transform:none; letter-spacing:1px;} #main a.elementor-button.elementor-size-sm, #main .button { padding:12px 18px; background-color:rgba(255,255,255,0.85); border:2px solid #e27b2b; color:#e27b2b } #main .button:hover,#main .button:active,#main a.elementor-button.elementor-size-sm:hover, #main a.elementor-button.elementor-size-sm:active, #main a.elementor-button.elementor-size-sm:focus {background-color:#FFF; border:2px solid #fab030; color:#fab030;} #main a.elementor-button.elementor-size-md {padding:14px 20px;} #main a.elementor-button.elementor-size-lg {font-size:17px; padding:18px 24px;} #main a.elementor-button.elementor-size-xl {font-size:18px; padding:24px 30px;} .btn-block a {display:block !important;} /* Typography */ .elementor-widget-container ul, .elementor-widget-container ol {margin:0 0 20px 20px ;} p a, .search-results article .search-entry-readmore a, .elementor-widget-container p a, .maps-marker-pro .mmp-list-name, p a, h4 a, .elementor-widget-container h4 a, h5 a, .elementor-widget-container h5 a, h6 a, .elementor-widget-container h6 a { text-decoration: underline .15em rgba(3, 175, 250, .2); transition: all 300ms; } .search-results article .search-entry-readmore a:hover,.search-results article .search-entry-readmore a:active,h4 a:hover, .elementor-widget-container h4 a:hover, h4 a:active, .elementor-widget-container h4 a:active, h5 a:hover, .elementor-widget-container h5 a:hover, h5 a:active, .elementor-widget-container h5 a:active, h5 a:focus, .elementor-widget-container h5 a:focus, h6 a:hover, .elementor-widget-container h6 a:hover, h6 a:active, .elementor-widget-container h6 a:active, h6 a:focus, .elementor-widget-container h6 a:focus, p a:hover, .elementor-widget-container p a:hover, p a:active, .elementor-widget-container p a:active, p a:focus, .elementor-widget-container p a:focus { text-decoration: underline .15em rgba(250, 176, 48, .5); } .maps-marker-pro .mmp-list-name:hover, .maps-marker-pro .mmp-list-name:active { color:#e27b2b; text-decoration: underline .15em rgba(250, 176, 48, .5); } p a.button, .elementor-widget-container p a.button {text-decoration:none !important} /* all Headings */ #main .elementor-heading-title {line-height:1.4} /* H5 and H6 are not controlled through Appearance Settings Typography */ h5 {font-size:18px} h6 {font-size:16px} /* sidebar */ #outer-wrap .sidebar-box ul li {border-top:none; border-bottom:none; margin-bottom:0px;} @media screen and (min-width:768px) { h5 {font-size:20px} h6 {font-size:18px} } @media screen and (min-width:960px) { h5 {font-size:22px} h6 {font-size:20px} } /* Our Board and Staff Page listings */ #main .our-staff h3.elementor-heading-title i {font-size:18px;} /* footer titles */ #footer-content h4, #footer-content h5 { margin:20px 0 10px 0; } /* min height content area */ #main.site-main {min-height:500px;} /* Sticky header */ /* header width and position */ #site-header-inner {width:1200px; max-width:95%; margin:0 auto 0 auto;} #mysticky-nav {box-shadow:0px 1px 3px rgba(0,0,0,0.1); border-bottom:1px solid rgba(255,255,255,0.4)} #mysticky-nav.wrapfixed #site-header-inner {width:1200px;} /* change logo on scroll */ #mysticky-nav.wrapfixed #site-header #site-logo #site-logo-inner a img {display:none;} #mysticky-nav.wrapfixed #site-header #site-logo #site-logo-inner a { background-image:url('https://ecoseeds.org/wp-content/uploads/2023/04/SEEDS-Favicon.png'); background-repeat:no-repeat; background-size:50px 50px; height:50px; width:50px; display:block;} /* element height and padding on scroll */ #mysticky-nav.wrapfixed #site-header #site-navigation-wrap .dropdown-menu >li >a {line-height:50px;} #mysticky-nav.wrapfixed #site-header #site-header-inner {padding:10px 0;} #mysticky-nav.wrapfixed #site-header #site-logo #site-logo-inner {height:auto;} /* main menu and dropdowns */ .dropdown-menu .sub-menu {border-top:none;} #mobile-dropdown {max-height:none;} /* mobile hamburger button label text */ .oceanwp-mobile-menu-icon a.mobile-menu span {font-weight:600} /* container */ .container { max-width: 95%; } /* #site-header {background-color:transparent !important;border:none;} */ /* page titles */ header.page-header { background-image:url('https://ecoseeds.org/wp-content/uploads/2023/03/SEEDS-bg-white-alt2-450.png');background-position:-20px center; background-repeat:no-repeat;} header.page-header .container { margin:0; padding-left:50px;} /* Sidebars */ .sidebar-box ul li { padding: 6px 0; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; margin-bottom:-1px; } /* Slide Anything Slider */ #splash-slider h1, #splash-slider h2, #splash-slider h3, #splash-slider h4, #splash-slider h5, #splash-slider h6,#splash-slider p,#splash-slider p a, #splash-slider h1 a, #splash-slider h2 a, #splash-slider h3 a, #splash-slider h4 a, #splash-slider h5 a, #splash-slider h6 a { color:#FFF; } #splash-slider h4, #splash-slider h4 a { color:#fab030 } /* remove default hover effect */ #splash-slider .sa_hover_fullslide a:hover {background-color:transparent !important;} /* pagination dots */ #splash-slider .sa_owl_theme .owl-dots .owl-dot span { display: inline-block !important; border-style: none !important; background-color: rgba(255,255,255,0.2) !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; margin: 0px 7px !important;} #splash-slider .sa_owl_theme .owl-dots .active span { background-color: rgba(255,255,255,0.5) !important; } /* end slide anything slider*/ /* BLOG */ .premium-blog-post-time {margin-left:-6px;} /* Project Portfolio*/ #portfolio-grid .premium-blog-content-wrapper { bottom:0; } #portfolio-grid .premium-blog-post-container h2 { opacity:0; transition:opacity 1s; width:100%; } #portfolio-grid .premium-blog-post-container h2 a { width:100%; } #portfolio-grid .premium-blog-post-container:hover h2 {opacity:1} #portfolio-grid .premium-blog-meta-data {margin-left:0;} /* Featured Blog Posts */ #feat-blog-grid .premium-blog-content-wrapper { bottom:0; } #feat-blog-grid .premium-blog-post-container h2 { transition:opacity 1s; width:100%; } #feat-blog-grid .premium-blog-post-container h2 a { width:100%; } #feat-blog-grid .premium-blog-meta-data {margin-top:15px;} #feat-blog-grid .premium-blog-post-tags-container { margin-top:0 } /* read more with jquery */ .more {display:none;} button.read { margin: 15px 0; padding:0; display: block; background-color:transparent; border:none; outline: none; text-transform: capitalize; cursor: pointer; text-decoration:underline; font-weight:400; font-size:14px; letter-spacing:0; color:#297cc4; } button.read:hover,button.read:active,button.read:focus { color:#549ff9; background-color:transparent; } /*end read more w jquery*/ /* = Screens */ @media screen { /*remove outline on all links */ a:active, a:hover, a:focus { outline:none !important } } /* = Screens below desktop breakpoint */ @media screen and (max-width:960px) { #top-bar-wrap {display:none;} /* mobile header */ #site-header-inner {max-width:90%; margin:0 auto;} } /* = Screens below tablet breakpoint */ @media screen and (max-width:768px) { /* mobile page title */ header.page-header .container { margin:0; padding-left:24px;} } /* = Screens below desktop breakpoint */ @media screen and (max-width:960px) { #top-bar-wrap {display:none;} /* mobile header */ #site-header-inner {max-width:90%; margin:0 auto;} /* Project Portfolio */ #portfolio-grid .premium-blog-post-container h2 {opacity:1; } } /* = Screens less than 1140 */ @media screen and (max-width:1180px) { /* slightly smaller menu links on this breakpoint */ #site-header-inner #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner #site-header.full_screen-header .fs-dropdown-menu >li >a, #site-header-inner #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner .oceanwp-mobile-menu-icon a {font-size:15px;} #site-navigation-wrap .dropdown-menu >li >a {padding:0 7px !important;} } /* = Screens less than 1040 */ @media screen and (min-width:768px) and (max-width:1040px) { /* slightly smaller menu links on this breakpoint */ #site-header-inner #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner #site-header.full_screen-header .fs-dropdown-menu >li >a, #site-header-inner #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, #site-header-inner .oceanwp-mobile-menu-icon a {font-size:14px;} #site-navigation-wrap .dropdown-menu >li >a {padding:0 6px !important;} #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {max-width:240px !important;} } /* = Screens above desktop breakpoint */ @media screen and (min-width:960px) { /* align logo to the right on desktop */ #site-logo { float:right; padding-left:0; padding-right:0;} } /* Form Elements */ #subscribe-footer span, #subscribe-form span { width:45%; margin:0 2% 15px 0; display:inline-block } #subscribe-footer label, #subscribe-form label {display:block;} #subscribe-footer input#email, #subscribe-form label { width:93%; clear:both } #subscribe-footer .button, #subscribe-form .button {margin:30px 0; font-weight: 300; letter-spacing: 1px; background-color: #E27B2B; border-radius: 0px 0px 0px 0px; padding: 20px 30px 20px 30px; text-transform:uppercase} /* donate form */ #IATS-container, #IATS-container span, #IATS-container input, #IATS-container textarea { font-family:"Assistant", sans-serif !important; } #IATS-container table {margin-bottom:0;} #IATS-container table th, #IATS-container table td { border:none !important; padding:0; } #IATS_PaymentBoxDiv, #IATS_PaymentBoxDiv .IATS_PaymentDiv, #IATS_PaymentBoxDiv .IATS_AmountDiv, #IATS_PaymentBoxDiv .IATS_ErrorMsgDiv {border:none; width:100% !important; padding-right:0 !important; } #IATS-container div.IATS_Div {margin:0; padding:0;} #IATS_PaymentBoxDiv, #IATS_PaymentBoxDiv input,#IATS_PaymentBoxDiv span.IATS_AmountSpan, #IATS_PaymentBoxDiv textarea,#IATS_PaymentBoxDiv label, label, form label, form input[type="text"], form textarea { font-family:'Assistant',sans-serif !important; font-size:15px !important; } #IATS_PaymentBoxDiv span.IATS_AmountSpan {font-weight:600; margin:0; padding:0;} #IATS-container #embed_content form label { min-width:140px !important; } #IATS-container #embed_content form input { margin:10px 0; } #IATS_PaymentBoxDiv input[type="text"], #IATS_PaymentBoxDiv textarea, form input[type="text"], form input[type="password"], form textarea {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:3px solid #ededed; padding:10px 15px; line-height:1.2;margin-right:5px;-moz-border-radius:0; border-radius:0; background-color:#fff;} #IATS_PaymentBoxDiv input:hover, #IATS_PaymentBoxDiv textarea:hover, #IATS_PaymentBoxDiv input:active, #IATS_PaymentBoxDiv textarea:active, #embed_content input:active, #embed_content textarea:active, form input[type="text"]:hover, form input[type="password"]:hover {border:3px solid #ccc} #IATS_PaymentBoxDiv input:focus, #IATS_PaymentBoxDiv textarea:focus, form input[type="text"]:focus, form input[type="password"]:focus {border:3px solid #fab030} #IATS_PaymentBoxDiv span.IATS_PaymentSectionTitle, #IATS_PaymentBoxDiv span.IATS_AmountSectionTitle {color:#c15f1e; font-weight:300 } /* remove dotted bottom border */ #IATS-container div.IATS_PaymentFrequencyItemDiv, #IATS-container div.IATS_AmountItemDiv {border-bottom:0px;border-top:0px;} #IATS_PaymentBoxDiv button.IATS_Action, input[type="submit"] { font-family:'Assistant',sans-serif !important;font-size:17px !important; border:none !important; border-radius:0px; color:#FFF !important; background:none; font-weight:400;letter-spacing: 1px;background-color: #E27B2B; padding:18px 24px; min-width:240px; max-width:90%; text-align:center; margin-left:0;transition: all .3s; } #IATS-container span.IATS_Action {text-align:left; padding-left:15px;} #IATS_PaymentBoxDiv button.IATS_Action:hover,input[type="submit"]:hover, #IATS_PaymentBoxDiv button.IATS_Action:visited,input[type="submit"]:visited, #IATS_PaymentBoxDiv button.IATS_Action:active ,input[type="submit"]:active { background-color:#fab030; }