/*
 Theme Name:   eomtheme
 Template:     u-design
*/

.page-id-442 #rum_sst_tab {
    color: #FFFFFF !important;
}

.page-id-3638 #page-custom-header {
background: url("https://reliefnursery.org/wp-content/uploads/2022/09/land.jpg") !important;
background-repeat: none !important;
z-index: 999990 !important;
background-size: cover !important;
}


.page-id-3638  #page-custom-header img {
    display: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -7px;
    opacity: 0;
}

.home #page-custom-header {
    display: none;
    position: relative;
    text-align: center;
}


i.circle-wrap {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 2.5em;
    margin: 9px !important;
    margin-top: 20px !important;
    margin-left: -2px !important;
}


.page-id-11 .interiorbottom {
    margin-bottom: -60px;
    display: none;
}


.page-id-437 h2, .page-id-437 h1, .page-id-437 h3, .page-id-442 h2, .page-id-442 h3, .page-id-442 a {
    color: #ea7523 !important;
}

.page-id-442 a:hover {
    color: #ff9054;
}

.page .socialcircle {
    padding: 50px !important;
    margin-top: 25px;
}

.page-id-202 h3 {
    color: #2ea1be;
}



.page .one_third {
    width: 32% !important;
}

.page-id-34 .pagetitle {
color: #0093bb;
}


.page-id-442 .pagetitle {
    color: #ea7523;
}

#sidebar .divider {
    margin-top: -5px !important;
    margin-bottom: -13px !important;
}

#navigation-menu ul.sf-menu > li {
    margin: 0 0 0 -18px !important;
}

#navigation-menu > * {
    font-size: 1.1em !important;
}


.interiorbottom .last_column {
    clear: right;
    margin-right: 0 !important;
    margin-top: 0px !important;
}

.interiorbottom h1{
  text-align: center !important;
}

.page-id-31 li {
    margin-left: 30px !important;
    margin-bottom: 16px !important;
}


.page-id-23 .pagetitle {
color: #67a743;
}

.page-id-24 .pagetitle, .page-id-25 .pagetitle, .page-id-26 .pagetitle, .page-id-27 .pagetitle, .page-id-24 .pagetitle, .page-id-28 .pagetitle, .page-id-202 .pagetitle {
color: #0093bb;
}

.page-id-9 .pagetitle, .page-id-10 .pagetitle, .page-id-11 .pagetitle, .page-id-12 .pagetitle, .page-id-13 .pagetitle, .page-id-14 .pagetitle, .page-id-15 .pagetitle {
color: #ea7523;
}

.page-id-29 .pagetitle, .page-id-30 .pagetitle, .page-id-31 .pagetitle, .page-id-32 .pagetitle, .page-id-33 .pagetitle, .page-id-35 .pagetitle {
color: #712c7d;
}

.interiorbottom {
margin-bottom: -60px;
}


.home .interiorbottom {
display: none !important;
}

.page .one_third, .page .two_third {
    margin-right: 2%;
}

#after-cont-row-2 .one_half {
    margin-bottom: 30px;
}

#after-cont-row-2 {
margin-top: 60px !important;
margin-bottom: -60px !important;
}





 /*programs purple links*/


.headnavlinkpurple  a:hover, .headnavlinkb  a:hover, 
.subnavlink  a:hover {
    color: #530969 !important;
}

.headnavlinkpurple  a {
color: #712c7d   !important; 
}


.subnavlinkpurple  a {
color: #712c7d   !important; 
}

.headnavlinkpurple {
    font-weight: bold !important;
    font-family: Open Sans;
    color: #712c7d ;
    margin-bottom: 16px;
}

.subnavlinkpurple p {
    padding: 3px 0px 10px 0 !important;
}



 /*programs blue links*/


.headnavlinkblue  a:hover, .headnavlinkb  a:hover, 
.subnavlink  a:hover {
    color: #0065b8 !important;
}

.headnavlinkblue  a {
color: #0093bb  !important; 
}


.subnavlinkblue  a {
color: #0093bb  !important; 
}

.headnavlinkblue {
    font-weight: bold !important;
    font-family: Open Sans;
    color: #0093bb;
    margin-bottom: 16px;
}

.subnavlinkblue p {
    padding: 3px 0px 10px 0 !important;
}




 /*programs pink links*/


