/* LICENSE & DETAILS ================================================== Theme Name: Joyn Child Theme Theme URI: http://joyn.swiftideas.com Description: An Incredible Responsive Multi-Purpose WordPress Theme - Designed & Developed by Swift Ideas ( www.swiftideas.net )Providing Sanctuary and Care, Preventing Poaching and Trafficking, Protecting Against the Spread of Disease. License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Template: joyn Version: 1.0.5 Author: Swift Ideas Author URI: www.swiftideas.net All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */ /* -------------------------------------------- CHILD THEME CSS -------------------------------------------- */ body { background-color:#ffffff !important; } body, p, td { font-family: 'EB Garamond', serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 18px !important; line-height: 28px !important; font-size: 22px !important; line-height: 30px !important; color: #58595b !important; } i[class^="fa-"] { font-family: "Font Awesome 5 Free"; font-weight: 900; } p { margin-bottom:20px; } body, .layout-fullwidth #container { background-color: #ffffff !important; } .blog-items.timeline-items .standard-post-content { background-color: transparent !important; } #main-container { background-color: #ffffff !important; } h1,h2,h3,h4,h5,h6 { font-family: 'EB Garamond', serif !important; } body[class*="header-naked"] #top-bar { display: block !important; } .page-content ul li { list-style: disc; margin-bottom: 10px; margin-left: 20px; } .button, a.button, .page-content a.button { font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 400; text-transform:uppercase; border:solid 2px #A1CA3A; color:#4D4D4D; text-align:center; display:inline-block; padding:10px 20px; } .button:hover, a.button:hover { color:#ffffff; text-decoration:none; background-color:#A1CA3A; } .buttonalt1, a.buttonalt1, .page-content a.buttonalt1 { border:solid 2px #DF7125; } .buttonalt1:hover, a.buttonalt1:hover { background-color:#DF7125; } .intro { margin-top: 20px; margin-bottom: 9px; } .intro h2 { font-weight: 300 !important; font-size: 22px !important; line-height: 28px !important; font-size: 27px !important; line-height: 34px !important; color: #4D704A !important; margin:3px 0px 12px 0px !important; } .intro .spb-asset-content { padding:2% 10% !important; } .intro.introLeftAligned .spb-asset-content { padding:2% 0% !important; } h2 { } h3 { font-weight: 900 !important; font-size: 19px !important; line-height: 22px !important; color: #4D4D4D !important; margin-top: 40px; } h4 { color: #4D4D4D !important; } h5 { color: #4D4D4D !important; } .sf-count-asset h6 { color: inherit !important; } .page-content a { color:#DF7125; color:#94BA61; } hr { border-top: 1px solid #797979; } .fancy-heading-wrap { background-color: #333 !important; width: 100%; } #main-container .fancy-heading { height: 500px !important; background-position: center top; background-color: #333 !important; } #top-bar { height: 25px; border-bottom: 0px; color:#ffffff; background-color:#404041 !important; text-transform:uppercase; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; font-size: 11px; line-height: 11px; } #top-bar .container .tb-text { font-size: 10px; line-height: 36px; } li.menu-item span.menu-item-text > i, li.menu-item span.title > i { vertical-align: 0px; } #top-bar .container .tb-left { width:30%; } #top-bar .container .widgettitle { display:none; } #top-bar .widget { padding-bottom:0px; } ul#menu-top-bar-left-menu { float: left; background-color: #94BA61; } ul#menu-top-bar-left-menu li { display: inline-block; border:0px; } #top-bar ul#menu-top-bar-left-menu li a { padding: 0px 10px 0px 10px; } ul#menu-top-bar-left-menu li a:before { display:none; } #top-bar .container .tb-right { width:70%; } #top-bar nav .menu > li > a, #top-bar .menu li > a { line-height: 25px; } #top-bar .tb-text > a, #top-bar nav .menu > li > a, #top-bar .menu > li > a { color: #ffffff !important; padding: 0px 0px 0px 10px; } #top-bar nav .menu > li.current-menu-ancestor > a, #top-bar nav .menu > li.current-menu-item > a, #top-bar nav .menu > li.current-scroll-item > a { color: #A1CA3A !important; box-shadow: none !important; } #top-bar .tb-text > a .menu-item-text, #top-bar nav .menu > li > a .menu-item-text { padding-right: 10px; border-right: solid 2px #ffffff; border-right: solid 1px #ffffff; } #top-bar nav .menu > li > a[title*="donate"] { color:#000000 !important; background-color:#DF7125 !important; } #top-bar nav .menu > li > a[title*="donate"] .menu-item-text, #top-bar nav .menu > li > a[title*="donate"]:hover .menu-item-text { border-right: 0px; } #top-bar nav .menu > li > a[title*="donate"]:hover { color:#ffffff !important; } #top-bar nav .menu > li > a[title*="twitter"], #top-bar nav .menu > li > a[title*="facebook"], #top-bar nav .menu > li > a[title*="instagram"] { font-size:16px; padding: 0 7px; } #top-bar nav .menu > li > a[title*="twitter"] .menu-item-text, #top-bar nav .menu > li > a[title*="facebook"] .menu-item-text, #top-bar nav .menu > li > a[title*="instagram"] .menu-item-text { display:none; } #top-bar nav .menu > li > a[title*="twitter"] i, #top-bar nav .menu > li > a[title*="facebook"] i, #top-bar nav .menu > li > a[title*="instagram"] i { margin-right:0px; } #top-bar nav .menu > li > a:hover, #top-bar .menu > li > a:hover { text-decoration:none; color:#ffffff !important; background-color:#A1CA3A; } #top-bar nav .menu > li > a:hover .menu-item-text, #top-bar .menu > li > a:hover .menu-item-text { border-right: solid 1px #A1CA3A; } #top-bar nav .menu > li > a[title*="donate"]:hover .menu-item-text, #top-bar nav .menu > li > a[title*="roots"]:hover .menu-item-text { /* border-right: 0px; */ } #top-bar nav .menu li, #top-bar .menu li { } #top-bar nav .menu li { font-size: 10px; } .header-wrap[class*="page-header-naked"] { top: 0px; position:relative; backbround-color:#ffffff; } .full-center #logo { width: 400px; max-width: none; } #logo.has-img, .header-left, .header-right { height: 70px !important; } #logo.has-img a { height: auto !important; } #logo a, #logo a:hover { margin-top: 10px !important; } #logo img, .logo-alt-version #logo img { display: inline-block; max-height: 100% !important; margin-top: 10px; max-width: 300px !important; } #menu-main-menu { text-transform:uppercase; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 600; font-size: 14px; letter-spacing:0.04em; } nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.sub-menu > li > div.current-language { font-size: 11px; } .full-center #main-navigation ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center #header .aux-item ul.social-icons li { height: 70px !important; line-height: 70px !important; color:#58595B; } .full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a { padding: 0 12px 0 0px; } nav#main-navigation ul.menu > li.menu-item > a .menu-item-text { padding: 5px 10px 2px 10px; border: solid 1px #ffffff; } #header nav#main-navigation ul.menu > li.menu-item:hover > a, #header nav#main-navigation ul.menu > li:hover > a, #header nav.std-menu ul.menu > li.menu-item:hover > a, #header nav.std-menu ul.menu > li:hover > a { color:#58595B !important; box-shadow:none !important; text-decoration:none; } #header nav#main-navigation ul.menu > li.menu-item:hover > a .menu-item-text, #header nav .menu > li.current-menu-ancestor > a .menu-item-text, #header nav .menu > li.current_page_ancestor > a .menu-item-text, #header nav .menu > li.current-menu-parent > a .menu-item-text, #header nav .menu > li.current-menu-item > a .menu-item-text, nav#main-navigation ul.menu > li.current-menu-parent > a .menu-item-text, #header nav .menu > li.current-scroll-item > a .menu-item-text, #header #mobile-menu .menu ul li.current-menu-item > a .menu-item-text, nav#main-navigation ul.menu > li.current-menu-item > a .menu-item-text { // border-bottom: solid 10px #A1CA3A; border: solid 1px #94BA61; } #header nav .menu > li.current-menu-ancestor > a, #header nav .menu > li.current-menu-item > a, #header nav .menu > li.current-scroll-item > a, #header #mobile-menu .menu ul li.current-menu-item > a { color: #58595B !important; box-shadow: none !important; } nav .menu ul.sub-menu { background:rgba(255,255,255,0.9) !important; } nav .menu ul.sub-menu li { border-top: none !important; } nav.std-menu ul.sub-menu > li > a, nav.std-menu ul.sub-menu > li > div.current-language { padding: 5px 15px !important; } nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, nav.std-menu ul.sub-menu { color: #58595b !important; } .full-center .header-4 .header-right { } #container .full-center .header-right ul.menu > li > a { height: 70px !important; line-height: 70px !important; } .header-wrap #header .header-left ul.menu > li:hover > a.header-search-link-alt, .header-wrap #header .header-right ul.menu > li:hover > a.header-search-link-alt { color: #94BA61 !important; } #header .aux-item ul.menu > li > a.header-search-link { height: 65px !important; line-height: 65px !important; } .full-center #header, .full-center .float-menu { height:70px !important; } .pagination-wrap { font-family: 'Spartan', sans-serif !important; } .pagination-wrap li a, .pagination-wrap li span, .pagination-wrap li span.expand, ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span, .curved-bar-styling, ul.bar-styling li > form input, .spb_directory_filter_below { border-color: #ffffff !important; } .pagination-wrap li a:hover, ul.bar-styling li:not(.selected) > a:hover, ul.bar-styling li > .comments-likes:hover, ul.page-numbers li > a:hover, ul.page-numbers li > span.current { color: #ffffff !important; background: #94BA61 !important; border-color: #94BA61 !important; } .pagination-wrap .search-results .page-content ul li { margin-left: 0px; } .search-results .masonry-items .blog-item .details-wrap, .search-results .masonry-items .blog-item .grid-no-image { padding: 25px 30px; } .search-results .blog-item:hover .details-wrap { background-color: #FFD9BD !important; } .search-results .page-content ul li.blog-item { margin-left: 0px; } .search-results .blog-item h2 { color: #ffffff !important; font-family: 'Spartan', sans-serif !important; } .search-results .blog-item .excerpt, .search-results .blog-item .post-item-details, .search-results .blog-item .comments-likes { display:none; } .swift-slider-outer { height: 695px !important; } .page .swift-slider-outer { height: auto !important; margin-bottom: 50px; } #container .swiper-slide { background-position: top center; } .swiper-slide[data-style="light"] .caption-content h2, .swiper-slide[data-style="light"] .caption-content p, #container .fancy-heading.fancy-image.light-style h1, #container .fancy-heading.fancy-image.light-style h3 { text-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .swift-slider { background-color: #F0F0F1 !important; } .swift-slider-prev, .swift-slider-next, .swift-slider-continue { display:none !important; } .swift-slider .swift-slider-pagination { bottom: auto; top: 50%; right: 20px; width: auto; height: auto; margin-top: -175px; } #container .swift-slider .swift-slider-pagination .dot { display: block; margin: 15px 5px; position: relative; float: none; width: 12px; height: 82px; cursor: pointer; } #container .swift-slider .swift-slider-pagination .dot span, #container .swift-slider .swift-slider-pagination .dot:after { height: 69px!important; width: 6px!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #container .swiper-slide .caption-content { font-size: 30px!important; line-height: 36px!important; padding-top:75px!important; } #container .swiper-slide .caption-content h2, #container .fancy-heading.fancy-image.light-style h1 { text-transform:none; font-family: 'Spartan', sans-serif!important; font-style: normal!important; font-weight:600!important; font-size: 45px!important; line-height: 55px!important; color: #ffffff!important; margin-bottom: 2px !important; text-align:center; display: block; } #container .swiper-slide .caption-content p, #container .fancy-heading.fancy-image.light-style h3 { font-size: 34px!important; line-height: 38px!important; font-weight:300!important; color: #ffffff!important; } #container .swiper-slide .caption-content .button, #container .swiper-slide .caption-content a.button { margin:11px 15px 11px 0px; padding:20px 58px; font-weight:300; font-size: 30px!important; line-height: 34px !important; letter-spacing:10px; text-shadow:none; color: #ffffff; text-decoration: none; background-color: #A1CA3A; } #container .swiper-slide .caption-content .button:hover { background-color: transparent; border: solid 2px #A1CA3A; } #container .swiper-slide .caption-content .buttonalt1, #container .swiper-slide .caption-content a.buttonalt1 { background-color:#DF7125; } #container .swiper-slide .caption-content .buttonalt1:hover, #container .swiper-slide .caption-content a.buttonalt1:hover { background-color: transparent; border: solid 2px #DF7125; } #main-container .fancy-heading {} .header-naked-light #main-container .fancy-heading .heading-text, .header-naked-dark #main-container .fancy-heading .heading-text { padding-top: 96px !important; padding-top: 170px !important; } #container .fancy-heading.fancy-image.light-style h1, #container .fancy-heading.fancy-image.light-style h3 { max-width:100%; } #container .fancy-heading.fancy-image.light-style h1 { } #container .fancy-heading.fancy-image.light-style h3 { margin-top:5px; } #main-container #breadcrumbs { display:none; background-color: transparent; color: #A1CA3A; position: absolute; top: 448px; z-index: 1099; width: 100%; font-weight:900; font-size:9px; line-height:9px; text-transform:uppercase; } #main-container #breadcrumbs a { color: #A1CA3A; } .inner-page-wrap { position: relative; margin-bottom: 0px !important; } .about-jane {} .about-jane .about-jane-top { max-height:345px; overflow:hidden; margin-bottom:0px; } .about-jane .about-jane-top p { margin:0px; padding:0px; } .about-jane .about-jane-top p img { width:50%; } .about-jane .about-jane-mid { background-image:url(../../uploads/jane-boat-3.jpg); background-image:url(../../uploads/Homepage_AboutJane.jpg); background-position:left top; background-size:cover; background-repeat:none; min-height:265px; max-height:365px; overflow:hidden; margin-bottom:0px; } .about-jane .about-jane-mid p { margin:49px 150px 30px 461px; padding:0px; font-weight:300; font-size: 18px!important; line-height: 24px!important; max-width:685px; } .about-jane .about-jane-mid .spb-asset-content { display:block; margin:0px auto; max-width:1280px; } .about-jane .about-jane-mid strong { font-weight:900; font-size: 22px!important; line-height: 24px!important; } .about-jane .about-jane-mid a { color:#6D8939; font-weight:300; display:block; } .about-jane .about-jane-bot { max-height:229px; overflow:hidden; margin-bottom:0px; } .about-jane .about-jane-bot p { margin:0px; padding:0px; } .about-jane .about-jane-bot p img { width:25%; } .blank_spacer { margin-bottom: -10px; margin-bottom: 10px; } .row_icons {} .row_icons .spb_content_element { margin-bottom:6px; } .row_icons p { text-align:center; } .row_icons img { display:inline-block; text-align:center; } .sf-count-asset { text-align: center; padding: 16px 0 10px 0; } .sf-count-asset .count-number { font-size: 50px !important; line-height: 50px !important; font-weight: 500 !important; } .sf-count-asset .count-divider { width: 100%; text-align: center; height: 1px; margin-top: 0px; margin-bottom: 5px; color:#000000; display:none; } .sf-count-asset .count-divider span { background: #000000; height: 1px; display: inline-block; width:125px !important; position: relative; top: -16px; } .color7 .sf-count-asset .count-divider span { background: #E1762A; } .color8 .sf-count-asset .count-divider span { background: #2D86B7; } .color9 .sf-count-asset .count-divider span { background: #A4CC3E; } .color10 .sf-count-asset .count-divider span { background: #00AFF0; } .sf-count-asset h6.count-subject { text-transform:none; padding-top: 0px; font-size: 18px !important; line-height: 22px !important; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500; } .make-a-difference { color:#4D4D4D; } C .make-a-difference .promo-custom, .make-a-difference .sf-promo-bar { padding: 32px 0px 52px 0px; text-align: center; min-height: 170px; background-color:#F5F5F5 !important; } .differenceAlt .make-a-difference .promo-custom, .differenceAlt .make-a-difference .sf-promo-bar, .differenceWhite .make-a-difference .promo-custom, .differenceWhite .make-a-difference .sf-promo-bar { background-color:#FFFFFF !important; } .make-a-difference p { font-size: 25px !important; line-height: 31px !important; color:#4D704A !important; } .make-a-difference .text { padding: 19px 10px 10px 12px; } .buttons, .make-a-difference .buttons, .signup-donate-buttons .buttons { text-align:center; } .buttons .button, .buttons a.button, .make-a-difference .button, .make-a-difference a.button, .signup-donate-buttons .button, .signup-donate-buttons a.button { font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0.05em; padding: 18px; margin-bottom: 7px; width: 270px; background-color: #A1CA3A; border: solid 2px #A1CA3A; } .buttons .button, .buttons a.button, .make-a-difference .button, .make-a-difference a.button, .signup-donate-buttons .button, .signup-donate-buttons a.button { width: 224px; display: inline-block; margin: 0 12px; } .buttons .button, .buttons a.button, .make-a-difference .button, .make-a-difference a.button, .signup-donate-buttons .button, .signup-donate-buttons a.button { color: #ffffff; background-color: #94BA61; border: solid 2px #94BA61; } .buttons .button .fa, .buttons a.button .fa, .make-a-difference .button .fa, .make-a-difference a.button .fa, .signup-donate-buttons .button .fa, .signup-donate-buttons a.button .fa { margin-right:5px; } .buttons .button:hover, .buttons a.button:hover, .make-a-difference .button:hover, .make-a-difference a.button:hover, .signup-donate-buttons .button:hover, .signup-donate-buttons a.button:hover { background-color: #ffffff; color: #94BA61; border: solid 2px #94BA61; } .buttons .buttonalt1, .buttons a.buttonalt1, .make-a-difference .buttonalt1, .make-a-difference a.buttonalt1, .signup-donate-buttons .buttonalt1, .signup-donate-buttons a.buttonalt1 { border: solid 2px #03473D; background-color: #03473D; color: #ffffff; } .buttons .buttonalt1:hover, .buttons a.buttonalt1:hover, .make-a-difference .buttonalt1:hover, .make-a-difference a.buttonalt1:hover, .signup-donate-buttons .buttonalt1:hover, .signup-donate-buttons a.buttonalt1:hover { color: #03473D; background-color: #ffffff; border: solid 2px #03473D; } .buttons .buttonDarkBlue, .buttons a.buttonDarkBlue { border: solid 2px #994F36; background-color: #994F36; color: #ffffff; } .buttons .buttonDarkBlue:hover, .buttons a.buttonDarkBlue:hover { background-color: #ffffff; color: #994F36; border: solid 2px #994F36; } .buttons .buttonDarkBlue2, .buttons a.buttonDarkBlue2 { border: solid 2px #0B456A; background-color: #0B456A; color: #ffffff; } .buttons .buttonDarkBlue2:hover, .buttons a.buttonDarkBlue2:hover { background-color: #ffffff; color: #0B456A; border: solid 2px #0B456A; } .buttons .buttonPurple, .buttons a.buttonPurple { border: solid 2px #4D704A; background-color: #4D704A; color: #ffffff; } .buttons .buttonPurple:hover, .buttons a.buttonPurple:hover { background-color: #ffffff; color: #4D704A; border: solid 2px #4D704A; } .headerline { text-align:center; margin:30px 0px 18px 0px; padding:10px 0px 0px 0px; background-color:transparent; max-width: 100% !important; } .home .headerline { margin-top:52px; } .headerline .spb-asset-content { } .headerline h2 { text-align:center; margin:0px !important; padding:0px 10px !important; text-transform:uppercase; display:inline-block; font-size: 16px !important; line-height: 18px !important; letter-spacing: 0.05em; color:#6d6e70 !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 600 !important; } .headerline p { padding: 0px 20px; max-width: 900px; margin: 20px auto; } .row_tiles { margin-bottom:45px !important;; } .row_tiles .spb_content_element { } .row_tiles .blockColor { background-color:#F2F2F2; } .row_tiles .blockColor p { color:#4D4D4D; margin:0px; padding:0px; text-align:left; } .row_tiles .blockColor p a {} .row_tiles .blockColor img { width:100%; } .row_tiles .blockColor h3 { color:#ffffff; background-color:#DF7125; margin:0px; padding:20px 10px; text-align:center; font-weight: 300; min-height: 108px; } .row_tiles .blockColor.color1 h3 { background-color:#DF7125; } .row_tiles .blockColor.color2 h3 { background-color:#2283B6; } .row_tiles .blockColor.color3 h3 { background-color:#72123E; } .row_tiles .blockColor.color4 h3 { background-color:#694821; } .row_tiles .blockColor.color5 h3 { background-color:#6D8939; } .row_tiles .blockColor.color6 h3 { background-color:#38C2D9; } .row_tiles .blockColor h3 a { color:#ffffff; font-weight: 300; } .row_tiles .blockColor .blockInner { padding:12px 15px; font-size: 15px; line-height: 18px; min-height: 175px; } .row_tiles .blockColor a.readmore { font-weight: 900; font-size: 16px; line-height: 21px; text-transform:uppercase; color:#DF7125; letter-spacing: 0.05em; } .row_tiles .blockColor.color1 a.readmore { color:#DF7125; } .row_tiles .blockColor.color2 a.readmore { color:#2283B6; } .row_tiles .blockColor.color3 a.readmore { color:#72123E; } .row_tiles .blockColor.color4 a.readmore { color:#694821; } .row_tiles .blockColor.color5 a.readmore { color:#6D8939; } .row_tiles .blockColor.color6 a.readmore { color:#38C2D9; } .quote { margin-bottom:0px; } .quote .sf-promo-bar { text-align:left; color:404041; background-color:#B9D46F; padding-bottom: 10px; } .quote.quoteAlt .sf-promo-bar, .quote.quoteAlt .sf-promo-bar.promo-text, .quote.quoteAlt .sf-promo-bar.promo-text:hover, .quote.quoteWhite .sf-promo-bar, .quote.quoteWhite .sf-promo-bar.promo-text, .quote.quoteWhite .sf-promo-bar.promo-text:hover { background-color:#FFFFFF !important; } .quote.quoteGrey .sf-promo-bar, .quote.quoteGrey .sf-promo-bar.promo-text, .quote.quoteGrey .sf-promo-bar.promo-text:hover { background-color:#404041 !important; } .quote .sf-promo-bar.promo-arrow:hover, .quote .sf-promo-bar.promo-text:hover { background-color: #B9D46F !important; color: #404041 !important; } .quote .sf-promo-bar a { color: #404041 !important; padding: 40px 10% 28px 10% !important; } .quote .sf-promo-bar a:hover { color: #404041!important; text-decoration:none; } .quote .sf-promo-bar p { color: #404041 !important; font-size: 20px !important; line-height: 27px !important; font-weight: 500 !important; margin: 0px 45px; text-align: center; } .quote .sf-promo-bar em { display:block; text-align:center; padding-top: 10px; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500 !important; text-transform: uppercase; font-size: 12px !important; line-height: 18px !important; } .quoteWhite .sf-promo-bar p { color: #D9665C !important; } .quoteWhite .sf-promo-bar em { color: #808184 !important; } .quoteGrey .sf-promo-bar p { color: #FFD9BD !important; } .quoteGrey .sf-promo-bar em { color: #ffffff !important; } .row_news { background-image: url(images/bg-notebook-paper03.jpg); background-size: auto; -moz-background-size: auto; -webkit-background-size: auto; background-attachment: scroll !important; background-repeat: repeat; background-position: center top; } .row_news .headerline { margin-top: 32px; } .row_news .blockArticle { background-color:#FFFFFF; } .row_news .col-sm-3 { /* margin-bottom:0px !important; */ } .row_news .blockArticle .post-photo { overflow:hidden; height: 175px; } .row_news .blockArticle .post-photo a { display:block; } .row_news .blockArticle .post-photo a img { min-width: 100%; width: auto; height: 175px !important; max-width: none; } .row_news .blockArticle .post-photo a:after { content:" "; display:block; width:33px; height:17px; background-image:url(images/overlay-arrow02.png); background-repeat:no-repeat; position:relative; top:-17px; margin:0px auto -17px auto; } .row_news .blockArticle .blockInner { padding: 8px 15px 0px 15px; } .row_news .blockArticle h3.post-title { margin: 0px 0px 10px 0px; text-transform: uppercase; font-weight: 900; font-size: 13px !important; line-height: 18px !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 600 !important; color: #4D704A; text-transform:uppercase; } .row_news .blockArticle a { color:#4D704A; } .row_news .blockArticle .post-excerpt { font-size: 16px; line-height: 23px; } .row_news .blockArticle .post-footer { margin: 19px 0px 0px 0px; font-weight: 700; font-size: 15px; line-height: 23px; display:none; } .row_news .blockArticle .post-footer .post-author {} .row_news .blockArticle .post-footer .post-date {} .row_news .make-a-difference {} .photoCredits { background-color: #ffffff; } .photoCredits .spb_text_column { margin: 6px 0px; } .photoCredits p { font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; font-size: 11px !important; line-height: 22px !important; color: #999999 !important; } .photoCredits p strong { color: #6d6e70; font-weight: normal; } #footer-wrap { /* background-image:url(images/footer-wrap-bg01.png); */ /* background-repeat:repeat-x; */ /* background-position:left 0px; */ color:#6d6e70; background-color:#ffffff; background-color:#F8F8F8; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; } #footer-wrap #copyright { background-color: transparent; border-top: 0px; } #copyright .container {} #copyright .footer-logo { margin: 30px 0px; text-align:left; } #copyright .footer-logo img { max-width:200px; } #copyright .text-left { width:40%; padding-right: 17px; padding-top: 8px; font-size: 10px; line-height: 18px; } #copyright .text-middle { width:40%; float: left; } #copyright .footer-menu {} #copyright .footer-menu ul#menu-footer-menu { margin-top: 6px; float: none; margin-left: 0px; padding-left: 0px; } #copyright .footer-menu ul li { border:0px; display:inline-block; float: none; width:147px; font-size: 14px; line-height: 16px; margin:0px 0px 5px 0px; vertical-align: top; } #copyright .footer-menu ul li a { color:#6d6e70; display: none; padding: 0 12px !important; } #copyright nav .menu li ul.sub-menu { display: block!important; position:static; box-shadow:none; background-color: transparent !important; } #copyright nav .menu li ul.sub-menu li { display: block; width:auto; } #copyright nav .menu li ul.sub-menu a { display: block; text-overflow: clip; white-space: normal; overflow-x: visible; } #copyright nav .menu > li.current-menu-ancestor > a, #copyright nav .menu > li.current-menu-item > a, #copyright nav .menu > li.current-scroll-item > a, #copyright #mobile-menu .menu ul li.current-menu-item > a { color: #6d6e70 !important; } #footer-wrap #copyright .text-right { width: 20%; padding-top: 4px; font-size: 14px; line-height: 22px; } #copyright .copyright-line { text-transform:uppercase; font-size: 10px; padding-top: 16px; } #copyright .credits { font-size: 11px; padding-top: 16px; } #copyright .credits a { color: #6d6e70; } #copyright .social-icons { } #copyright ul.social-icons li:not(.sf-love) a { font-size:16px; } #copyright ul.social-icons a { color: #A6A8AB; } .buttonWide { padding:0px 2px !important; } .sf-button.accent { color: #4D4D4D !important; background-color: #EDEDED !important; border-color: #EDEDED !important; text-transform: uppercase; font-weight: 500; font-size: 22px; line-height: 26px; letter-spacing: 0.15em; padding:14px 0px !important; margin: 0 2px 10px 2px !important; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0.05em; padding: 20px !important; } .sf-button.accent:hover { color: #ffffff !important; background-color: #DF7125 !important; } .buttonWide .sf-button.accent { width:100%; } .row_photos, .row_photos2 {} .row_photos .spb_content_element, .row_photos2 .spb_content_element { padding:0px !important; max-height:350px; overflow:hidden; } .row_photos2 .spb_content_element { max-height:229px; } .row_photos .spb-asset-content, .row_photos2 .spb-asset-content { margin:0px !important; } .row_photos img, .row_photos2 img { width:100%; } .row_tiles2 {} .row_tiles2 .headerline { margin-top:35px; } .row_tiles2 .tile, .row_tiles2 .tileAlt { color:#DF7125; background-color:#EDEDED; text-align:center; padding-top: 20px; padding-bottom: 24px; margin-bottom: 26px; border:solid 1px #ffffff; min-height: 200px; } .row_tiles2 .tileAlt { color:#FFFFFF; background-color:#6D8939; } .row_tiles2 .tile p, .row_tiles2 .tileAlt p { font-weight:300 !important; } .row_tiles2 .tile p strong, .row_tiles2 .tileAlt p strong { font-weight:900 !important; } .row_tiles2 .tile a, .row_tiles2 .tileAlt a { color:#DF7125; display: block; text-decoration:none; font-weight:300 !important; } .row_tiles2 .tileAlt a { color:#FFFFFF; } .row_tiles2 .tile img, .row_tiles2 .tileAlt img { width:auto !important; max-height:65px !important; margin-bottom: 3px; } .row_person { } .row_person .tilePerson { } .row_person .tilePerson .spb-asset-content { background-color:#EDEDED; background-color:transparent; } .row_person .tilePerson img { width:100%; } .row_person .tilePerson h3 { margin:15px 15px 15px 15px; margin:15px 0px; text-transform:uppercase; font-size: 16px !important; line-height: 20px !important; font-weight:900; color:#6D8939; } .row_person .tilePerson h4 { margin:15px 15px 15px 15px; margin:15px 0px; font-size: 17px; line-height: 22px; font-weight: 100; } .inner-page-wrap { margin-bottom: 0px !important; } .right-sidebar { padding: 40px 0px 0px 0px; z-index: 9999; } .right-sidebar .sidebar-widget-wrap { max-width: 224px; margin: 0px auto; } .right-sidebar .program-menu { margin: 0px auto; max-width:224px; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0px; text-transform: uppercase; } .right-sidebar .program-menu ul { } .right-sidebar .program-menu ul li { border-bottom:solid 1px #CFCFCF; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .right-sidebar .program-menu ul li h3 { } .right-sidebar .program-menu ul li a { display:block; padding:5px 18px 5px 0px; text-transform: none; color: #6D6E70; position: relative; } .right-sidebar .program-menu ul li a:after { content: ">"; position: absolute; bottom: 5px; right: 0px; } .right-sidebar .make-a-difference { margin:0px 0px 0px 0px; } .right-sidebar .make-a-difference .text { margin:0px 0px 10px 0px; } .right-sidebar .make-a-difference .text p { font-size: 20px !important; line-height: 24px !important; } .right-sidebar .make-a-difference .text p strong { font-weight: 900; } .right-sidebar .make-a-difference h3 { font-family: 'EB Garamond', serif !important; font-style: normal !important; font-weight: 400 !important; text-align:center; font-size: 25px !important; line-height: 31px !important; color: #4D704A !important; padding: 0px; margin-top: 0px; } .right-sidebar .make-a-difference .buttons { } .right-sidebar .make-a-difference .buttons p { } .right-sidebar .make-a-difference .buttons p a.button { margin: 10px auto 20px auto; display: block; } .right-sidebar .make-a-difference .buttons p a.buttonalt1 { } .right-sidebar .photo-link { margin:20px 0px 20px 0px; font-size: 21px !important; line-height: 21px !important; } .right-sidebar .photo-link a { } .right-sidebar .photo-link a img { width:100%; } .right-sidebar .quote { margin:20px 0px 20px 0px; border:solid 1px #F1F1F1; border-left:solid 3px #6D8939; padding:13px 13px 13px 13px; } .right-sidebar .quote p { font-size: 16px !important; line-height: 20px !important; color:#6D8939 !important; font-weight:300 !important; } .right-sidebar .quote p em { font-weight:500 !important; font-size: 18px !important; line-height: 20px !important; font-style:normal; display:block; text-align:right; } .row_tileSocial { min-height:200px; } .tileSocial { text-align:center; background-color:#999999; height: 300px; background-repeat:no-repeat; background-size:cover; } .tileSocial h3 { color:#ffffff !important; text-align:center; font-weight: 900 !important; font-size: 24px !important; line-height: 28px !important; margin-top:100px; } .tileSocial a { color:#ffffff !important; font-weight:900; text-align:center; } .tileSocial a i { font-size:30px; margin:15px; } .row_tileSocial .photo1 { background-image:url(../../uploads/Connect_Jane1.jpg); } .row_tileSocial .photo2 { background-image:url(../../uploads/Connect_Inst1.jpg); } .row_tileSocial .photo3 { background-image:url(../../uploads/Connect_Roots1.jpg); } .tileButton { color:#6D8839; font-weight:900; text-align:center; } .tileButton .spb-asset-content { background-color:#EDEDED; } .tileButton p, .tileButton a { color:#6D8839 !important; font-weight:700 !important; text-align:center; text-transform:uppercase; margin:0px; padding:0px; } .tileButton img { margin-bottom:0px; } .tileButton h3 { margin:0px; padding:10px; text-transform:uppercase; font-size: 14px !important; line-height: 19px !important; color:#6D8839 !important; font-weight:700 !important; } .bannerButton { text-align:center; color:#ffffff; } .bannerButton .spb-asset-content { max-width:1170px; text-align:center; padding: 30px 20px 10px 20px !important; width:100%; } .bannerButton p { color:#ffffff !important; } .bannerButton .button, .bannerButton a.button, .bannerButton .buttonalt1, .bannerButton a.buttonalt1, .page-content .bannerButton a.button, .page-content .bannerButton a.buttonalt1 { text-align:center; background-color:#ffffff; color:#4D4D4D; text-transform:uppercase; border:solid 2px #ffffff; font-weight: 500; font-size: 17px; line-height: 20px; letter-spacing: 0.10em; padding: 10px 50px; } .page nav .menu > li.current-menu-ancestor > a, .page #mobile-menu-wrap a:hover, .page #mobile-cart-wrap a:not(.sf-button):hover, .page #mobile-menu ul li:hover > a, .page #mobile-menu .menu > li.current-menu-item > a, .page #mobile-menu .menu ul li.current-menu-item > a { color: #DF7125 !important; box-shadow: none !important; text-decoration:none !important; } .page #mobile-menu .menu > li > a, .page #mobile-menu .menu > li.current-menu-ancestor > a, .page #mobile-menu .menu > li.current-menu-item > a, .page #mobile-menu .menu > li.current-scroll-item > a, .page #mobile-menu .menu ul li.current-menu-item > a { text-transform:uppercase !important; font-weight:700 !important; } .tribe-event-schedule-details { padding: 0px 12px 0px 12px; } .tileGrid {} .tileGrid a { color: #404041; text-decoration:underline; } .tileGrid a:hover { color: #404041; } .tileGrid h3 a { text-decoration:none; } .tileGrid p { font-size: 22px !important; line-height: 30px !important; font-size: 20px !important; line-height: 26px !important; font-size: 21px !important; line-height: 27px !important; } .tileGrid .spb_content_element h3 { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500 !important; margin: 0px 0px 20px 0px; text-transform: uppercase; font-size: 17px !important; line-height: 21px !important; font-size: 14px !important; line-height: 20px !important; } .tileGrid .spb_image_banner { padding:0px !important; height: 250px; height: 255px; height: 257px; overflow: hidden; } .tileGrid .spb_image_banner .spb-asset-content { height: 100%; } .tileGrid .spb_image_banner .spb-asset-content .sf-image-banner { height: 100%; } .tileGrid .spb_image_banner .spb-asset-content .sf-image-banner .img-wrap { height: 100%; } .tileGrid .tall, .tileGrid .spb_image_banner.tall { min-height: 320px !important; } .tileGrid .spb_image_banner.double-tall { height: 400px; } .tileGrid .spb_image_banner.double-tall2 { height: 490px; height: 505px; } .tileGrid .spb_image_banner.scale-width { } .tileGrid .spb_image_banner.no-scaling, .tileGrid .spb_image_banner.col-sm-12 { height: auto; } .tileGrid .spb_image_banner img { min-height: 255px; width: auto; height: 100%; max-width: none !important; } .tileGrid .spb_image_banner.scale-width img { width: 100% !important; height: auto !important; } .tileGrid .spb_image_banner.scale-height img { height: 100% !important; width: auto !important; } .tileGrid .spb_image_banner.double-tall img { height: 450px; } .tileGrid .spb_image_banner.double-tall2 img { height: 490px; height: 505px; } .tileGrid .spb_image_banner.scale-width img { width: 100%; height: auto; min-height: 0px; } .tileGrid .spb_image_banner.no-scaling img, .tileGrid .spb_image_banner.col-sm-12 img { width: 100%; height: auto; max-width: 100% !important; } .tileGrid .spb_image_banner .image-banner-content, .tileGrid .sf-animation[data-animation="none"].image-banner-content { margin-bottom: auto !important; padding-top: 40px !important; padding-bottom: 40px !important; padding: 40px !important; top: 0px; bottom: auto !important; -webkit-transform: none!important; transform: none!important; } .tileGrid .spb_image_banner.tileHeaderBar .image-banner-content, .tileGrid .sf-animation[data-animation="none"].spb_image_banner.tileHeaderBar .image-banner-content { padding:0px !important; width: 100%; } .tileGrid .spb_image_banner h2 { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 600; font-size: 50px; line-height: 50px; margin: 0px 0px 20px 0px; color: #ffffff; } .tileGrid .spb_image_banner.LargeTitleOverPhoto .image-banner-content { padding: 0px !important; bottom: 0px !important; position: absolute; display: block; top: auto; } .tileGrid .spb_image_banner.LargeTitleOverPhoto h2, .spb_image_banner.LargeTitleOverPhoto h2 { font-family: 'EB Garamond', serif !important; text-align:center; font-size: 27px; line-height: 34px; margin: 0px 100px 20px 100px; color:#ffffff; } .tileGrid .spb_image_banner.textDarkGrey h2 { color: #404041 !important; } .tileGrid .spb_image_banner.textDarkGrey p { color: #231f20 !important; } .tileGrid .spb_image_banner.tileHeaderBar h3 { display:block; background-color:#E6E7E8; padding: 15px; text-align: center; } .tileGrid .spb_image_banner.tileHeaderBar h3 a { color:#03473D; } a.iconQuestion { color:#03473D; padding-left:28px; background-image:url(/wp-content/themes/joyn-child/images/icon-question-circle.png); background-repeat:no-repeat; background-position:left center; font-size: 14px; line-height: 28px; display: inline-block; vertical-align: middle; } .spb_content_element.LargeTitleOverPhoto { } .spb_content_element.LargeTitleOverPhoto.Leakey .image-banner-content { width: 100%; text-align: center; margin: 0px auto; padding: 0px 25% !important; display: block; } .spb_content_element.LargeTitleOverPhoto h2 { color: #ffffff !important; text-align:center; } .spb_content_element.LargeTitleOverPhoto.Leakey h2 { font-size: 34px; line-height: 40px; } .spb_content_element.LargeTitleOverPhoto h3 { color: #ffffff !important; text-align:center; text-transform:uppercase; } .spb_content_element.LargeTitleOverPhoto.Leakey h3 { margin: 0px 100px 0px 100px; } .spb_content_element.LargeTitleOverPhoto h4 { color: #ffffff !important; text-align:center; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; font-size: 20px !important; line-height: 26px !important; } .spb_content_element.LargeTitleOverPhoto.Leakey h4 { margin: 0px 100px 20px 100px; } .tileGrid .spb_image_banner h3 { color:#ffffff !important; } .tileGrid .spb_image_banner p { color:#ffffff !important; } .tileGrid .spb_image_banner a { color:#ffffff; } .tileGrid .spb_text_column .spb-asset-content { padding: 40px !important; padding: 40px 40px 20px 40px !important; min-height: 250px; min-height: 255px; min-height: 257px; margin-top: 0px !important; margin-bottom: 0px !important; } .tileGrid .spb_text_column.headerline .spb-asset-content { min-height: 0px; } .tileGrid .spb_text_column.noPadding .spb-asset-content { padding: 0px !important; } .tileGridStats .spb_content_element h3 { text-transform: none !important; font-size: 24px !important; line-height: 28px !important; color: #58595b !important; } .tileGridStats .spb_content_element h4 { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500 !important; font-size: 17px !important; line-height: 20px !important; color: #808184 !important; text-transform: uppercase; margin-top: 30px; } .charity-buttons { } .charity-buttons a { } .charity-buttons img { margin: 0px 20px 40px 0px; width: auto; vertical-align: top; display: inline-block; float: left; } .social-grid a.grid-link, .tileGrid .social-grid a.grid-link { width: 100%; height: 100%; display: inline-block; position: absolute; z-index: 9999; } .social-grid .blog-grid-items .blog-item .date, .tileGrid .social-grid .blog-grid-items .blog-item .date { font-size: 18px; } .social-grid .blog-grid-items .blog-item .author, .tileGrid .social-grid .blog-grid-items .blog-item .author { font-size: 18px; } .social-grid .blog-grid-items .blog-item .tweet-icon, .tileGrid .social-grid .blog-grid-items .blog-item .tweet-icon, .social-grid .blog-grid-items .blog-item .post-icon, .tileGrid .social-grid .blog-grid-items .blog-item .post-icon, .social-grid .blog-grid-items .blog-item .inst-icon, .tileGrid .social-grid .blog-grid-items .blog-item .inst-icon { color: #ffffff !important; opacity: 1; bottom: 10px; right: 10px; } .calendar-list { text-align:center; background-color:#E6F1F9; padding:0px 50px 0px 50px; } .calendar-list a, .calendar-list .tribe-events-list-widget .tribe-events-widget-link a { color:#F7931E; font-family: 'Spartan', sans-serif !important; font-size: 18px; font-weight: 500; } .calendar-list ol { margin: 0px; padding: 0px; font-family: 'Spartan', sans-serif !important; font-size: 18px; } .calendar-list h4.tribe-event-title { font-size: 22px; } .calendar-list h4.tribe-event-title a { color:#D9665C; } .bgWhite { background-color: #FFFFFF; } .bgWhite .spb-asset-content { background-color: #FFFFFF; } .bgLightBlue { background-color: #FFD9BD; } .bgLightBlue .spb-asset-content { background-color: #FFD9BD; } .bgLightBlue2 { background-color: #FFD9BD; } .bgLightBlue2 .spb-asset-content { background-color: #FFD9BD; } .bgLightBlue2 .blockInner h3, .bgLightBlue2 .blockInner h3 a { } .bgLightBlue2 p, .bgLightBlue2 .blockInner p { } .bgLightBlue2 a { } .bgLightBlue2 .blockInner a { color: #231f20 !important; } .bgLightBlue3 { background-color: #FFD9BD; } .bgLightBlue3 .spb-asset-content { background-color: #FFD9BD; } .bgMedBlue { background-color: #FFD9BD; } .bgMedBlue h3, .bgMedBlue.spb_content_element h3, .bgMedBlue h3 a { } .bgMedBlue .spb-asset-content { background-color: #FFD9BD; } .bgMedBlue p, .bgMedBlue .blockInner p { } .bgMedBlue a, .bgMedBlue .blockInner a { } .bgMedBlue2 { background-color: #D9665C; } .bgMedBlue2 .spb-asset-content { background-color: #D9665C; } .bgMedBlue2 h3, .bgMedBlue2.spb_content_element h3, .bgMedBlue2 h3 a { color: #ffffff !important; } .bgMedBlue2 .blockInner h3, .bgMedBlue2 .blockInner h3 a { color: #ffffff !important; } .bgMedBlue2 p, .bgMedBlue2 .blockInner p { color: #ffffff !important; } .bgMedBlue2 a { color: #ffffff !important; } .bgMedBlue2 .blockInner a { color: #fcf6e0 !important; } .bgDarkBlue { background-color: #994F36; } .bgDarkBlue h3, .bgDarkBlue.spb_content_element h3, .bgDarkBlue h3 a { color: #ffffff !important; } .bgDarkBlue .spb-asset-content { background-color: #994F36; } .bgDarkBlue .blockInner h3, .bgDarkBlue .blockInner h3 a { color: #ffffff !important; } .bgDarkBlue p, .bgDarkBlue .blockInner p { color: #ffffff !important; } .bgDarkBlue a { color: #fcf6e0 !important; } .bgDarkBlue .blockInner a { color: #fcf6e0 !important; } .bgDarkerBlue { background-color: #5E3B1C; } .bgDarkerBlue h3, .bgDarkerBlue.spb_content_element h3, .bgDarkerBlue h3 a { color: #ffffff !important; } .bgDarkerBlue .spb-asset-content { background-color: #5E3B1C; } .bgDarkerBlue p, .bgDarkerBlue .blockInner p { color: #ffffff !important; } .bgDarkerBlue a, .bgDarkerBlue .blockInner a { color: #ffffff !important; } .bgLightGreen { background-color: #EBFCC4; } .bgLightGreen .spb-asset-content { background-color: #EBFCC4; } .bgLightGreen2 .blockInner h3, .bgLightGreen2 .blockInner h3 a { } .bgLightGreen2 p, .bgLightGreen2 .blockInner p { } .bgLightGreen2 a { } .bgLightGreen2 .blockInner a { color: #231f20 !important; } .bgLightGreen2 { background-color: #EBFCC4; } .bgLightGreen2 .spb-asset-content { background-color: #EBFCC4; } .bgLightGreen3 { background-color: #EBFCC4; } .bgLightGreen3 .spb-asset-content { background-color: #EBFCC4; } .bgDarkGreen { background-color: #03473D; } .bgDarkGreen h3, .bgDarkGreen.spb_content_element h3, .bgDarkGreen h3 a { color: #ffffff !important; } .bgDarkGreen .spb-asset-content { background-color: #03473D; } .bgDarkGreen .blockInner h3, .bgDarkGreen .blockInner h3 a { color: #ffffff !important; } .bgDarkGreen p, .bgDarkGreen .blockInner p { color: #ffffff !important; } .bgDarkGreen a { color: #ffffff !important; } .bgDarkGreen .blockInner a { color: #fcf6e0 !important; } .bgOrange { background-color: #94BA61; } .bgOrange h3, .bgOrange.spb_content_element h3, .bgOrange h3 a { color: #ffffff !important; } .bgOrange .spb-asset-content { background-color: #94BA61; } .bgOrange .blockInner h3, .bgOrange .blockInner h3 a { color: #ffffff !important; } .bgOrange p, .bgOrange .blockInner p { color: #ffffff !important; } .bgOrange a { color: #ffffff !important; } .bgOrange .blockInner a { color: #231f20 !important; } .bgPurple { background-color: #4D704A; } .bgPurple h3, .bgPurple.spb_content_element h3 { color: #ffffff !important; } .bgPurple p { color: #ffffff; } .bgPurple a { color: #ffffff; } .bgPurple .spb-asset-content { background-color: #4D704A; } .bgPurple .blockInner h3, .bgPurple .blockInner h3 a { color: #ffffff !important; } .bgPurple p, .bgPurple .blockInner p { color: #ffffff !important; } .bgPurple a { color: #ffffff !important; } .bgPurple .blockInner a { color: #94BA61 !important; } .bgLightBrown { background-color: #BAE5D4; } .bgLightBrown .spb-asset-content { background-color: #BAE5D4; } .bgBrown { background-color: #994F36; } .bgBrown h3, .bgBrown.spb_content_element h3, .bgBrown h3 a { color: #ffffff !important; } .bgBrown .spb-asset-content { background-color: #994F36; } .bgBrown .blockInner h3, .bgBrown .blockInner h3 a { color: #ffffff !important; } .bgBrown p, .bgBrown .blockInner p { color: #ffffff !important; } .bgBrown a { color: #ffffff !important; } .bgBrown .blockInner a { color: #fcf6e0 !important; } .bgLightGrey { background-color: #F8F8F8; } .bgLightGrey .spb-asset-content { background-color: #F8F8F8; } .bgLightGrey2 { background-color: #EBEFF2; } .bgLightGrey2 .spb-asset-content { background-color: #EBEFF2; } .bgDarkGrey { background-color: #58595B; } .bgDarkGrey h3, .bgDarkGrey.spb_content_element h3, .bgDarkGrey h3 a { color: #ffffff !important; } .bgDarkGrey .blockInner h3, .bgDarkGrey .blockInner h3 a { color: #ffffff !important; } .bgDarkGrey p, .bgDarkGrey .blockInner p { color: #ffffff !important; } .bgDarkGrey a { color: #ffffff !important; } .bgDarkGrey .blockInner a { color: #fed059 !important; } .bgDarkGrey .spb-asset-content { background-color: #58595B; } .bgLightCream { background-color: #BAE5D4; } .bgLightCream .spb-asset-content { background-color: #BAE5D4; } .textGreen, .textGreen p, .textGreen.captionLarge p, .textGreen a { color: #03473D !important; } .textBrown, .textBrown p, .textBrown a { color: #4D704A !important; } .textBlue, .textBlue h2, .textBlue p, .textBlue a { color: #994F36 !important; } .intro.textBlue h2 { color: #4D704A !important; } .textGrey, .textGrey h3, .tileGrid .spb_image_banner.textGrey h3, .tileGrid .spb_image_banner.textGrey p { color: #6d6e70 !important; } .textDarkGrey, .textDarkGrey p, .textDarkGrey a { color: #231f20 !important; } .linksBlue, .linksBlue a { color: #D9665C !important; } .padding-0 { } .margin-0 { margin:0px; } .signup-donate-buttons { margin: 0px 0px 100px 0px; margin: 0px 0px 50px 0px; } .linkButtonBar { background-color:#EBFCC4; text-align:center; padding:38px; } .linkButtonBar h3 { margin:0px; display:inline-block; border:solid 1px #FFFFFF; padding:17px 90px 10px 90px; padding:5px 90px 10px 90px; text-transform:uppercase; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500; } .linkButtonBar h3 a { color:#03473D; } .timelineBar { text-align:center; background-image:url(/wp-content/themes/joyn-child/images/bg-timeline01.png); } .timelineBar.timelineFull .spb-row-no-cols-wrapper { background-color:#D9665C; background-image:url(/wp-content/themes/joyn-child/images/bg-timeline02.png); background-repeat:repeat-y; background-position:center top; padding-bottom: 100px; } .timelineBar .spb_content_element h3 { background-color: #5E3B1C; text-align: center; padding: 38px 38px 30px 38px; color: #ffffff !important; display: inline-block; text-transform: uppercase; margin: 0px; width: 100%; margin-bottom:30px; font-family: 'Spartan', sans-serif !important; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 400 !important; } .timelineBar.timelineFull h3 { font-size: 30px !important; } .timelineBar h3 strong { color:#a1cb2e; padding-right: 10px; } .timelineBar p { color:#4D704A; } .timelineBar a { color:#4D704A; } .timelineBar .timelineItem { margin: 0px 25px !important; display: inline-block; float: none; vertical-align: top; max-width:200px; } .timelineBar .timelineItem img { } .timelineBar .timelineItem h4 { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 700; } .timelineBar .timelineItem p { font-size: 15px !important; line-height: 20px !important; } .page-content .timelineBar.timelineFull .timelineItem { margin: inherit !important; position:relative; text-align:left; background-color:#ffffff; margin-left: 180px !important; padding: 25px 25px 10px 25px !important; margin-bottom: 40px !important; max-width: 950px; } .timelineBar.timelineFull .timelineItem.timelineItemAlt { background-color:#FFD9BD; } .timelineBar.timelineFull .timelineItem:before { content:" "; display:block; width:15px; height:30px; background-image:url(images/timeline-arrow01.png); background-repeat:no-repeat; position:absolute; top: 20px; left: -15px; } .timelineBar.timelineFull .timelineItem.timelineItemAlt:before { background-image:url(images/timeline-arrow02.png); } .timelineBar.timelineFull .timelineItem .spb-asset-content { } .timelineBar.timelineFull .timelineItem .title-wrap { position:absolute; left: -180px; top: -8px; } .timelineBar.timelineFull .timelineItem .title-wrap h3 { background-color: transparent; text-align: left; padding: 0px; color: #ffffff !important; display: inline-block; text-transform: none; margin: 0px; width: auto; margin-bottom: 30px; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 400 !important; font-size: 14px !important; } .timelineBar.timelineFull .timelineItem h4 { text-transform:uppercase; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500; color: #4D704A !important; margin-top: 0px; font-size: 18px !important; line-height: 22px !important; margin: 0px 0px 20px 0px; } .timelineBar.timelineFull .timelineItem p { color: #4D704A !important; font-weight: 400 !important; font-size: 21px !important; line-height: 27px !important; margin: 0 0 10px; } .timelineBar .timelineBarFooter a { text-transform:uppercase; margin:20px; display:inline-block; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 700; font-size: 15px !important; line-height: 20px !important; } .page-heading, .headerBar, .useHeaderBar .page-heading, .headerBar2, .useHeaderBar2 .page-heading, .headerBar3, .useHeaderBar3 .page-heading { background-color:#0D4868 !important; text-align: center; padding: 0px; } .page-heading .container, .headerBar .container, .useHeaderBar .page-heading .container, .headerBar2 .container, .useHeaderBar2 .page-heading .container, .headerBar3 .container, .useHeaderBar3 .page-heading .container { padding:0px 20px; text-align:center; position:relative; max-width:1140px !important; } .page-heading h1, .headerBar h1, .useHeaderBar .page-heading .heading-text h1.entry-title, .headerBar2 h1, .useHeaderBar2 .page-heading .heading-text h1.entry-title, .headerBar3 h1, .useHeaderBar3 .page-heading .heading-text h1.entry-title { color: #ffffff !important; text-transform:uppercase; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500; font-size: 28px; line-height: 40px; display: inline-block; vertical-align: middle; text-align:left; text-align: center; width: 100%; padding: 35px 53px 35px 53px; } .page-heading .row, .headerBar .row, .headerBar2 .row, .headerBar3 .row { margin-left: -15px; margin-right: -15px; } .page-heading h1 strong, .headerBar h1 strong, .useHeaderBar2 .page-heading .heading-text h1.entry-title strong, .headerBar2 h1 strong, .useHeaderBar2 .page-heading .heading-text h1.entry-title strong, .headerBar3 h1 strong, .useHeaderBar3 .page-heading .heading-text h1.entry-title strong { font-weight: 500; color: #a1cb2e; } .page-heading h1.iconQuestion, .headerBar h1.iconQuestion, .headerBar2 h1.iconQuestion, .headerBar3 h1.iconQuestion { color:#03473D; padding-left:53px; background-image:url(/wp-content/themes/joyn-child/images/icon-question-circle-large.png); background-repeat:no-repeat; background-position:left center; margin: 10px 0px 0px 0px; max-width: 1140px !important; text-align:center; display: inline-block; width: auto; } .headerBar .wikiSearchForm { position:absolute; top:0px; top:20px; right:20px; max-width:300px; text-align:left; } .headerBar .wikiSearchForm form {} .headerBar .wikiSearchForm label { color:#ffffff; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; } .headerBar .wikiSearchForm input { border:solid 1px #C6C7C9; color:#BBBDBF; background-color:#F0F0F1; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; position:relative; padding-left:20px; } .headerBar .wikiSearchForm input:before { content: "\f002"; font-family: FontAwesome; left:-5px; position:absolute; top:0; } .tileGrid.tileGridFAQ { } .tileGrid.tileGridFAQ .spb_text_column .spb-asset-content { text-align: center; } .tileGrid.tileGridFAQ .spb_content_element h3 { text-transform: none !important; } .spb_content_element h3 { text-transform:uppercase !important; color:#6d6e70 !important; font-size:14px !important; line-height:16px !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 600 !important; font-size: 18px !important; line-height: 34px !important; } .spb_content_element h4 { text-transform: uppercase !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 600 !important; color: #994F36 !important; font-size: 13px !important; line-height: 22px !important; } .nobottommargin { margin-bottom:0px !important; } .spb_content_element .image-caption h4, .caption, .caption p { text-transform: none !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #808184 !important; font-size: 16px !important; line-height: 18px !important; text-align:left; } .captionLarge, .captionLarge p { text-transform: uppercase !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #808184 !important; font-size: 18px !important; line-height: 20px !important; } .fauxHeader { text-align: center; } .fauxHeaderTextByImage .spb_content_element .spb-row-multi-col { max-width: 1170px; margin-left: auto; margin-right: auto; } .fauxHeader .row { margin-left: 0px; margin-right: 0px; } .fauxHeader.fauxHeaderTextByImage { min-height: 500px; } .fauxHeader.fauxHeaderImage .row { margin-left: 30px; margin-right: 20px; } .fauxHeader.fauxHeaderImage .spb_text_column { text-align:center; float:none; } .fauxHeader .spb_text_column>.spb-asset-content { display: inline-block; max-width: 100%; text-align:left; margin:0px auto; padding:0px 20px !important; } @media (min-width: 768px) { .fauxHeader .spb_text_column>.spb-asset-content { max-width: 720px; padding:0px !important; } } @media (min-width: 992px) { .fauxHeader .spb_text_column>.spb-asset-content { max-width: 940px; padding:0px !important; } } @media (min-width: 1200px) { .fauxHeader .spb_text_column>.spb-asset-content { max-width: 1140px; padding:0px !important; } } .fauxHeader.fauxHeaderImage .spb_text_column>.spb-asset-content { max-width: 100%; } .fauxHeader.fauxHeaderBlue, .fauxHeader.fauxHeaderBlue2 { color: #ffffff; padding-bottom: 39px !important; min-height: 500px; } .fauxHeader.fauxHeaderBlue { background-color: #D9665C; } .fauxHeader.fauxHeaderBlue2 { background-color: #994F36; } .fauxHeader.fauxHeaderTextByImage .spb_text_column { margin-top: 20px; margin-bottom: 20px; } .fauxHeader.fauxHeaderTextByImage .spb_text_column.photoElement { margin-top: 84px; } .fauxHeader.fauxHeaderTextByImage .spb_text_column.photoElement iframe { margin-top: 31px; } .fauxHeader.fauxHeaderBlue h1, .fauxHeader.fauxHeaderBlue2 h1 { color:#FFD9BD !important; text-transform: uppercase; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 600 !important; margin: 30px 0px; margin: 47px 0px 38px 0px; font-size: 22px; line-height: 34px; } .fauxHeader.fauxHeaderTextByImage h1 { color:#FFD9BD !important; text-transform: uppercase; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 600 !important; margin: 30px 0px; margin: 10px 0px 30px 0px; margin: 27px 0px 38px 0px; font-size: 22px; line-height: 34px; } .fauxHeader.fauxHeaderBlue h3, .fauxHeader.fauxHeaderBlue2 h3 { color:#FFD9BD !important; } .fauxHeader.fauxHeaderBlue p, .fauxHeader.fauxHeaderBlue2 p { color:#ffffff !important; font-size: 40px !important; line-height: 50px !important; } .fauxHeader.fauxHeaderTextByImage p { color:#ffffff !important; font-size: 40px !important; line-height: 50px !important; } .tileGridMasonry { background-image: url(images/bg-notebook-paper03.jpg); background-size: auto; -moz-background-size: auto; -webkit-background-size: auto; background-attachment: scroll; background-repeat: repeat; background-position: center top; } .tileGridMasonryHeader { margin-bottom:0px !important; text-align:center; } .tileGridMasonry { padding-bottom:50px !important; } .tileGridMasonry .spb_content_element { display: inline-block; background-color:transparent !important; } .tileGridMasonry .spb-column-container { max-width: 340px !important; display: inline-block; vertical-align: top; } .tileGridMasonry .spb-column-container .spb_text_column { } .tileGridMasonry .spb-column-container img { width:100%; } .tileGridMasonry .spb-column-container p { margin-bottom:0px !important; } .tileGridMasonry .spb-column-container .blockInner { text-align:left; padding: 7px 17px 27px 17px; position: relative; } .tileGridMasonry .spb-column-container .blockInner:before { content: " "; display: block; width: 100%; height: 15px; background-repeat: no-repeat; position: absolute; background-position: center top; top: -15px; left: 0px; } .tileGridMasonry .spb-column-container .bgBrown .blockInner:before { background-image:url(images/colorArrow01_bgBrown.png); } .tileGridMasonry .spb-column-container .bgDarkGreen .blockInner:before { background-image:url(images/colorArrow01_bgDarkGreen.png); } .tileGridMasonry .spb-column-container .bgOrange .blockInner:before { background-image:url(images/colorArrow01_bgOrange.png); } .tileGridMasonry .spb-column-container .bgLightGreen2 .blockInner:before { background-image:url(images/colorArrow01_bgLightGreen2.png); } .tileGridMasonry .spb-column-container .bgDarkBlue .blockInner:before { background-image:url(images/colorArrow01_bgDarkBlue.png); } .tileGridMasonry .spb-column-container .bgMedBlue2 .blockInner:before { background-image:url(images/colorArrow01_bgMedBlue2.png); } .tileGridMasonry .spb-column-container .bgPurple .blockInner:before { background-image:url(images/colorArrow01_bgPurple.png); } .tileGridMasonry .spb-column-container .bgDarkGrey .blockInner:before { background-image:url(images/colorArrow01_bgDarkGrey.png); } .tileGridMasonry .spb-column-container .bgLightBlue2 .blockInner:before { background-image:url(images/colorArrow01_bgLightBlue2.png); } .tileGridMasonry .spb-column-container .blockInner h3 { margin: 10px 0px !important; font-size: 13px !important; line-height: 20px !important; } .tileGridMasonry .spb-column-container .blockInner p { font-size: 16px !important; line-height: 22px !important; } .flexbox .spb-row-flex>.spb_content_element, .flexbox .spb-row-flex>.spb_content_element>.row { align-items: flex-start !important; } .page-content .spb_tabs .nav-tabs li { margin: 0; padding: 0px; float:none; display:inline-block; width:25%; } .page-content .spb_tabs.TabsTwo .nav-tabs li { width:50%; } .page-content .spb_tabs .nav-tabs li a { text-transform:uppercase; color:#fff !important; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 600; font-size: 13px; line-height: 15px; padding:25px; border:0px; background-color:#03473D; float:none; display:inline-block; width:100%; text-align: center; } .page-content .spb_tabs .nav-tabs li.active:after { content:" "; display:block; width:33px; height:17px; background-image:url(images/overlay-arrow03.png); background-repeat:no-repeat; position:relative; top:-15px; margin:0px auto -17px auto; } .page-content .spb_tabs .nav-tabs li.active a { color:#fff !important; border:0px !important; background-color:#03473D; } .page-content .spb_tabs .nav-tabs li:hover a, .page-content .spb_tabs .nav-tabs li a:hover { color:#fff !important; background-color:#03473D; } .page-content .spb_tabs .nav-tabs li:nth-child(4n+0) a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+0).active a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+0):hover a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+0) a:hover { background-color:#03473D; } .page-content .spb_tabs .nav-tabs li:nth-child(4n+1) a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+1).active a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+1):hover a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+1) a:hover { background-color:#994F36; } .page-content .spb_tabs .nav-tabs li:nth-child(4n+2) a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+2).active a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+2):hover a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+2) a:hover { background-color:#0C4768; } .page-content .spb_tabs .nav-tabs li:nth-child(4n+3) a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+3).active a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+3):hover a, .page-content .spb_tabs .nav-tabs li:nth-child(4n+3) a:hover { background-color:#D9665C; } .tab-content .spb_content_element h3 { text-transform: uppercase !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 600 !important; color: #994F36 !important; font-size: 13px !important; line-height: 16px !important; } .tab-content .sidebar { padding-top:65px; } p.quote-sidebar { text-transform: uppercase !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #03473D !important; font-size: 16px !important; line-height: 28px !important; } .gallery-masonry {} .gallery-masonry figcaption .thumb-info h3 { color: #ffffff !important; margin:0px; padding:0px; font-size: 16px !important; line-height: 20px !important; } figure.animated-overlay figcaption { background-color: rgba(95,188,235, 0.50) !important; } .join-widget { margin:50px; text-align:center; } .join-widget form { margin:0px; padding:0px; text-align:center; } .join-widget #cons_email { display:inline-block; vertical-align:top; border:solid 1px #CDCED0; width:560px; font-size: 26px !important; line-height: 36px; height: 58px; padding: 0px 10px; float: none; font-family: 'Spartan', sans-serif !important; } .join-widget .button { color: #ffffff; background-color: #94BA61; border: solid 2px #94BA61; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0.05em; padding: 18px; width: 140px; margin: 0px; } .join-widget .button:hover { background-color: #ffffff; color: #94BA61; border: solid 2px #94BA61; } .donate-widget { margin:0px; padding:0px; text-align:center; background-image:url(/wp-content/uploads/bg-donation01.jpg); background-image: url(/wp-content/uploads/IMG01025color-DG.jpg); background-repeat:no-repeat; height:374px; } .donate-widget-inner { margin:50px 0px 0px 0px; padding:50px; padding:20px 50px; text-align:center; height:374px; background:rgba(255,255,255,0.75); } .donate-widget p { max-width: 450px; margin: 0px auto 20px auto; font-family: 'Spartan', sans-serif!important; font-size: 17px !important; font-weight: 600 !important; } .donate-widget .button-group-1 { margin: 0px auto 30px auto; } .donate-widget .button-group-2 { margin: 0px auto 30px auto; } .donate-widget a.button { color: #ffffff; background-color: #03473D; border: solid 2px #03473D; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0.05em; padding: 18px; } .donate-widget .button:hover { background-color: #ffffff; color: #03473D; border: solid 2px #03473D; } .donate-widget a.button.button-white { background-color: #ffffff; color: #404041; border: solid 2px #ffffff; font-weight: 500; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; padding: 10px; margin: 0px 10px; } .donate-widget .button.button-white:hover { color: #ffffff; background-color: #03473D; border: solid 2px #03473D; } .spb_latest_tweets_widget { margin:0px; padding:0px; } .spb_latest_tweets_widget .twitter-bird { display: none; } .spb_latest_tweets_widget ul { margin:0px; padding:0px; list-style-type:none; } .page-content .spb_latest_tweets_widget ul li { list-style: none; margin: 0px; padding: 30px; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; width:20%; display:inline-block; min-height:260px; vertical-align:top; } .page-content .spb_latest_tweets_widget ul li .tweet-text { font-size: 16px; line-height: 20px; padding-bottom: 20px; word-wrap: break-word; } .page-content .spb_latest_tweets_widget ul li:nth-child(3n+0) { background-color:#EBFCC4; } .page-content .spb_latest_tweets_widget ul li:nth-child(3n+1) { background-color:#FFD9BD; } .page-content .spb_latest_tweets_widget ul li:nth-child(3n+2) { background-color:#ffffff; } .progress-standard { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500 !important; font-size: 17px !important; line-height: 20px !important; } .progress-standard .bar-text { width: 100% !important; } .progress-standard .bar-text .bar-name { color: #808184 !important; } .progress-standard .bar-text .progress-value { color: #808184 !important; } .progress-standard .progress { background-color:#E6E7E8; } .chart-element { display:inline-block; vertical-align:top; text-align:center; max-width:160px; margin:0px 50px 50px 0px; font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500 !important; } .chart-element .chart-shortcode.chart-170 span { color:#58595b; } .chart-element h5 { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500 !important; color: #808184 !important; font-size: 18px; line-height: 20px; } .office-location { margin-top:0px !important; margin-bottom:0px !important; padding-top:25px !important; padding-bottom:25px !important; } .office-location .spb_content_element h3 { margin-top: 50px; font-size: 16px !important; line-height: 20px !important; } .office-location .spb_content_element p { margin: 5px 0px 15px 0px; font-size: 17px !important; line-height: 22px !important; } .related-projects {} .related-projects .headerline { text-align: left; padding-bottom: 0px; margin-bottom: 0px; } .related-projects .headerline h2 { font-size: 16px !important; line-height: 16px !important; } .related-projects .blog-items { margin-left: 25px; margin-right: 25px; } .related-projects .blog-item { opacity: 1; margin: 0px 0px 20px 0px; padding: 0px 20px 0px 0px; display: inline-block; } .meet-our-friends { display: none !important; visibility: hidden !important; } .blog-wrap.project-grid { padding: 25px 0px 0px 0px; } .blog-wrap.project-grid .blog-masonry {} .blog-wrap.project-grid .blog-masonry .blog-item, .related-projects .blog-wrap.project-grid.blog-item { margin-left: 0px; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap, .related-projects .blog-wrap.project-grid .blog-item .details-wrap, .archive .blog-items-wrap.blog-masonry .masonry-items .blog-item .details-wrap, .portfolio-wrap .portfolio-item-details { position: relative; padding: 5px 30px 5px 30px; min-height: 120px; } .related-projects .blog-wrap.project-grid .blog-item .details-wrap { min-height: 130px; } .masonry-items .blog-item .details-wrap > a:first-child, .related-projects .blog-item .details-wrap > a:first-child { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap h2, .related-projects .blog-wrap.project-grid .blog-item .details-wrap h2, .archive .masonry-items .blog-item .details-wrap h2, .portfolio-wrap .portfolio-item h3.portfolio-item-title { color: #ffffff !important; text-transform: uppercase !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; margin: 10px 0px 20px 0px !important; font-size: 16px !important; line-height: 20px !important; font-size: 14px !important; line-height: 20px !important; } .portfolio-wrap .portfolio-item h3.portfolio-item-title a { color: #ffffff !important; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap .excerpt, .related-projects .blog-wrap.project-grid .blog-item .details-wrap .excerpt, .archive .blog-item .excerpt { display:none; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap .excerpt p, .related-projects .blog-wrap.project-grid .blog-item .details-wrap .excerpt p { font-size: 16px !important; line-height: 22px !important; font-family: 'EB Garamond', serif !important; font-weight: 400 !important; font-size: 21px !important; line-height: 27px !important; margin: 0 0 10px; } .blog-wrap.project-grid .blog-masonry .blog-item:hover .details-wrap .excerpt p, .related-projects .blog-wrap.project-grid .blog-item:hover .details-wrap .excerpt p { color: #ffffff !important; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap .post-item-details, .archive .blog-item .details-wrap .post-item-details { display:none; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap .post-date, .archive .blog-item .details-wrap .post-date { display:none; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap .author, .archive .blog-item .details-wrap .author { display:none; } .blog-wrap.project-grid .blog-masonry .blog-item .details-wrap .comments-likes, .archive .blog-item .details-wrap .comments-likes { display: none; } .posts-type-bold .recent-post.has-thumb:hover .details-wrap, .posts-type-bold .recent-post.no-thumb:hover .details-wrap, .bold-items .blog-item:hover, .masonry-items .blog-item:hover .details-wrap, .related-projects .blog-item:hover .details-wrap, .related-projects .blog-items-wrap .blog-item:hover .details-wrap, .blog-grid-items .blog-item:hover > div, .instagram-item .inst-overlay, .portfolio-wrap .portfolio-item-wrap:hover .portfolio-item-details { background: #FFD9BD !important; } .posts-type-bold .recent-post:hover .details-wrap:before, .masonry-items .blog-item:hover .details-wrap:before, .related-projects .blog-item:hover .details-wrap:before, .portfolio-wrap .portfolio-item-wrap:hover .portfolio-item-details:before { border-bottom-color: #FFD9BD !important; } .portfolio-wrap .portfolio-item-wrap .ss-view { display:none; } .posts-type-bold .recent-post:hover .details-wrap *, .bold-items .blog-item:hover *, .masonry-items .blog-item:hover .details-wrap, .masonry-items .blog-item:hover .details-wrap a, .masonry-items .blog-item:hover h2, .related-projects .blog-item:hover h2, .masonry-items .blog-item:hover h6, .masonry-items .blog-item:hover .details-wrap .quote-excerpt *, .blog-grid-items .blog-item:hover *, .instagram-item .inst-overlay data { color: #ffffff !important; } .archive .blog-item { margin-left: 0px !important; } .sidebar .widget-heading h4, .right-sidebar .program-menu ul li h3 { text-transform: uppercase; padding: 10px 0px 0px 0px; margin: 10px 0px !important; font-family: 'Spartan', sans-serif !important; font-weight: 500 !important; color: #6D6E70 !important; font-size: 16px !important; line-height: 20px !important; letter-spacing: 0px; } .widget ul { } .page-content .widget ul li { list-style-type:none; margin-left: 0px; } .portfolio-wrap { padding: 25px 0px 0px 0px; } .page-content .portfolio-wrap ul li { list-style-type:none; } .portfolio-wrap .masonry-items .portfolio-item { margin-left: 0px; margin-bottom: 25px; } .portfolio-wrap .masonry-items .portfolio-item .comments-likes { display:none; } .single-portfolio figure.media-wrap, .single-portfolio .item-details, .single-portfolio .related-projects { display:none; } article.type-portfolio.single-portfolio-standard, article.type-portfolio.single-portfolio-split { padding-top: 0px !important; } .blog-items-wrap.blog-masonry .masonry-items .blog-item .details-wrap, .related-projects .blog-items-wrap .blog-item .details-wrap, .portfolio-wrap .portfolio-item-details { background: #5E3B1C !important; color: #fff !important; } .blog-items-wrap.blog-masonry .masonry-items .blog-item .details-wrap:before, .related-projects .blog-items-wrap .blog-item .details-wrap:before, .portfolio-wrap .portfolio-item-details:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.9); position: absolute; top: -10px; z-index: 5; left: 50%; margin-left: -10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border-bottom-color: #5E3B1C; } .portfolio-wrap .portfolio-item h3.portfolio-item-title { font-size: 14px !important; line-height: 20px !important; } .spb_video_widget { margin-bottom: 30px; } .program-grid { } .program-grid .row { max-width:1140px; margin-left:auto; margin-right:auto; } .program-grid .row .spb-column-container { max-width:304px; margin: 0px 20px; } .program-grid .row .spb-column-container .col-sm-12 { padding-left: 0px; padding-right: 0px; } .post-aux-wrap { display:none; } .window-arrow-nav { display:none; } .comments-wrap { display:none; } .related-wrap { display:none; } .posts-type-bold .recent-post .post-item-details { display:none !important; } .single-post-standard { } .single-post-standard figure.media-wrap { display:none; } .single-post-standard .right-sidebar { padding-top:0px; } .widget ul.wp-tag-cloud li > a { margin-right: 4px; padding: 7px; text-decoration: none; moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #C8C9CB; background-size: 100% 100%; background-position: center center; color: #6C6D6F; font-family: 'Spartan', sans-serif; font-size: 10px !important; line-height: 14px !important; background-color: #E6E7E8; } .widget .tagcloud a:hover, .widget ul.wp-tag-cloud li:hover > a { background-color: #FFD9BD !important; color: #ffffff !important; border-color: transparent !important; } .archive {} .archive .blog-item { } .mapWrap { height:800px; } .mapWrap .embed-container { height:800px; } .wpcf7-form { } .wpcf7-form p { font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #808184 !important; display: block !important; margin-bottom: 5px !important; } .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="password"], .page-content textarea, .page-content select, .page-content .wpcf7 input[type="text"], .page-content .wpcf7 input[type="email"], .page-content .wpcf7 textarea, .page-content .wpcf7 select, .page-content .ginput_container input[type="text"], .page-content .ginput_container input[type="email"], .page-content .ginput_container textarea, .page-content .ginput_container select, .page-content .mymail-form input[type="text"], .page-content .mymail-form input[type="email"], .page-content .mymail-form textarea, .page-content .mymail-form select, .page-content input[type="date"], .page-content input[type="tel"], .page-content input.input-text, .page-content input[type="number"] { color: #808184 !important; background-color: #EFEFEF !important; border: 0px !important; width: 100% !important; margin-bottom: 20px !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; font-size: 20px !important; line-height: 22px !important; padding: 24px 8px !important; padding: 8px 8px !important; min-height: 50px !important; border-radius: 0px !important; } .page-content select, .page-content .wpcf7 select, .page-content .ginput_container select, .page-content .mymail-form select { padding: 8px 8px !important; height: 50px; } .page-content select, .browser-ff select, .browser-ie select, .browser-ie10 select { background-image: url('../joyn/images/down-arrow@2x.png') !important; } .page-content textarea:focus, .page-content input:focus, .page-content input[type="text"]:focus, .page-content input[type="email"]:focus, .page-content textarea:focus, .page-content .bypostauthor .comment-wrap .comment-avatar, .page-content .search-form input:focus, .page-content .wpcf7 input:focus, .page-content .wpcf7 textarea:focus, .page-content .ginput_container input:focus, .page-content .ginput_container textarea:focus, .page-content .mymail-form input:focus, .page-content .mymail-form textarea:focus, .page-content input[type="tel"]:focus, .page-content input[type="number"]:focus { border-color: #DF7125 !important; } .page-content .wpcf7 input.wpcf7-submit[type="submit"] { font-family: 'Spartan', sans-serif !important; margin: 0px !important; display: block !important; margin: 30px auto !important; font-size: 18px !important; line-height: 18px !important; padding: 18px 50px !important; color: #ffffff !important; background-color: #03473D !important; border: solid 2px #03473D !important; text-transform: uppercase !important; font-weight: 500 !important; margin-bottom: 18px !important; display: inline-block !important; vertical-align: top !important; min-width: 224px !important; background-image: none !important; border-radius: 0px !important; float: none !important; } .page-content .wpcf7 input.wpcf7-submit[type="submit"]:hover { color: #03473D !important; background-color: #ffffff !important; border: solid 2px #03473D !important; } /* Luminate form styling */ .narrowContent .container { max-width:675px !important; } .luminate { margin-top: 40px; margin-bottom: 50px; } .gform_body { font-family: 'Spartan', sans-serif !important; font-style: normal; font-weight: 500; color: #808184; } body .page-content .gform_wrapper .top_label div.ginput_container { margin-top: 0px; } .page-content .gform_wrapper label { font-weight: 400; } .luminate h1, .luminate h2.lo-TitleBar, .luminate h3.ObjTitle, .page-content .gform_wrapper .gsection .gfield_label, .page-content .gform_wrapper h2.gsection_title, .page-content .gform_wrapper h3.gform_title { text-align: center; margin: 30px 0px 30px 0px !important; padding: 0px 0px !important; text-transform: uppercase; display: inline-block; font-size: 22px !important; line-height: 28px !important; letter-spacing: 0.05em; color: #994F36 !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; width: 100%; } .luminate h2 { text-align: left; margin: 40px 0px 30px 0px !important; padding: 0px 0px !important; text-transform: uppercase; display: inline-block; font-size: 20px !important; line-height: 28px !important; letter-spacing: 0.05em; color: #6d6e70 !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; width: 100%; } .luminate h2.intro, .luminate #lo-UserDetailEventDescription p { font-family: 'EB Garamond', serif !important; text-transform: none; text-align: center; font-weight: 300 !important; font-size: 27px !important; line-height: 34px !important; color: #4D704A !important; margin: 0px 0px 12px 0px !important; letter-spacing: 0px; padding: 0px !important; } .luminate h3 { text-align: left; margin: 40px 0px 30px 0px !important; padding: 0px 0px !important; text-transform: none; display: inline-block; font-size: 22px !important; line-height: 30px !important; color: #994F36 !important; font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; width: 100%; text-transform: none !important; letter-spacing: 0px; } .luminate p { } .luminate .intro .spb-asset-content { padding: 5% 0% !important; } .luminate table, .luminate table td { border: 0px !important; } .luminate .html-caption-container table td { padding:0px; } .luminate .html-caption-container { } .luminate .html-caption-container p:last-child { margin-bottom: 20px; } .luminate .FormLabelText, .luminate legend, .luminate .form-content label, .luminate .generic-repeat-label-checkbox-container label, .page-content .gform_wrapper label.gfield_label { font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; color: #808184; display: inline-block; margin-bottom: 5px; } .luminate .form-content input[type=text], .luminate .old-school input[type=text], .luminate .form-content textarea, .luminate .old-school textarea, .luminate .donation-level-user-entered input[type=text], .luminate .form-content select, .luminate .old-school select { color: #808184; background-color: #EFEFEF; border: 0px; width: 100%; display: block; margin-bottom: 20px; font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; font-size: 20px !important; line-height: 22px; padding: 24px 8px; padding: 8px 8px !important; min-height: 50px !important; } .luminate .form-content select { padding: 11px 8px; height: 48px; } .luminate #level_standardname { margin-bottom:10px; width: 48%; } .luminate #responsive_payment_typecc_type_row, .luminate #payment_typecc_type_row { display:none; } .luminate .form-content .field-required { width: 8px; display: inline-block; color: #94BA61; } .luminate .form-content .field-required:after { content:"*"; } .luminate #billing_first_name_row, .luminate #billing_last_name_row { margin-top:30px; } .luminate label { font-weight: 500; } #responsive_payment_typecc_exp_date_row, #payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row, #payment_typecc_cvv_row, #billing_first_name_row, #billing_last_name_row, #donor_email_address_row, #donor_phone_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, input#cons_first_name, input#cons_last_name, input#cons_email, input#cons_zip_code { width: auto; float: left; } #billing_first_name_row, #donor_email_address_row { width: 48%; margin-right: 20px; } #billing_last_name_row, #donor_phone_row { width: 48%; float: right; } #billing_addr_city_row, #billing_addr_state_row { width: 31%; margin-right: 20px; } #billing_addr_zip_row { width: 31%; float: right; } #billing_middle_name_row, #billing_addr_country_row, #donor_email_opt_in_Row { clear:both; } .aural-only, #payment_cc_container h3, #payment_cc_container #responsive_payment_typecc_type_row, #payment_cc_container #payment_typecc_type_row, #responsive_payment_typecc_exp_date_row .aural-only, #payment_typecc_exp_date_row .aural-only { display: none; } .donation-level-user-entered .aural-only { display: inline-block; } .luminate #responsive_payment_typecc_exp_date_row, .luminate #payment_typecc_exp_date_row, .luminate #payment_typecc_exp_date_row { width: 64%; } .luminate #responsive_payment_typecc_exp_date_row select, .luminate #payment_typecc_exp_date_row select { width: 44%; margin-right: 20px; display: inline-block; } .luminate #responsive_payment_typecc_cvv_row, .luminate #payment_typecc_cvv_row { width: 36%; float: right; } .luminate #responsive_payment_typecc_cvv_row .FormLabelText, .luminate #payment_typecc_cvv_row .FormLabelText { margin-bottom: 0px; } .luminate #responsive_payment_typecc_cvv_row .HelpLink, .luminate #payment_typecc_cvv_row .HelpLink { display:none; } .luminate .button-container { padding-top: 50px; text-align: center; clear: both !important; } .luminate .donation-level-input-container { margin-top: 5px; } .luminate .donation-level-label-input-container, .luminate .donation-level-amount-container, .luminate .donation-level-label-container { display: inline-block; } .luminate .donation-level-label-input-container .donation-level-label-input-container { vertical-align: top; } .luminate .donation-level-input-container .donation-level-user-entered { display: inline-block; vertical-align: top; width: 90%; } .luminate .form-checkbox { margin-bottom: 25px; } .luminate .step-button, .luminate .Button, .luminate input[type="reset"], .luminate input[type="submit"] { font-family: 'Spartan', sans-serif; margin: 0px; display: inline-block; margin: 0px; font-size: 18px; line-height: 18px; padding: 18px 50px; color: #ffffff !important; background-color: #03473D !important; border: solid 2px #03473D !important; text-transform: uppercase; font-weight: 500; margin-bottom: 18px; display: inline-block; vertical-align: top; min-width: 224px; } .luminate .step-button:hover, .luminate .Button:hover, .luminate input[type="reset"]:hover, .luminate input[type="submit"]:hover { color: #03473D !important; background-color: #ffffff !important; border: solid 2px #03473D !important; } .luminate #lo-UserDetail { text-align:center; } .luminate .lo-return-to-cal { text-align: center; } .luminate .form-row .html-caption-container { margin-top: 10px; } .luminate .lo-CalendarDateInfoContainer { font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; color: #808184; margin:30px 0px; } .luminate .lo-CalendarDateLabel, .luminate .lo-CalendarAddressLabel { display: block; width: 80px; float: left; } .luminate .lo-CalendarDateValue, .luminate .lo-CalendarAddressValue { display: block; width: 100%; margin-left: 100px; } .luminate .lo-UserDetailOtherInfo { font-family: 'Spartan', sans-serif; font-style: normal; font-weight: 500; color: #808184; margin-top: 10px; } .luminate .old-school td, .luminate .old-school td p { font-family: 'Spartan', sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #808184 !important; vertical-align: bottom; } .luminate .old-school td.req { vertical-align: top; } .luminate .old-school select, .luminate .old-school input[type=text] { height: 50px; margin-bottom: 0px; display: inline-block; vertical-align: bottom; } .luminate .old-school input[type=radio], .luminate .old-school input[type=checkbox] { display: inline-block; vertical-align: top; } .luminate .old-school .Explicit { display: inline-block; vertical-align: top; } .ajax-search-results { } .ajax-search-results h3 { padding: 20px 20px; margin: 0px; font-family: 'Spartan', sans-serif !important; text-transform: uppercase; font-size: 16px !important; } .ajax-search-results h4 { margin: 0px; } .ajax-search-results a { color: #03473D !important; } .ajax-search-results time { display: none; } .ajax-search-results .search-result .search-item-content { margin-left: 0px; } .ajax-search-results .search-result-pt .search-result:nth-of-type(1) { padding-top: 0px; } .ajax-search-results .search-result-pt .search-result { padding: 10px 20px; } .ajax-search-results .search-result .search-item-img { display: none; } .minHeight300 { min-height: 300px !important; } .minHeight325 { min-height: 325px !important; } .minHeight350 { min-height: 350px !important; } .minHeight375 { min-height: 375px !important; } .minHeight400 { min-height: 400px !important; } /* Mobile Responsive Adjustments */ @media only screen and (max-width: 1200px) { #footer-wrap #copyright .text-right { max-width: 40%; } .timelineFull .timelineItem { width: 50%; } .timelineFull .timelineItem .title-wrap { margin-left: 20px; } .timelineFull .timelineItem img.alignright { float: none; display: block; margin: 0px 0px 20px 0px; } } @media only screen and (max-width: 1024px) { #mobile-logo.has-img { max-width: 90%; } body[class*="header-naked"] #top-bar { display: none !important; } #mobile-logo a:before { content: " "; display:block; background-image: url(images/2021_JGI_LOGOTYPE_GREEN_HORIZONTAL_420.png); width: 420px; height: 43px; max-width: calc(100vw - 110px); background-size: contain; background-repeat: no-repeat; background-position: left center; } #mobile-logo a img { display:none; } .difference .text, .difference .buttons { width:100%; float:none; text-align:center; } } @media only screen and (max-width: 991px) { #copyright .footer-logo { text-align: center; } #copyright .text-left { padding-top: 0px; } #copyright .text-middle { max-width: 100%; width: 100%; float: none; } #copyright .footer-menu ul#menu-footer-menu { max-width: 100%; float: none; border-left: none; margin-left: 0px; padding-left: 0px; } #copyright .footer-menu ul li { margin-bottom: 20px; } #footer-wrap #copyright .text-right { max-width: 100%; width: 100%; } #copyright .copyright-line { float: none; text-align:center; } #copyright .social-icons { float: none; } #copyright nav .menu li { float: none; border-top-width: 0; } #copyright nav .menu li ul.sub-menu a { text-align:center; } .headerBar .wikiSearchForm { position: static; top: 0px; right: 0px; max-width: none; clear: both; text-align: center; width: auto; margin: 0px 20px; } .spb_content_element.LargeTitleOverPhoto.Leakey .image-banner-content { padding: 0px !important; } } @media only screen and (max-width: 767px) { #container .fancy-heading.fancy-image.light-style h1, #container .fancy-heading.fancy-image.light-style h3 { max-width: 100%; } .difference .text, .difference .buttons { width:100%; float:none; text-align:center; } .about-jane .about-jane-mid p { margin:30px 30px 30px 30px; color: #ddd !important; } .about-jane .about-jane-mid a { color: #DF7125; } #container .swiper-slide .caption-content { font-size: 20px!important; line-height: 26px!important; padding-top: 0px!important; margin-top: 0px!important; } #container .swiper-slide .caption-content p, #container .fancy-heading.fancy-image.light-style h3 { font-size: 30px!important; line-height: 34px!important; font-weight: 300!important; color: #ffffff!important; } #container .swiper-slide .caption-content h2, #container .fancy-heading.fancy-image.light-style h1 { text-transform: none; font-size: 40px!important; line-height: 42px!important; color: #ffffff!important; margin-top: 0px !important; margin-bottom: 2px !important; } #container .fancy-heading.fancy-image.light-style h1 { margin-top: 150px !important; } .swift-slider-outer { height: 500px !important; } .row_tiles .blockColor h3 { min-height: 0px; } .row_tiles .blockColor .blockInner { min-height: 0px; } .row_news .blockArticle .post-photo { height:auto; } .row_news .blockArticle .post-photo a img { width:100%; height:auto !important; } #responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row, #billing_first_name_row, #billing_last_name_row, #donor_email_address_row, #donor_phone_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, input#cons_first_name, input#cons_last_name, input#cons_email, input#cons_zip_code { width: 100%; float: none; } .luminate #level_standardname { width: 100%; } .luminate #responsive_payment_typecc_exp_date_row { width: 100%; float: none; } .luminate #responsive_payment_typecc_exp_date_row select { width: 100%; float: none; margin-right: 0px; } .luminate #responsive_payment_typecc_cvv_row { width: 100%; float: none; } .headerBar .row, .headerBar2 .row, .headerBar3 .row { margin-left: 0px; margin-right: 0px; } .tileGrid .spb_image_banner { height: auto !important; } .tileGrid .spb_image_banner img { /* width: 100% !important; */ height: auto !important; min-width: 100%; } .tileGrid .spb_image_banner.no-scaling img, .tileGrid .spb_image_banner.col-sm-12 img { max-width: none !important; width: auto; } .fw-row .spb-row { padding-left: 10% !important; padding-right: 10% !important; padding-left: 0px !important; padding-right: 0px !important; } .sf-promo-bar p { margin-right: 0px; } .buttons .button, .buttons a.button, .make-a-difference .button, .make-a-difference a.button, .signup-donate-buttons .button, .signup-donate-buttons a.button { display: block; margin: 0px auto 10px auto; } .join-widget { margin: 50px 0px; } .join-widget #cons_email { width: 100%; } .donate-widget { height: auto; background-size: cover; } .donate-widget-inner { height: auto; } .donate-widget a.button.button-white { margin: 0px 10px 20px 10px; } .timelineBar .timelineItem { margin: 0px 25px 50px 25px !important; max-width: none; } .mapWrap { margin-left: 15px; margin-right: 15px; min-height: 600px; } .embed-container iframe, .embed-container object, .embed-container iframe { min-height: 600px; } .page-content .spb_tabs .nav-tabs li { width: 100%; } .fauxHeader.fauxHeaderTextByImage .spb_text_column.photoElement iframe { max-width: 100%; } .tab-content .sidebar img { width: 100%; } .tileGrid .spb_image_banner.LargeTitleOverPhoto h2, .spb_image_banner.LargeTitleOverPhoto h2 { margin: 0px 0px 0px 0px; } .spb_content_element.LargeTitleOverPhoto.Leakey h3 { margin: 0px 0px 0px 0px; font-size: 16px !important; line-height: 24px !important; } .spb_content_element.LargeTitleOverPhoto.Leakey h4 { margin: 0px 0px 20px 0px; font-size: 16px !important; line-height: 24px !important; } .tileGrid .spb_image_banner.text-overflow { } .tileGrid .spb_image_banner.text-overflow .image-banner-content, .tileGrid .text-overflow .sf-animation[data-animation="none"].image-banner-content { position: relative; } .tileGrid .spb_image_banner.text-overflow .spb-asset-content .sf-image-banner .img-wrap { position: absolute; top: 0px; } .tileGrid .spb_image_banner.text-overflow img { height: auto !important; min-width: 100%; height: 100% !important; } .tileGrid .spb_image_banner.text-highligherLight h3, .tileGrid .spb_image_banner.text-highligherLight p { background-color: rgba(255,255,255,0.75); padding: 10px; } .single-post .content-left, .single-post .left-sidebar { padding-left: 15px; } .sidebar.right-sidebar { padding-left: 15px; padding-right: 15px; } .right-sidebar .sidebar-widget-wrap { max-width: none; } .sidebar .widget-heading h4, .right-sidebar .program-menu ul li h3 { width: 100%; text-align: center; } .widget .wp-tag-cloud { text-align: center; } .widget .wp-tag-cloud li { float: none; display: inline-block; } .related-projects .blog-item { width: 100%; } } @media only screen and (max-width: 480px) { #mobile-logo a:before { height: 27px; width: 300px; background-size: cover; } } @media only screen and (max-width: 240px) { #mobile-logo a:before { height: 15px; width: 232px; background-size: cover; } } /* -------------------------------------------- Parent Theme Corrections -------------------------------------------- */ .tileGrid .spb_image_banner img { /* width: 100%; */ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #logo img.retina, #logo h1.retina, #mobile-logo img.retina, #mobile-logo h1.retina { display: none; } #logo img.standard, #logo h1.standard, #mobile-logo img.standard, #mobile-logo h1.standard { /* REMOVE DUPLICATED LOGO ON MOBILE: display: inline-block; */ } } /* -------------------------------------------- TEMPORARY STYLES - OK TO REMOVE -------------------------------------------- */ #footer-wrap.footerProof { /* background-image:url(../../uploads/janegoodalldotorg-footer-20151208a.jpg); */ /* background-repeat:no-repeat; */ /* background-position:center top; */ }