
/*#region box1*/
.box1 .left-side { background: #531B53; padding: 5%; }
    .box1 .left-side .header { font: normal normal 700 41px/52px 'Georgia'; color: #fff; text-align: left; }
    .box1 .left-side .summary { font: normal normal 400 18px/32px 'Montserrat'; color: #fff; text-align: left; padding-right: 15px; padding-top: 60px; }
    .box1 .left-side .buttons { padding-top: 70px; }
        .box1 .left-side .buttons .btn { padding: 10px 15px; border: none; margin-right: 5%; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; font: normal normal 600 16px/18px 'Montserrat'; text-transform: uppercase; }
        .box1 .left-side .buttons .btn-volunteer { background: #FFFFFF; color: #531B53; }
        .box1 .left-side .buttons .btn-help { background: #0074AE; color: #fff; }
    .box1 .left-side .m_header { font: normal normal 700 41px/52px 'Georgia'; color: #fff; text-align: left; }
    .box1 .left-side .m_summary { font: normal normal 400 16px/22px 'Montserrat'; color: #fff; text-align: left; padding-right: 15px; letter-spacing: 2px; }
/*#endregion box1*/

/*#region box2*/
.box2 .left-side { padding: 3%; border-left: solid 10px #531B53;}
    .box2 .left-side .header { font: normal normal 700 54px/58px 'Montserrat'; color: #3C3A3A; text-align: left; }
    .box2 .left-side .summary { font: normal normal 400 18px/28px 'Montserrat'; color: #3C3A3A; text-align: left; padding-right: 5px;}
    .box2 .left-side .learnMore {}
        .box2 .left-side .learnMore a { font: normal normal 700 18px/22px 'Montserrat'; color: #531B53; text-decoration: underline;}
    .box2 .left-side .m_header { font: normal normal 700 45px/48px 'Montserrat'; color: #3C3A3A; text-align: left; }
    .box2 .left-side .m_summary { font: normal normal 400 16px/22px 'Montserrat'; color: #3C3A3A; text-align: left; }
/*#endregion box2*/

/*#region colorBoxes*/
.boxLabel { padding: 25px 0px 0px 0px; font: normal normal 600 24px/58px 'Montserrat'; color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 3px; }

.colorBoxes { background-image: url('/Content/designs/2023/images/globe.svg'); background-repeat: no-repeat; display: block; position: relative; padding-top: 0px; }
    .colorBoxes .blueBox { background-color: rgba(0, 116, 174, 0.9); padding: 25px 25px 65px 65px; }
    .colorBoxes .greenBox { background-color: rgba(28, 169, 153, 0.9); padding: 25px 65px 65px 65px; }      
    .colorBoxes .header { font: normal normal 700 48px/58px 'Georgia'; color: #fff; text-align: left; padding-top: 0px; }
    .colorBoxes .summary { font: normal normal 400 18px/28px 'Montserrat'; color: #fff; text-align: left; padding-right: 5px; }
    .colorBoxes .links a { font: normal normal 600 18px/58px 'Montserrat'; color: #fff; text-decoration: underline; }

.mobile .colorBoxes .blueBox { background-color: rgba(0, 116, 174, 0.9); padding: 5%;}
.mobile .colorBoxes .greenBox { background-color: rgba(28, 169, 153, 0.9); padding: 5%; }
.mobile .colorBoxes .header { font: normal normal 700 24px/28px 'Georgia'; color: #fff; text-align: left; padding-top: 0px; }
.mobile .colorBoxes .summary { font: normal normal 400 18px/28px 'Montserrat'; color: #fff; text-align: left; padding-right: 5px; }
.mobile .colorBoxes .links a { font: normal normal 600 18px/58px 'Montserrat'; color: #fff; text-decoration: underline; }
   
/*#endregion colorBoxes*/



.eventBlock {}
    .eventBlock .header { font: normal normal 600 24px/28px 'Montserrat'; color: #3C3A3A; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: solid 10px #3C3A3A; text-align: center; }
    .eventBlock .caption { font: normal normal 600 20px/28px 'Montserrat'; color: #9D9C9C; text-transform: uppercase; padding-top: 6%; }
    .eventBlock .title { font: normal normal 600 24px/28px 'Montserrat'; color: #3C3A3A; text-transform: uppercase; }
    .eventBlock .date { font: normal normal 600 24px/28px 'Montserrat'; color: #3C3A3B; text-align: left; line-height: 28px; margin-top: 10px; }
    .eventBlock .learnMore {}
        .eventBlock .learnMore a { font: normal normal 700 18px/22px 'Montserrat'; color: #000; }


/*#region ukraine*/
.ukraine {background-image: url('images/peaceWomenTall2.png'); background-repeat: no-repeat; background-size: cover; min-height: 966px; }
    .ukraine .header { font: normal normal 600 30px/40px 'Georgia'; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: left; border-left: solid 10px #fff; margin-top: 45px; }
    .ukraine .summary { font: normal normal 500 20px/25px 'Montserrat'; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: left; margin-top: 350px; border-left: solid 10px #fff; }
    .ukraine .learnMore { }
        .ukraine .learnMore a { font: normal normal 700 18px/22px 'Montserrat'; color: #fff; }

.mobile .ukraine { background-image: url('images/peaceWomen.png'); background-repeat: no-repeat; background-size: cover; min-height: unset; overflow: hidden; }
    .mobile .ukraine .header { font: normal normal 600 30px/36px 'Georgia'; color: #fff; text-align: left; margin-top: 5px; }
    .mobile .ukraine .summary { font: normal normal 500 18px/24px 'Montserrat'; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: left; margin-top: 15px; }
    .mobile.ukraine .learnMore { }
        .mobile .ukraine .learnMore a { font: normal normal 700 18px/22px 'Montserrat'; color: #fff; }

/*#endregion ukraine*/

.priorities {}
    .priorities .header { font: normal normal 600 24px/28px 'Montserrat'; color: #3C3A3A; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: solid 10px #3C3A3A; text-align: center; }
    .priorities .item {}
        .priorities .item .icon img { background: #531B53; border-radius: 5px; }
        .priorities .item .title { font: normal normal 600 36px/44px 'Montserrat'; color: #531B53; text-align: left; min-height: 90px; }
        .priorities .item .summary { font: normal normal 400 18px/25px 'Montserrat'; color: #3C3A3A; text-align: left;}
    .priorities .learnMore {}
        .priorities .learnMore a { font: normal normal 700 18px/22px 'Montserrat'; color: #000; }

.news { background-color: #ffffff;}
    .news .header { font: normal normal 600 24px/28px 'Montserrat'; color: #0074AE; text-transform: uppercase; letter-spacing: 0.05em; padding-bottom: 22px; margin-bottom: 5%; border-bottom: solid 10px #0074AE; text-align: center; }
    .news .item .date { font: normal normal 600 24px/28px 'Montserrat'; color: #3C3A3B; text-align: left; line-height: 28px; }
    .news .item .title { font: normal normal 600 36px/44px 'Montserrat'; color: #3C3A3B; text-align: left; }
        .news .item .title a { font: normal normal 600 36px/44px 'Montserrat'; color: #3C3A3B; text-align: left; }
    .news .item .summary { font: normal normal 400 18px/28px 'Montserrat'; color: #3C3A3B;; text-align: left; }
    
    .news .learnMore {}
        .news .learnMore a { font: normal normal 700 18px/22px 'Montserrat'; color: #3C3A3B; }

/*#region yearendbanner*/
.yearend { background-image: url('images/yearendbanner.png'); background-repeat: no-repeat; background-size: cover; min-height: 314px; }
    .yearend .donate { margin-right: 0px; padding: 5px 15px; background: #0074AE; color: #fff; border: 3px solid #0074AE; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; }
        .yearend .donate a { border-radius: 5px; font: normal normal 600 16px/18px 'Montserrat'; text-transform: uppercase; color: #fff; }
            .yearend .donate a:hover { text-decoration: none; }

.medium .yearend { background-image: url('images/yearendbanner.png'); background-repeat: no-repeat; background-size: cover; min-height: unset; overflow: hidden; min-height: 260px; }
    .medium .yearend .donate { margin-right: 0px; padding: 5px 15px; background: #0074AE; color: #fff; border: 3px solid #0074AE; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; }
        .medium .yearend .donate a { border-radius: 5px; font: normal normal 600 16px/18px 'Montserrat'; text-transform: uppercase; color: #fff; }
            .medium .yearend .donate a:hover { text-decoration: none; }

.small .yearend { background-image: url('images/yearendbanner.png'); background-repeat: no-repeat; background-size: cover; min-height: unset; overflow: hidden; min-height: 200px; }
    .small .yearend .donate { margin-right: 0px; padding: 1px 7px; background: #0074AE; color: #fff; border: 3px solid #0074AE; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; }
        .small .yearend .donate a { border-radius: 3px; font: normal normal 600 13px/13px 'Montserrat'; text-transform: uppercase; color: #fff; }
            .small .yearend .donate a:hover { text-decoration: none; }

.extrasmall .yearend { background-image: url('images/yearendnowords.png'); background-repeat: no-repeat; background-size: cover; min-height: unset; overflow: hidden; min-height: 130px; }
    .extrasmall .yearend .text { text-decoration: none; font: normal normal 400 14px/18px 'Georgia'; color: #fff; padding-top: 25px; }    
.extrasmall .yearend .donate {margin-top: 8px; margin-right: 0px; padding: 1px 4px; background: #0074AE; color: #fff; border: 1px solid #0074AE; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 2px; }
    .extrasmall .yearend .donate a  { border-radius: 2px; font: normal normal 600 12px/12px 'Montserrat'; text-transform: uppercase; color: #fff; }
        .extrasmall .yearend .donate a:hover { text-decoration: none; }
        




/*#endregion yearendbanner*/