.headnavlinkpink  a:hover, .headnavlinkb  a:hover, 
.subnavlink  a:hover {
    color: #8d025b !important;
}

.headnavlinkpink  a {
color: #aa025b !important; 
}


.subnavlinkpink  a {
color: #aa025b !important; 
}

.headnavlinkpink {
    font-weight: bold !important;
    font-family: Open Sans;
    color: #aa025b;
    margin-bottom: 16px;
}

.subnavlinkpink p {
    padding: 3px 0px 10px 0 !important;
}








   /*about orange links*/


.headnavlinkorange  a:hover, .headnavlinkb  a:hover, 
.subnavlink  a:hover {
    color: #ea5422 !important;
}

.headnavlinkorange  a {
color: #ea7523 !important; 
}


.subnavlinkorange  a {
color: #ea7523 !important; 
}

.headnavlinkorange {
    font-weight: bold !important;
    font-family: Open Sans;
    color: #ea7523;
    margin-bottom: 16px;
}

.subnavlinkorange p {
    padding: 3px 0px 10px 0 !important;
}


.u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu {
    margin-left: 0;
    margin-right: 0;
    margin-top: -23px !important;
}


.esg-grid {
    margin-bottom: 24px;
}


i:hover {
color: #ffff8d !important;
}

.fa-instagram {
margin-left: -1px !important;
}

i.circle-wrap {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 2.5em;
    margin: 4px;
    margin-top: 20px !important;
}

.u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo img {
    height: 66px !important;
    padding-top: 0px !important;
    width: 66px !important;
    margin-top: -55px !important;
}

.u-design-fixed-menu-on.fixed-menu #main-menu {
    height: 75px !important;
}

#navigation-menu ul.sf-menu li li {
    background-image: none !important;
    margin-bottom: 0px !important;
}



#footer-bg {
    margin-top: -35px;
}



.container_24 .grid_20 {
    width: 100%;
}

.back-to-top {
    display: none !important;
}

.headnavlink  a:hover, .headnavlinkb  a:hover, 
.subnavlink  a:hover {
    color: #ffff8d !important;
}

.headnavlink  a {
color: #fff !important; 
}

.headnavlinkb  a {
color: #fff !important; 
}

.subnavlink  a {
color: #fff !important; 
}

.headnavlink  {
font-weight: bold !important;
font-family: Open Sans;
margin-top: 30px;
color: #fff; 
}

.headnavlinkb  {
font-weight: bold !important;
font-family: Open Sans;
margin-top: 3px;
color: #fff;  
}

.u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo img {
    height: 160px !important;
    padding-top: 13px !important;
}


ul.small-thumb .teaser-title {
    font-size: 2.3em !important;
    font-family: Open Sans Condensed !important;
    line-height: 1.1em;
}

ul.small-thumb .teaser-content {
    margin-top: 10px !important;
}

.home-cont-box h4 {
    margin-top: 14px !important;
    margin-bottom: 5px !important;
    font-size: 1.75em !important;
}


#bottom {
    padding: 14px 0;
    color: #333;
    margin-top: 30px;
}




.textlink a {
text-align: center !important;
text-decoration: underline !important;
color: #fff !important;
font-weight: bold !important;
}


.textlink a:hover {
color: #ffff8d !important;
}

.textlink  {
text-align: center !important;
}

.white, .sa_hover_container {
background: rgba(255, 255, 255, 0) !important;
}


.large.custom-button span, .large.custom-button span:visited {
    font-size: 16px;
    padding: 12px 18px 12px;
    letter-spacing: 2px;
}


.custom-button, .custom-button span, .custom-button:visited, .custom-button span:visited {
    background: #aa025b url(style.css) repeat-x scroll 0 0 !important;
    display: inline-block !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.custom-button span {
    font-family: open sans !important;
    position: relative;
    font-weight: normal;
    line-height: 1;
    color: #FFF;
    text-shadow: none !important;
    text-align: center;
    letter-spacing: 1px;
}


.custom-button, .custom-button:visited {
    display: inline-block;
    text-decoration: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
    position: relative;
    cursor: pointer;
}

#before-content {
    background-color: #ffffff !important;
}


#slogan {
display: none !important;
}

#logo {
    width: auto;
    top: 13px !important;
}

#navigation-menu > ul.sf-menu {
    float: right;
    text-transform: uppercase !important;
}

