/* Theme Name: Growing Hope Worldwide Author: Derek Ashauer Author URI: http://www.ashwebstudio.com */ @import url('https://fonts.googleapis.com/css?family=Arvo|Open+Sans:300,400,600,700'); :root { --dark_green: #598000; } /* Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 120%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input { vertical-align: middle; } input[type="submit"] { cursor: pointer; } html,body { height: 100%; } /* WordPress required styles */ .alignnone { margin: 5px 0 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 0 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 80%; line-height: 1.2; margin: 0; padding: 0 4px 5px; } /* ----------------------------------- */ /* COMMON /* ----------------------------------- */ body { background: #FFF; text-align: center; } p, div, li, h1, h2, h3, h4, td, th, input, select, textarea { font: normal 17px/1.48 "Open Sans", sans-serif; font-weight: 300; color: #4E3524; } p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; } h1, h2, h3 { line-height: 1.1; } a img, :link img, :visited img { border: none } a { color: #598000; text-decoration: none; } a:hover { color: #4E3524; } div.clear { clear: both; overflow: hidden; height: 1px; } input { vertical-align: middle; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .gfield { margin-left: 0 !important; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container { width: 100%; max-width: 1170px; margin: 0 auto; text-align: left; } .button { display: inline-block; border: 2px solid #598000; border-radius: 30px; background: transparent; font-family: "Arvo", serif; font-size: 17px; text-transform: uppercase; color: #598000; padding: 6px 30px; text-decoration: none; cursor: pointer; } .button:hover { background: #598000; color: #FFF; } .button.alt { border-color: #FFF; color: #FFF; } .button.alt:hover { background: #FFF; color: #598000; } #2columnbutton {width: 270px !important;} .visually-hidden:not(:focus):not(:active) { clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .text-primary { color: var(--dark_green); } /* ----------------------------------- */ /* HEADER /* ----------------------------------- */ #header { background: #F5F1E5; position: relative; z-index: 9999; } #header .container { padding: 15px 0 5px 0; } #header:after { content: ""; position: absolute; z-index: 50; left: 0; bottom: -10px; width: 100%; height: 10px; background: transparent url(images/edge.png) center top repeat-x; } #donate-links { float: right; margin: 17px 0 0 0; background: transparent; text-decoration: none; cursor: pointer; } #donate-links li { position: relative; list-style: none; } #donate-links > li > a { position: relative; z-index: 100; display: block; padding: 6px 30px; border: 2px solid #598000; border-radius: 30px; font-family: "Arvo", serif; text-transform: uppercase; font-size: 17px; color: #537800; } #donate-links > li > a:hover, #donate-links > li:hover > a { background: #598000; color: #FFF; } #donate-links li ul { left: -9999em; position: absolute; z-index: 70; top: 18px; padding: 20px 0 20px 0; background: #598000; border-radius: 0 0 30px 30px; } #donate-links li:hover ul { left: 0; width: 100%; } #donate-links li li a { font-size: 15px; color: #FFF; display: block; padding: 4px 30px; text-align: center; } #donate-links li li a:hover { color: #4E3524; } #logo { float: left; } #header nav { float: left; margin: 25px 0 0 30px; } #header nav li { float: left; list-style: none; margin: 0 23px 0 0; padding: 0 0 15px 0; text-align: left; position: relative; } #header nav li a { text-transform: uppercase; color: #4E3524; font-size: 15px; } #header nav li a:hover, #header nav li:hover a { color: #598000; } #header nav li .sub-menu { left: -9999em; position: absolute; top: 30px; z-index: 100; padding: 0; } #header nav li:hover .sub-menu { left: 0; } #header nav li .sub-menu li { float: none; border: none; background: none; margin: 0; padding: 0; } #header nav li .sub-menu li:before { display: none; } #header nav li .sub-menu a { color: #FFF; background: rgba(89,128,0,.7); padding: 8px 20px; display: block; white-space: nowrap; } #header nav li .sub-menu a:hover, #header nav li .sub-menu li:hover a { background: rgba(78,53,36,.8); } #header nav li .sub-menu .sub-menu { left: -9999em; } #header nav li .sub-menu li:hover .sub-menu { top: 0; left: 100%; } #header nav li .sub-menu .sub-menu a:hover { color: #9ee200; } #mobile-menu { display: none; } /* ----------------------------------- */ /* HOME /* ----------------------------------- */ /*.home #header { position: absolute; width: 100%; z-index: 100; }*/ #slideshow, #slideshow li, #banner .bx-viewport { height: calc( 100vh - 139px) !important; max-height: 600px; } #slideshow li { background-position: center; background-size: cover; position: relative; } #slideshow li .slide-content { position: relative; z-index: 50; top: 50%; transform: translateY(-50%); } #slideshow li p { max-width: 1170px; margin: 0 auto 30px auto; padding: 0 10%; color: #FFF; position: relative; z-index: 10; line-height: 1; } #slideshow li p.headline { font-size: 70px; letter-spacing: 5px; text-shadow: 2px 1px 1px rgba(0 0 0/0.5); } #slideshow li:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(78,53,36,.3); } #banner .bx-wrapper { margin: 0; } #banner .bx-wrapper .bx-pager { bottom: 30px; } #banner .bx-wrapper .bx-pager a { background: transparent; border: 2px solid #FFF; border-radius: 50%; } #banner .bx-wrapper .bx-pager a.active { background: #FFF; } #ads { padding: 5px 0 0 0; } #ads ul { display: flex; align-items: stretch; justify-content: space-between; } #ads li { width: 33%; list-style: none; background-size: cover; background-position: center; } #ads li a { display: block; padding: 50px 5%; } #ads li a p { color: #FFF; line-height: 1; letter-spacing: 1px; margin: 0; font-family: "Arvo", serif; font-size: 28px; text-transform: uppercase; } #ads li:nth-child( 1 ) { background-image: url(images/weave1.png); } #ads li:nth-child( 2 ) { background-image: url(images/weave2.png); } #ads li:nth-child( 3 ) { background-image: url(images/weave3.png); } #welcome { background: #FFF; padding: 75px 0; } #welcome .container { max-width: 970px; } #welcome h1 { font-size: 28px; color: #598000; font-family: "Arvo", serif; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0; } #welcome p { text-align: center; } #welcome ul { display: flex; flex-wrap: wrap; justify-content: space-between; } #welcome li { width: 47%; text-align: center; list-style: none; margin: 60px 0 0 0; } #welcome li h3 { margin: 15px 0 5px 0; font-size: 22px; font-weight: 600; text-transform: uppercase; color: #4E3524; } #donate-feature { margin: 0 0 5px 0; display: flex; align-items: center; background: transparent url(images/weave4.png) center center no-repeat; background-size: cover; } #donate-feature-image { width: 50%; border-right: 5px solid #FFF; } #donate-feature-image img { width: 100%; height: auto; display: block; } #donate-feature-content { width: 40%; padding: 40px 5%; } #donate-feature-content h2 { font-size: 28px; color: #FFF; letter-spacing: 1px; font-family: "Arvo", serif; text-transform: uppercase; } #donate-feature-content p { color: #FFF; } #watch { padding: 75px 0; background: transparent url(images/texture1.jpg) center center no-repeat; background-size: cover; } #watch .container { max-width: 970px; } #watch h2 { font-size: 28px; color: #598000; font-family: "Arvo", serif; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0; } #watch p { text-align: center; } #watch .responsive-embed { margin-top: 40px; } #news { padding: 75px 0; } #news h2 { font-size: 28px; color: #598000; font-family: "Arvo", serif; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0; } #news ol { display: flex; align-items: stretch; justify-content: space-between; margin: 0 0 50px 0; } #news li { border: 1px solid #4E3524; list-style: none; background: #FFF; padding: 0 0 5px 0; width: 31%; } #news li img { width: 100%; height: auto; margin: 0 0 15px 0; } #news li h3, #news li p { padding: 0 30px; color: #4E3524; } #news li h3 { font-size: 22px; text-transform: uppercase; font-weight: 600; } #news li a { text-transform: uppercase; } p.more { text-align: center; } #trip { background: #A39382; padding: 75px 0; } #trip .container { max-width: 970px; } #trip h2 { font-size: 25px; color: #FFF; font-family: "Arvo", serif; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 40px 0; } #trip h3 { color: #FFF; font-size: 22px; text-transform: uppercase; font-weight: 600; } #trip p { color: #FFF; } #trip p a { color: #FFF; text-transform: uppercase; } #trip p a.button { border-color: #FFF; color: #FFF; margin-top: 30px; } #trip img { max-width: 100%; height: auto; float: left; } #trip h3, #trip p { margin-left: 300px; } #events { background: #F5F1E5; padding: 75px 0; } #events .container { max-width: 970px; } #events h2 { font-size: 28px; color: #598000; font-family: "Arvo", serif; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0; } #events ol { margin: 0 0 40px 0; } #events li { list-style: none; display: flex; align-items: stretch; justify-content: space-between; border-bottom: 1px solid #707070; padding: 0 0 40px 0; margin: 0 0 40px 0; } #events li .event-date { width: 20%; background: transparent url(images/weave3.png) center center no-repeat; background-size: cover; color: #FFF; font-size: 40px; font-weight: 600; text-align: center; line-height: 1; } #events li .event-date span { display: block; padding: 0 20px; position: relative; top: 50%; transform: translateY(-50%); } #events li .event-info { width: 77%; } #events li h3 { font-size: 22px; text-transform: uppercase; font-weight: 600; } #events li a { text-transform: uppercase; font-weight: 600; } /* ----------------------------------- */ /* SUB PAGES /* ----------------------------------- */ #page-header { padding: 100px 0 75px 0; background: #598000 url(images/page-header.jpg) center center no-repeat; background-size: cover; } #page-header h1 { position: relative; z-index: 10; color: #FFF; font-size: 75px; font-weight: 300; text-shadow: 2px 1px 1px rgba(0 0 0/0.5); } #page-header.with-image { position: relative; background-size: cover; background-position: center center; padding: 180px 0 120px 0; } #page-header.with-image:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(78,53,36,.3); } #content { background: #FFF; } main .container { padding: 75px 0; max-width: 970px; } main ol, main ul { margin: 0 0 20px 0; } main li { margin-left: 25px; } main h2 { color: #598000; font-size: 28px; font-family: "Arvo", serif; text-transform: uppercase; } main h3 { font-size: 22px; color: #4E3524; text-transform: uppercase; font-weight: 600; margin: 0 0 6px 0; } main h4 { font-size: 20px; color: #598000; text-transform: none; font-weight: 400; margin: 0 0 4px 0; } main img { max-width: 100%; height: auto; } main hr { clear: both; margin: 40px 0; border: none; border-bottom: 1px solid #4E3524; } main select, main option, main input[type="text"], main textarea { background: #F5F1E5; border: 0; } #boardlist {line-height:30px;} /* Events */ /* .events-list.tribe-bar-is-disabled #tribe-events-content-wrapper, .events-list .tribe-events-loop { max-width: 100%; } .tribe-events-loop { width: 70%; float: left; } #event-filters { width: 20%; float: right; } #event-filters p { font-weight: 600; } #event-filters select { width: 100%; background: #F5F1E5; border: 0; } */ .event { border-bottom: 1px solid #707070; padding: 0 0 40px 0; margin: 0 0 40px 0; } .event:last-of-type { padding: 0; margin: 0; border: 0; } .event-image { width: 33%; float: left; position: relative; } .event-image img { display: block; } .event-content { width: 64%; float: right; } .event-content p.event-date { color: #598000; } .single-tribe_events #content h2 { text-align: center; } .single-tribe_events #content p.event-date { font-size: 22px; color: #4E3524; text-transform: uppercase; font-weight: 600; margin: 0 0 5px 0; } .single-tribe_events #content p.event-venue { color: #598000; } .tribe-events-cal-links { text-align: center; } #tribe-events .tribe-events-cal-links .tribe-events-button { border-radius: 0; background: #3CCBDA; font-size: 18px; text-transform: uppercase; color: #FFF; padding: 15px 30px; } /* Programs */ #program-sort { display: flex; justify-content: space-between; margin: 0 0 50px 0; } #program-sort > div { width: 32%; } #program-sort p { font-weight: 700; } #program-sort select { width: 100%; } .select2-results, .select2-container, .select2-results__options, .select2-dropdown, .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single { background: #F5F1E5; border: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #4E3524; color: #FFF; } .select2-results li { text-align: left; } .select2-results img { vertical-align: middle; } /* #programs { display: flex; flex-wrap: wrap; justify-content: space-between; } .program { width: 32%; margin: 0 0 20px 0; } */ /* #programs { column-count: 3; column-gap: 1em; } .program { display: inline-block; margin: 0 0 1em; width: 100%; border: 1px solid #4E3524; } */ .program { width: 32%; margin: 0 0 1em; outline: 1px solid #4E3524; } .gutter-sizer { width: 2%; } .program img { display: block; width: 100%; } .program .program-content { } .program .program-content p { padding: 0 20px; } .program-bar { background: #F5F1E5; margin: 0 0 10px 0; } .program-bar span { display: block; background: #598000; height: 20px; } .program p.money-needed { color: #598000; text-transform: uppercase; } .program p.title { font-size: 22px; text-transform: uppercase; line-height: 1.1; margin: 15px 0 7px 0; font-weight: 600; } .program .program-content p.program-link { background-color: #F5F1E5; background-repeat: no-repeat; background-position: center right 20px; padding: 5px 20px; margin: 0; text-transform: uppercase; } .program.urgent-funding .program-link { background-image: url(images/urgent-funding.png); } .program.needs-funding .program-link { background-image: url(images/needs-funding.png); } .program.funded .program-link { background-image: url(images/funded.png); } /* Single Program */ .single #content img.wp-post-image { display: block; margin: 0 auto 40px auto; } .single-program #content h2 { text-align: center; margin: 0 0 30px 0; line-height: 1; } .single-program #content h2 img { max-height: 28px; width: auto; vertical-align: middle; margin: -3px 10px 0 0; } .single-program #content p.money-needed { font-size: 22px; text-transform: uppercase; font-weight: 600; text-align: center; margin: 30px 0 5px 0; } .single-program #content .program-bar { margin: 0 0 40px 0; } #program-videos, #program-success { border-top: 1px solid #4E3524; padding: 50px 0; margin: 50px 0 0 0; } #program-videos h3, #program-success h3 { font-family: "Arvo", serif; color: #598000; font-size: 28px; text-transform: uppercase; text-align: center; margin-bottom: 40px; font-weight: 400; } #program-success h4 { font-size: 22px; color: #4E3524; text-transform: uppercase; font-weight: 600; margin: 0 0 6px 0; } #program-nav { text-align: right; font-family: "Arvo", serif; font-size: 15px; } #program-nav a.back { float: left; } /* Staff */ #content .staff-list { display: flex; flex-wrap: wrap; justify-content: space-between; } #content .staff-list li { width: 30%; list-style: none; margin: 0 0 40px 0; } #content .staff-list li span { display: block; margin: 0 0 5px 0; } #content .staff-list li span.staff-title { font-weight: 600; } #content .staff-list li span.staff-name { color: #598000; text-transform: uppercase; font-family: "Arvo", serif; font-size: 23px; letter-spacing: 2px; } /* Members */ #content .member-list { margin: 0 0 50px 0; } #content .member-list li { list-style: none; display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px 0; padding: 20px 0 0 0; border-top: 1px solid #4E3524; } #content .member-image { width: 20%; text-align: center; } #content .member-image img { margin: 0 auto; } #content .member-name { width: 50%; font-size: 22px; font-weight: 600; text-transform: uppercase; } /* Projects */ #map { background: #F5F1E5; padding: 15px; text-align: center; margin: 40px 0; } #map img { margin: 0 auto; } #content #project-states { margin-top: 60px; } #content #project-states li h3 { font-weight: 400; font-family: "Arvo", serif; color: #598000; font-size: 28px; text-transform: uppercase; cursor: pointer; } #content #project-states li h3:after { font-family: "FontAwesome"; content: "\f0d7"; float: right; } #content #project-states li.active h3:after { content: "\f0d8"; } #content #project-states li { list-style: none; margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #707070; } #content #project-states li ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; -moz-column-gap: 40px; } #content #project-states li li { margin: 0 0 7px 0; padding: 0; border: 0; } #content #project-states .project-state-details { display: none; } #content #project-states .description p { text-transform: uppercase; font-weight: bold; } /* Donation Form */ #gform_wrapper_8 li#field_8_1 label.gfield_label { font-size: 22px; font-weight: 600; text-transform: uppercase; color: #4E3524; display: block; text-align: center; } #gform_wrapper_8 #input_8_1 { display: flex; justify-content: space-between; flex-wrap: wrap; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_0, #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_1, #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_2 { position: relative; width: 30%; margin: 0 0 40px 0 !important; padding-top: 200px !important; background-position: center top; background-repeat: no-repeat; text-align: center; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_0 { background-image: url('/wp-content/uploads/2023/10/Donate-Page-Button-One-Farmer-1.jpg'); background-size: 70%; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_1 { background-image: url('/wp-content/uploads/2023/10/Donate-Page-Button-One-Family.jpg'); background-size: 70%; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_2 { background-image: url('/wp-content/uploads/2023/10/donate-page-button-one-community.jpg'); background-size: 70%; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_3 { clear: left; width: 100%; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_0 input, #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_1 input, #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_2 input { display: block; margin: 0 auto; position: absolute; left: -4000px; } #gform_wrapper_8 #input_8_1 label { font-size: 22px; font-weight: 600; text-transform: uppercase; } #gform_wrapper_8 #input_8_1 label span { display: block; margin: 10px 0 0 0; border: 2px solid #598000; border-radius: 30px; background: transparent; font-family: "Arvo", serif; font-size: 17px; text-transform: uppercase; color: #598000; padding: 6px 30px; text-decoration: none; cursor: pointer; } #gform_wrapper_8 li#field_8_1 input:checked + label span { background: #598000; color: #FFF; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_3 { text-align: center; } #gform_wrapper_8 li#field_8_2 { text-align: center; } #gform_wrapper_8 li#field_8_2 .ginput_container_product_price, #gform_wrapper_8 li#field_8_2 .gfield_description { display: inline-block; width: auto; margin: 0 10px; font-size: 16px; font-weight: 700; } #gform_wrapper_8 li#field_8_2 .ginput_container_product_price input { width: 100px; } #gform_wrapper_8 li#field_8_2 .ginput_container_product_price:before { content: "$"; display: block; float: left; margin: 3px 5px 0 0; } #gform_wrapper_8 li#field_8_10 { margin-top: 50px; padding-top: 50px; border-top: 1px solid #4E3524; } #gform_wrapper_8 li#field_8_10 label.gfield_label { font-size: 16px; text-transform: uppercase; line-height: 1; display: block; margin-bottom: -6px; } #gform_wrapper_8 li#field_8_10 .ginput_container_checkbox { margin-top: 0; } #gform_wrapper_8 li.hidelabel label.gfield_label, #gform_wrapper_8 li#field_8_8 { display: none !important; } #gform_wrapper_8.gform_wrapper ul.gfield_checkbox li label { font-weight: 700; font-size: 16px; } /* Hope Planters Form */ #gform_wrapper_10 { border-top: 1px solid #623412; padding-top: 30px; margin-top: 30px; } #gform_wrapper_10 .gform_heading { margin: 0; } #gform_wrapper_10 .gform_heading h3 { text-align: center; font-weight: 400; } #gform_wrapper_10 li#field_10_1 label.gfield_label { font-size: 17px; font-weight: 600; color: #4E3524; display: block; text-align: center; } #gform_wrapper_10 #input_10_1 { display: flex; justify-content: space-between; } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_0, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_1, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_2, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_3 { position: relative; width: 24%; margin: 0 0 40px 0 !important; padding-top: 170px !important; background-position: center top; background-repeat: no-repeat; text-align: center; } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_0 { background-image: url(images/hopeplanter1.png); } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_1 { background-image: url(images/hopeplanter2.png); } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_2 { background-image: url(images/hopeplanter3.png); } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_3 { background-image: url(images/hopeplanter4.png); } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_0 input, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_1 input, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_2 input, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_3 input { display: block; margin: 0 auto; position: absolute; left: -4000px; } #gform_wrapper_10 #input_10_1 label { font-size: 17px; font-weight: 600; line-height: 1.2; margin: 5px 0 0 0; } #gform_wrapper_10 #input_10_1 label span { display: block; margin: 10px 0 5px 0; border: 2px solid #598000; border-radius: 30px; background: transparent; font-family: "Arvo", serif; font-size: 15px; text-transform: uppercase; color: #598000; padding: 6px 25px; text-decoration: none; cursor: pointer; } #gform_wrapper_10 li#field_10_1 input:checked + label span { background: #598000; color: #FFF; } #gform_wrapper_10 li#field_10_23 { font-size: 17px; text-align: center; padding-bottom: 0px; margin-bottom: 30px; } #gform_wrapper_10 li#field_10_2 { text-align: center; } #gform_wrapper_10 li#field_10_2 .ginput_container_product_price, #gform_wrapper_10 li#field_10_2 .gfield_description { display: inline-block; width: auto; margin: 0 10px; font-size: 16px; font-weight: 700; } #gform_wrapper_10 li#field_10_2 .ginput_container_product_price input { width: 100px; } #gform_wrapper_10 li#field_10_2 .ginput_container_product_price:before { content: "$"; display: block; float: left; margin: 3px 5px 0 0; } #gform_wrapper_10 li#field_10_10 { margin-top: 50px; padding-top: 50px; border-top: 1px solid #4E3524; } #gform_wrapper_10 li#field_10_10 label.gfield_label { font-size: 16px; text-transform: uppercase; line-height: 1; display: block; margin-bottom: -6px; } #gform_wrapper_10 li#field_10_10 .ginput_container_checkbox { margin-top: 0; } #gform_wrapper_10 li.hidelabel label.gfield_label, #gform_wrapper_10 li#field_10_8 { display: none !important; } #gform_wrapper_10.gform_wrapper ul.gfield_checkbox li label { font-weight: 700; font-size: 16px; } .imagequote {background: url(https://www.growinghopeglobally.org/wp-content/uploads/2019/07/testimonial_Douglas.png) right bottom / auto 90% no-repeat #F5F1E5; padding: 20px 200px 20px 20px; margin: 30px 0 40px 0;} /* Trips */ article.trip { border-bottom: 1px solid #707070; padding: 0 0 40px 0; margin: 0 0 40px 0; } article.trip:last-of-type { border: 0; padding: 0; margin: 0; } article.trip img { float: left; } #content article.trip h3, article.trip p { margin-left: 300px; } article.trip p a { text-transform: uppercase; font-weight: 600; } .single-trip #content img.wp-post-image { display: block; margin: 0 auto 40px auto; } /* 2 Column template */ .page-template-tpl-2col #content { width: 70%; float: left; } .page-template-tpl-2col aside { width: 25%; float: right; } aside ul.fa-ul { margin-left: 23px; } aside ul.fa-ul li { margin: 0 0 10px 0; } aside ul.fa-ul li i { font-size: 8px; margin: 4px 0 0 -5px; border: 1px solid #4E3524; border-radius: 50%; width: 15px; height: 15px; text-align: center; line-height: 15px; } /* Finances */ main #financial-downloads { display: flex; justify-content: space-around; margin-top: 60px; } main #financial-downloads li { margin: 0; list-style: none; text-align: center; } /* Blog */ h2.feature { font-size: 40px; margin: 0 0 50px 0; text-align: center; } #blog-articles { max-width: 70%; } article.post { border-bottom: 1px solid #707070; padding-bottom: 25px; margin-bottom: 40px; } article.post img { max-width: 270px; float: left; margin: 0 0 15px 0; } article.post h3, article.post p { margin-left: 300px; } article.post h3 a { color: #4E3524; } article.post h3 a:hover { color: #598000; } article.post p.post-data { color: #598000; margin-bottom: 5px; } article.featured { max-width: 100%; } article.featured img { max-width: 470px; } article.featured h3, article.featured p { margin-left: 500px; } .category-sticky { border-top: 0 !important; } #blog-categories { width: 20%; float: right; } #blog-categories p { font-weight: bold; } #blog-categories select { width: 100%; } /* ----------------------------------- */ /* FOOTER /* ----------------------------------- */ #footer { background: #685344; padding: 50px 0 0 0; } #footer .col { float: left; } #footer p.title { color: #FFF; text-transform: uppercase; font-weight: 600; } #footer p { color: #FFF; } #footer a { color: #FFF; } #footer a:hover { color: #9ee200; } #footer-contact ul { margin: 0 0 40px 23px; } #footer-contact li { margin: 0 0 10px 0; color: #FFF; } #footer-contact li i { font-size: 8px; margin: 4px 0 0 -5px; border: 1px solid #FFF; border-radius: 50%; width: 15px; height: 15px; text-align: center; line-height: 15px; } #social i { font-size: 24px; margin: 0 10px 0 0; } #footer-newsletter { max-width: 350px; margin: 0 0 0 90px; } #footer-newsletter .gform_wrapper .gform_heading { color: #FFF; margin: 0; } #footer-newsletter .gform_wrapper span.gform_description { margin: 0; } #footer-newsletter .gform_wrapper ul li.gfield { margin: 0; } #footer-newsletter .gform_wrapper label.gfield_label { display: none; } #footer-newsletter .gform_wrapper .gform_footer { margin: 0; padding: 0; } #footer-newsletter input[type="text"], #footer-newsletter input[type="email"] { border: 0; background: #A39382; color: #FFF; } #footer-newsletter input.button { margin: 12px 0 0 0; font-size: 12px; padding: 4px 20px; border-color: #FFF; color: #FFF; } #footer-newsletter input.button:hover { background: #FFF; color: #598000; } #footer-newsletter .gform_confirmation_message { font-weight: bold; color: #598000; } #footer-newsletter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4E3524; } #footer-newsletter ::-moz-placeholder { /* Firefox 19+ */ color: #4E3524; } #footer-newsletter :-ms-input-placeholder { /* IE 10+ */ color: #4E3524; } #footer-newsletter :-moz-placeholder { /* Firefox 18- */ color: #4E3524; } #footer-links { margin: 0 0 0 90px; } #footer-links ul { margin: 0 0 40px 0; } #footer-links li { list-style: none; text-transform: uppercase; margin: 0 0 5px 0; } #copyright { background: #4E3524; padding: 25px 0; margin: 40px 0 0 0; } #copyright .container, #copyright .container a { color: #FFF; font-size: 12px; } #social { float: right; } #social a { display: inline-block; margin: 0 0 0 5px; width: 22px; height: 22px; font-size: 10px; line-height: 22px; text-align: center; border-radius: 50%; background: #FFF; } #social a i { color: #4E3524; font-size: 12px; margin: 0; } #social a:hover { background: #598000; color: #FFF; } #social a:hover i {color: #FFF; } #search-popup { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(78,53,36,.9); } #search-popup .container { padding: 200px 0 0 0; width: 100%; max-width: 500px; text-align: center; position: relative; } #close-search-popup { position: absolute; right: -30px; top: 150px; font-size: 40px; color: #FFF; } #search-popup form { background: #FFF; display: block; padding: 15px 30px; } #search-popup input { border: 0; background: none; padding: 0; font-size: 30px; } #search-popup input[type="text"] { width: 90%; max-width: 400px; } #search-popup input[type="submit"] { color: #598000; font-family: "FontAwesome"; } /* ----------------------------------- */ /* MOBILE /* ----------------------------------- */ @media screen and (max-width: 1160px) { .container { padding-left: 5%; padding-right: 5%; width: 90%; } #mobile-menu { float: left; display: block; font-size: 30px; margin: 15px 0 0 40px; } #header nav ul { display: none; } .nav-open #header nav { float: none; clear: both; margin: 40px 0 0 0; } .nav-open #header nav ul { display: block; } .nav-open #header nav li { display: block; float: none; margin: 0; padding: 0; } .nav-open #header nav li a { display: block; padding: 10px; border-top: 1px solid rgba(255,255,255,.1); } .nav-open #header nav li .sub-menu { display: none; position: static; width: 100%; height: auto; } .nav-open #header nav li .sub-menu.active { display: block; } .nav-open #header nav li .sub-menu li { } .nav-open #header nav li .sub-menu li a { } .nav-open #header nav li .sub-menu li a:hover { } .nav-open #header nav li.current_page_item a { } .sub-menu:before { display: none; } #footer .col { width: 30%; margin-left: 5%; } #footer .col:first-of-type { margin: 0; } } @media screen and (max-width: 970px) { } @media screen and (max-width: 768px) { #slideshow li p.headline { font-size: 60px; } #welcome ul { display: block; } #welcome li { width: 100%; } #donate-feature { display: block; } #donate-feature-image { width: 100%; border: 0; border-bottom: 5px solid #FFF; } #donate-feature-content { width: 90%; } .event-image, .event-content { width: 100%; float: none; } #trip .container { text-align: center; } #trip img { float: none; margin: 0 auto 20px auto; } #trip h3, #trip p { margin-left: 0; } .imagequote {background: url(https://www.growinghopeglobally.org/wp-content/uploads/2019/07/testimonial_Douglas.png) right bottom / 50% auto no-repeat #F5F1E5; padding: 20px 20px 250px 20px; margin: 30px 0 40px 0;} } @media screen and (max-width: 650px) { #donate-links > li > a { padding: 5px; border-radius: 50%; width: 25px; height: 25px; text-align: center; margin: 10px 0 0 0; } #donate-links > li > a span { display: none; } #donate-links ul { display: none; } #mobile-menu { float: right; margin: 25px 20px 0 0; } #logo { margin: 10px 0; } #ads ul { display: block; } #ads li { width: 100%; padding: 0 0 5px 0; margin: 0 0 5px 0; } #news ol { display: block; } #news li { width: 100%; margin: 0 0 30px 0; } #events li { display: block; } #events li .event-date { width: 100%; font-size: 20px; margin: 0 0 15px 0; } #events li .event-date span { padding: 10px 20px; position: static; transform: translateY(0); } #events li .event-info { width: 100%; } p.more a { font-size: 24px; } #footer .col { width: 100%; margin: 0 0 30px 0; } #page-header, #page-header.with-image { padding: 60px 0 50px 0; } #page-header h1 { font-size: 38px; } #social { float: none; margin: 0 0 20px 0; } #social a { margin: 0 5px 0 0; } #program-nav { text-align: center; } #program-nav a { display: block; } #program-nav a.back { float: none; } #content .member-list li { display: block; } #content .member-image { width: 100%; text-align: center; } #content .member-image img { margin: 0 auto; text-align: center; } #content .member-name, #content .member-more { width: 100%; text-align: center; margin: 0 0 10px 0; } #blog-categories, #blog-articles { max-width: 100%; width: 100%; float: none; } #blog-categories { margin: 0 0 40px 0; } article.featured, article.post { max-width: 100%; } article.featured img, article.post img { max-width: 100%; float: none; margin: 0 0 20px 0; } article.featured h3, article.featured p, article.post h3, article.post p { margin-left: 0; } #program-sort { display: block; } #program-sort > div { width: 100%; margin: 0 0 30px 0; } .program { width: 100%; margin: 0 0 1em; outline: 1px solid #4E3524; } .gutter-sizer { width: 0%; } #content .staff-list { display: block; } #content .staff-list li { width: 100%; list-style: none; margin: 0 0 40px 0; } .alignright, .alignleft { display: block; float: none; margin: 5px 0 20px 0; } .page-template-tpl-2col #content, .page-template-tpl-2col aside { width: 100%; float: none; } article.trip img { float: none; } #content article.trip h3, article.trip p { margin-left: 0; } #gform_wrapper_8 #input_8_1 { display: block; } #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_0, #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_1, #gform_wrapper_8 ul.gfield_radio li.gchoice_8_1_2 { width: 100%; padding: 10px 0 10px 100px !important; background-position: center left; background-size: 100px auto; } #gform_wrapper_10 #input_10_1 { display: block; } #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_0, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_1, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_2, #gform_wrapper_10 ul.gfield_radio li.gchoice_10_1_3 { width: 100%; padding: 10px 0 10px 100px !important; background-position: center left; background-size: 100px auto; } } @media screen and (max-width: 480px) { #slideshow li p.headline { font-size: 45px; } main #financial-downloads { display: block; } main #financial-downloads li { margin: 0 0 40px 0; } .imagequote {background: url(https://www.growinghopeglobally.org/wp-content/uploads/2019/07/testimonial_Douglas.png) right bottom / 70% auto no-repeat #F5F1E5; padding: 20px 20px 250px 20px; margin: 30px 0 40px 0;} } /* #84BD00 => #598000 */