#navigation-menu ul.sf-menu li li {
    font-size: 20px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
}

#menu-item-97 .sub-menu, #menu-item-476 {
    background-color: #aa025b !important;
padding-bottom: 5px;
}


#menu-item-97 .sub-menu > li > a > span, #menu-item-476 .sub-menu > li > a > span {
padding-bottom: 10px;
}

#menu-item-97 span, #menu-item-476 span {
    color: #aa025b !important;
    float: left !important;
}


#menu-item-95 span {
    color: #67a743  !important;
}

#menu-item-95 .sub-menu {
    background-color: #67a743 !important;
}


#menu-item-447 span {
color: #aa025b !important;
}

#menu-item-104 span {
    color: #0093bb !important;
}

#menu-item-104 .sub-menu {
    background-color: #0093bb !important;
}

#menu-item-109 span {
    color: #712c7d !important;
}

#menu-item-88 span {
color: #ea7523 !important;
}

#menu-item-109 .sub-menu {
    background-color: #712c7d  !important;
}


#navigation-menu ul.sf-menu #menu-item-114, #navigation-menu ul.sf-menu #menu-item-113, #navigation-menu ul.sf-menu #menu-item-110, #navigation-menu ul.sf-menu #menu-item-112, #navigation-menu ul.sf-menu #menu-item-111 {
    background-color: #712c7d !important;
}

#navigation-menu ul.sf-menu #menu-item-94, #navigation-menu ul.sf-menu #menu-item-93, #navigation-menu ul.sf-menu #menu-item-92, #navigation-menu ul.sf-menu #menu-item-91, #navigation-menu ul.sf-menu #menu-item-90, #navigation-menu ul.sf-menu #menu-item-89, #navigation-menu #menu-item-439, #navigation-menu #menu-item-444  {
    background-color: #ea7523 !important;
}

#menu-item-109 .sub-menu > li > a > span {
    color: #ffffff !important;
}

#menu-item-88 .sub-menu > li > a > span {
    color: #ffffff !important;
}


#menu-item-109 .sub-menu > li > a > span:hover {
    color: #d065e2  !important;
}

#menu-item-88 .sub-menu > li > a > span:hover {
    color: #ffff8d  !important;
}

#navigation-menu ul.sf-menu #menu-item-103, #navigation-menu ul.sf-menu #menu-item-98, #navigation-menu ul.sf-menu #menu-item-102, #navigation-menu ul.sf-menu #menu-item-101, #navigation-menu ul.sf-menu #menu-item-100, #navigation-menu ul.sf-menu #menu-item-99 {
    background-color: #aa025b !important;
}

#menu-item-97 .sub-menu > li > a > span {
    color: #ffffff !important;
}


#menu-item-97 .sub-menu > li > a > span:hover {
    color: #ff8dc9 !important;
}


#navigation-menu ul.sf-menu #menu-item-106, #navigation-menu ul.sf-menu #menu-item-105, #navigation-menu ul.sf-menu #menu-item-107, #navigation-menu ul.sf-menu #menu-item-108, #navigation-menu ul.sf-menu #menu-item-204, #navigation-menu ul.sf-menu #menu-item-115 {
    background-color: #0093bb !important;
}


#menu-item-104 .sub-menu > li > a > span {
    color: #ffffff !important;
}

#menu-item-104 .sub-menu > li > a > span:hover {
    color: #b2efff  !important;
}

#navigation-menu > ul.sf-menu {
    float: left !important;
    text-transform: uppercase !important;
    margin-left: 230px !important;
    width: 84%;
}

#menu-item-88 > ul.sf-menu {
float: right !important;
}


#menu-item-88, #menu-item-447 {
float: right !important;
}

#rum_sst_tab {
    font-family: open sans, Arial, sans-serif !important;
}

.rum_sst_contents {
    font-size: 24px !important;

}

.welcome {
margin-right: 16% !important;
margin-left: 16% !important;
}

.roundpic img{
border-radius: 300px !important;
max-width: 275px !important;
}

.newstext {
font-family: open sans condensed;
font-size: 24px;
text-align: center;
color: #4d4d4f !important;
line-height: 28px;
margin-top: -20px;

}

.twittext {
font-family: open sans condensed;
font-size: 24px;
text-align: center;
color: #4d4d4f !important;
line-height: 28px;
margin-top: -20px;
}

.fbtext {
font-family: open sans condensed;
font-size: 24px;
text-align: center;
color: #4d4d4f !important;
line-height: 28px;
margin-top: -20px;

}

.roundbg {
    background-image: url(/wp-content/uploads/2017/06/grey-stripes.png);
    background-repeat: repeat;
    border-radius: 400px !important;
  width: 250px !important;
height: 250px !important;
}

.roundbg2 {
    background-color: #fff !important;
    border-radius: 400px !important;
  width: 250px !important;
height: 250px !important;
}

.socialcircle {
padding: 50px !important;
}

.socialcircle img:hover {
    max-width: 100%;
    height: auto;
    opacity: .8;
}

.locationtext p {
font-family: 'Open Sans' !important;
text-align: center !important;
font-size: 18px !important;
line-height: 16px !important;
}

.locationtext h1 {
text-align: center !important;
font-size: 28px !important;
line-height: 20px;
padding-bottom: 20px !important;
}

.hourstext {
font-family: 'Open Sans' !important;
text-align: center !important;
font-size: 18px !important;
font-weight: bold !important;
color: #aa025b !important;
margin-top: 40px;
}

.locationlogo {
padding-left: 40px;
margin-bottom: 30px;
}

#bottom .one_half, #after-cont-row-2 {
    margin-right: 0%;
}

.locationtext strong {
margin-top: 30px;
}


#bottom .last_column, #after-cont-row-2 {
    clear: right;
    margin-right: 0 !important;
margin-top: 30px;
}

h1 {
    font-family: 'Raleway';
    font-weight: 300;
    font-style: normal;
    font-size: 2.25em;
    line-height: 1.5;
}


/* Mobile Screen ( smaller than 480px )*/



@media screen and (max-width: 480px) {


   /* Custom CSS for Breakpoint 3 CSS goes here... */

#page-custom-header {
    display: none !important;
}


.locationtext h1 {
    text-align: center !important;
    font-size: 28px !important;
    line-height: 35px;
    padding-bottom: 20px !important;
}

.custom-frame-wrapper, .small-custom-frame-wrapper {
    display: inline-block !important;
    max-width: 100%;
    width: 100%;
}

#footer-bg {
    padding-bottom: 29px !important;
    min-height: 65px !important;
}

#footer-bg {
    margin-top: -36px !important;
}

h1 {
    font-family: 'Raleway';
    font-weight: 300;
    font-style: normal;
    font-size: 2.25em;
    line-height: 1.5;
}


.homequote  {
    display: none !important;
}

#logo h1 a, #logo .site-name a {
    background: transparent url(/wp-content/uploads/2017/06/relief-nursery-logo.svg) no-repeat 0 100%;
    width: 300px !important;
    height: 225px !important; 
}

.submenu {
width: 200px !important;
}

.welcome {
    margin-right: 1% !important;
    margin-left: 1% !important;
}

#wpgmza_map {
height : 350px !important;
}

#main-content .main-content-padding {
    padding: 0px !important;
}

.one_fourth {
    width: 100% !important;
}

.one_third {
    width: 100% !important;
}

#logo h1 a, #logo .site-name a {
    margin-bottom: 19px !important;
}

.missionblock {
display: none !important;
}

}

/* Medium Screen ( 480px to 719px ) */


@media screen and (min-width: 480px) and (max-width: 719px) {


   /* Custom CSS for Breakpoint 2 CSS goes here... */

#page-custom-header {
    display: none !important;
}


.missionblock {
display: none !important;
}


#footer-bg .container_24 .grid_20 {
    width: 100% !important;
}

#logo h1 a, #logo .site-name a {
    margin-bottom: 19px !important;
}

.one_third {
    width: 100% !important;
}

.one_fourth {
    width: 100% !important;
}


#main-content .main-content-padding {
    padding: 0px !important;
}

#footer-bg {
    padding-bottom: 29px !important;
    min-height: 65px !important;
}


#footer-bg {
    margin-top: -36px !important;
}

#wpgmza_map {
height : 350px !important;
}

h1 {
    font-family: 'Raleway';
    font-weight: 300;
    font-style: normal;
    font-size: 2.25em;
    line-height: 1.5;
}


.homequote  {
    display: none !important;
}

.welcome {
    margin-right: 1% !important;
    margin-left: 1% !important;
}

#logo h1 a, #logo .site-name a {
    background: transparent url(/wp-content/uploads/2017/06/relief-nursery-logo.svg) no-repeat 0 100%;
    width: 480px !important;
    height: 225px !important; 
}

.submenu {
width: 200px !important;
}


}

/* 720px to 959px Screen */
@media screen and (min-width: 720px) and (max-width: 959px) {


   /* Custom CSS for Breakpoint 1 CSS goes here... */

#navigation-menu ul.sf-menu > li > a > span {
    display: block;
    padding: 10px 0 10px 9px !important;
}

#navigation-menu > * {
    font-size: 1.0em !important;
}


#navigation-menu ul.sf-menu > li > a.sf-with-ul, #navigation-menu ul.sf-menu > li > a.sf-with-ul:hover {
    padding-right: 15px;
}

#navigation-menu ul.sf-menu > li {
    margin: 0 0 0 -15px !important;
}

.container_24 .grid_24 {
    width: 100%;
}

.container_24 {
    width: 100%;
}

.missionblock .mission h1 {
font-size: 1.5em !important;
}




.eg-volunteer-element-8, .eg-get-help-element-8, .eg-donate-element-8 {
    padding: 35px 15px 0px 15px !important;
}



.one_third {
    width: 100% !important;
}

.one_fourth {
    width: 46%;
}

.one_half {
    width: 100% !important;
}

.welcome {
    margin-right: 5% !important;
    margin-left: 5% !important;
}

#navigation-menu .sf-menu ul {
    margin-left: -50px !important;
}

#navigation-menu ul.sf-menu li li {
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
}

#navigation-menu > ul.sf-menu {
    float: left !important;
    text-transform: uppercase !important;
    margin-left: 140px !important;
    width: 78% !important;
}

#logo {
    width: auto;
    top: 33px !important;
}

#logo h1 a, #logo .site-name a {
    background: transparent url(/wp-content/uploads/2017/06/relief-nursery-logo.svg) no-repeat 0 100%;
    width: 110px;
    height: 110px;
}

#navigation-menu ul.sf-menu > li > a > span {
    display: block;
    padding: 10px 0 10px 5px !important;
}




#navigation-menu {
    font-family: 'Open Sans Condensed';
    font-weight: 300;
    font-style: normal;
    font-size: 16px !important;
}





}

/* 1250px to 1200px Screen */
@media screen and (min-width: 1200px) and(max-width: 1250px)   {


   /* Custom CSS for Breakpoint 1 CSS goes here... */

#navigation-menu ul.sf-menu > li > a > span {
    display: block;
    padding: 10px 0 10px 9px !important;
}

#navigation-menu ul.sf-menu > li {
    margin: 0 0 0 -7px !important;
}

.welcome {
    margin-right: 5% !important;
    margin-left: 5% !important;
}

#navigation-menu {
    font-family: 'Open Sans Condensed';
    font-weight: 300;
    font-style: normal;
    font-size: 21px;
}

#navigation-menu > ul.sf-menu {
    float: left !important;
    text-transform: uppercase !important;
    margin-left: 230px !important;
    width: 82% !important;
}



}

/* 1250px to 1200px Screen */
@media screen and (min-width: 960px) and (max-width: 1199px)   {


   /* Custom CSS for Breakpoint 1 CSS goes here... */

#navigation-menu ul.sf-menu > li > a > span {
    display: block;
    padding: 10px 0 10px 9px !important;
}

.one_fourth {
    width: 46%;
}

.eg-volunteer-element-8, .eg-get-help-element-8, .eg-donate-element-8 {
    padding: 35px 15px 0px 15px !important;
}


.welcome {
    margin-right: 5% !important;
    margin-left: 5% !important;
}

#navigation-menu {
    font-family: 'Open Sans Condensed';
    font-weight: 300;
    font-style: normal;
    font-size: 19px;
}

#navigation-menu > ul.sf-menu {
    float: left !important;
    text-transform: uppercase !important;
    margin-left: 230px !important;
    width: 78% !important;
}

#navigation-menu ul.sf-menu > li > a > span {
    display: block;
    padding: 10px 0 10px 5px !important;
}

#navigation-menu ul.sf-menu li li {
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
}

#navigation-menu .sf-menu ul {
    margin-left: -25px !important;
}

}