:root
{
    --purple: #75308d;
    --dark-blue: #061f3e;
    --light-blue: #68a2b8; 
    --red: #d11f2f;
    --black: #373737;
    --white: #ffffff;
    --light-grey: #f0f0f0;
    --dark-grey: #3e3e3e;  
    --menu-grey: #e0e0e0;
    --grey: #666666;
    --lightest-grey: #9c9c9c;

}


@font-face { font-family: "Montserrat-Light"; src: url(/library/fonts/Montserrat/Light.otf) format("opentype"); }
@font-face { font-family: "Montserrat-Regular"; src: url(/library/fonts/Montserrat/Regular.otf) format("opentype"); }
@font-face { font-family: "Montserrat-Medium"; src: url(/library/fonts/Montserrat/Medium.otf) format("opentype"); }
@font-face { font-family: "Montserrat-SemiBold"; src: url(/library/fonts/Montserrat/SemiBold.otf) format("opentype"); }
@font-face { font-family: "Montserrat-Bold"; src: url(/library/fonts/Montserrat/Bold.otf) format("opentype"); }

@font-face { font-family: "Circe-Regular"; src: url(/library/fonts/Circe/Regular.otf) format("opentype"); }
@font-face { font-family: "Circe-Bold"; src: url(/library/fonts/Circe/Bold.otf) format("opentype"); }
@font-face { font-family: "Circe-ExtraBold"; src: url(/library/fonts/Circe/ExtraBold.otf) format("opentype"); }


  
  /* General settings */
 
  * {padding: 0;margin: 0;font-size:100%; font-weight: normal; }
  body{color: var(--black);margin: 0px auto;font-family: Montserrat-Regular;}
  a{color: inherit; text-decoration:none;}
  a:hover { text-decoration: underline; }
  fieldset{border:none}
  .hidden{display:none}
  input[type=text],input[type=number],input[type=password],select,textarea{padding: 5px 10px 5px 10px;box-sizing:border-box;max-width:100%; border: 1px solid #000000; font-family: Montserrat-Regular;}
  input:focus, textarea:focus, select:focus{outline: none;}  
  input[type=submit], a.button, input .checkout {display: inline-block;line-height: 40px;padding: 0px 10px 0px 10px;height: 40px;background-color: var(--light-blue);border:none;color: var(--white);text-transform: uppercase;font-family: Montserrat-Bold;text-align: left;cursor: pointer;}
  a.purplebutton {display: inline-block;line-height: 40px;padding: 0px 10px 0px 10px;height: 40px;background-color: var(--purple);border:none;color: var(--white);text-transform: uppercase;font-family: Montserrat-Bold;text-align: left;cursor: pointer;}
  a.button:hover, a.purplebutton:hover { text-decoration: none; }
  select{border: 1px solid #c4c4c4;color: #000000;}
  textarea{box-sizing:border-box;border:1px solid #000000;float: left;width: 100%;}
  img{border:none;max-width:100%;height:auto;}
  img.left{margin:5px 25px 5px 5px;}
  img.right{margin: 5px 5px 5px 5px;}
  li {list-style-type: none;/* display: inline; */}
  .spacer{clear: both;}
  strong {font-family: Montserrat-Bold;}
  h1, .util_sitesearch .titletxt{ color: var(--purple); font-size: 30px; padding: 30px 0px 30px 0px; text-align: center; font-family: Montserrat-Bold; }
  .layoutcontent { max-width: 1260px; padding: 0px 10px 0px 10px; margin: 0px auto 0px auto; }
  .section4 .layoutcontent { max-width: none; padding: 0px; }
  .buttons { cursor: pointer; border-radius: 5px 5px 5px 5px; }
  .pagecontent_inner p, .pagecomponents_inner p, .std_newsarticlea p { padding: 0px 0px 20px 0px}
  .form-control {border: 1px solid #000000;}
  table { border-spacing: 0px; }
  td, th { padding: 0px; }


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
  /* Top Header */

  .layouttopmenu { background: var(--white); clear: both; }
  .layouttopmenu_inner { max-width: 1240px;  margin: 0px auto 0px auto; }
  
  .layoutheader { background: var(--purple); height: 50px;  }
  .layoutheader_inner { max-width: 1240px; margin: 0px auto 0px auto; }

  .layoutheader .contact { padding-top: 15px; color: var(--white); text-transform: uppercase; } 
  .layoutheader .content .fas { padding: 0px 5px 0px 5px;}
  .layoutheader .social li { color: var(--white); display: inline-block; padding: 5px 5px 0px 5px; }

  .layouttopmenu .ajex_logo img {width: 140px; height: 140px;}

  .nav_breadcrumb {max-width: 1240px; margin: auto; padding: 10px; box-sizing: border-box; background-color: #f1eaf4;}

  @media ( max-width: 900px ) /* mobile top header */
  {
    .layoutheader .contact {margin-left: 20px;} 
    .layoutheader .contact p { font-size: 90%;}
    .layoutheader .social ul { float: right; margin-top: -25px; margin-right: 20px;}
    .util_sitesearchbar { display:none;}
  }

  @media ( min-width: 901px ) /* desktop top header */
{
  .layoutheader .contact { float: left;  } 
  .layoutheader .social { float: left; padding: 10px 10px 0px 20px; }
  .layoutheader .util_sitesearchbar { margin-top: 10px; }
  .layoutheader div.util_sitesearchbar { float: right; padding: 2px 10px; width: 200px; background-color: var(--white); border-radius: 20px 20px 20px 20px; }
  .layoutheader div.util_sitesearchbar form { float: left; width: 100%; }
  .layoutheader div.util_sitesearchbar button { color: var(--grey); font-size: 15px; border: none; float: right; background: #ffffff; padding-top: 5px; }
  .layoutheader div.util_sitesearchbar input[type="text"] { font-family: Montserrat-Medium; width: 150px; font-size: 80%; box-sizing: border-box; border: none;  }
  .layoutheader div.util_sitesearchbar input[type="text"]::placeholder { color: var(--grey); opacity:1; }
}

@media ( min-width: 1206px ) /* header menu desktop */
{
  .layouttopmenu { height: 120px;}
  .layouttopmenu .toggle { display: none; }

  .nav_megamenu { font-family: Montserrat-Bold; width: 1045px; float: right; clear: right; margin-top: 50px; border-top: 3px solid var(--menu-grey); text-align: right; height: 30px; padding-top: 20px;}
  .nav_megamenu a:hover { text-decoration: none; }
  .nav_megamenu .level1>li { float: left; width: 20%; text-align: center; cursor: pointer; }
  .nav_megamenu .level1>li>a { font-size: 110%; line-height: 30px; display: inline-block; }
  .nav_megamenu .popup { cursor: default; display: none; position: absolute; height: 325px; z-index: 100; left: 50%; margin-left: -425px; width: 1045px; box-sizing: border-box; padding: 30px 40px 0px 60px; text-align: left; background-image: linear-gradient(var(--menu-grey) 0px, #ffffff 30px, #ffffff 45px);  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } 
  .nav_megamenu .popup .level2 { width: 600px; box-sizing: border-box; column-count: 2; line-height: 2; color: #000000; float: left; }
  .nav_megamenu .popup .components { width: 445px; box-sizing: border-box; float: left; }
  .nav_megamenu .popup .level2>li { list-style-type: disc; }
  .nav_megamenu .popup .level3 { padding-left: 25px; }
  .nav_megamenu .popup .level3>li:before { content: "-"; text-indent: -5px; }
  
  .nav_megamenu .level1>li:hover>a { color: var(--purple); border-bottom: solid var(--purple) 5px; }
  .nav_megamenu .level1>li:hover .popup { display: block; }
  
  .nav_megamenu .link4 { display: none; }

  .nav_megamenu .link5 .util_textbox {position: relative; top: -250px; left: 650px;}
  .nav_megamenu .link6 .util_youtube {position: relative; top: -200px; left: 600px;}
  .nav_megamenu .link7 .util_youtube {position: relative; top: -40px; left: 600px;}
  .nav_megamenu .link8 .util_youtube {position: relative; top: -136px; left: 600px;}
  .nav_megamenu .link10 .util_youtube {position: relative; top: -8px; left: 600px;}

}

@media ( max-width: 1205px ) /* header menu mobile */
{
  .nav_megamenu .toggle { position: absolute;top: 70px;right: 20px;cursor: pointer;background-color: var(--purple);padding: 20px;border-radius: 5px 5px 5px 5px;color: var(--white);} 
  .nav_megamenu.toggleon ul { display: block; right: 0px;width: 100%;background-color: #000000;z-index: 50; padding: 10px 0px;}
  .nav_megamenu.toggleon ul.level1 {position: absolute; }
  .nav_megamenu.toggleon ul li {padding: 5px;text-align: right;}
  .nav_megamenu.toggleon ul li {color: #ffffff;padding: 10px;}
  .nav_megamenu.toggleon .link4>a, .nav_megamenu.toggleon .link5>a, .nav_megamenu.toggleon .link6>a, .nav_megamenu.toggleon .link7>a, .nav_megamenu.toggleon .link8>a, .nav_megamenu.toggleon .link10>a {background-color: var(--purple); padding: 10px; border-radius: 10px; display: inline-block; width: 120px; text-align: center;}
  .nav_megamenu.toggleon .popup li {padding: 0px; font-size: 90%;}

 
  .nav_megamenu.toggleoff .level1 { display: none; }
  .nav_megamenu .util_youtube, .nav_megamenu .util_textbox {display: none;}
}
  /* header tabs */

  .headertabs {clear: both; margin-top: 11px;}
  .headertabs li { display: inline-block; font-size: 16px; font-family: Montserrat-Bold; text-transform: uppercase; color: var(--white);}  
  .headertabs .menu35 { background: var(--light-blue); height: 30px; width: 143px; text-align: center; padding-top: 10px; margin-right: 10px;}
  .headertabs .menu36 { background: var(--light-blue); height: 30px; width: 143px; text-align: center; padding-top: 10px; margin-right: 10px;}
  .headertabs .menu37 { background: var(--light-blue); height: 30px; width: 143px; text-align: center; padding-top: 10px; margin-right: 10px;}
  .headertabs .menu38 { background: var(--light-blue); height: 30px; width: 143px; text-align: center; padding-top: 10px; margin-right: 10px;}
  .headertabs .menu39 { background: var(--red); height: 30px; width: 143px; text-align: center; padding-top: 10px;}
  .headertabs .menu373 { background: var(--red); height: 30px; width: 143px; text-align: center; padding-top: 10px;}

 @media ( min-width: 1206px ) /* desktop header tabs */
{
  .headertabs {float: right;}
  .layouttopmenu_inner div.nav_linklist.ajex_logo { position: absolute; top: 56px; }
  .layouttopmenu .link380, .layouttopmenu .link381, .layouttopmenu .link382, .layouttopmenu .link383, .layouttopmenu .link384 {display: none;}
  .headertabs .menu35, .headertabs .menu36, .headertabs .menu37, .headertabs .menu38, .headertabs .menu39, .headertabs .menu373 {border-radius: 0px 0px 10px 10px;}
}

@media (min-width: 1080px) and (max-width: 1205px ) /* mobile header tabs */
{
  .headertabs {margin-top: 40px; float: right; padding-right: 100px;}
  .layouttopmenu {height: 50px;}
  .layouttopmenu_inner div.nav_linklist.ajex_logo { position: absolute; top: 56px; left: 20px;}
  .headertabs .menu35 { border-radius: 10px; }
  .headertabs .menu36 { border-radius: 10px; } 
  .headertabs .menu37 { border-radius: 10px; }
  .headertabs .menu38 { border-radius: 10px; }
  .headertabs .menu39 { border-radius: 10px; }
}

@media (max-width: 1079px) {
  .layouttopmenu .ajex_logo {text-align: center;}
  .headertabs {display: none;}
  .nav_megamenu .link380, .nav_megamenu .link381, .nav_megamenu .link382, .nav_megamenu .link383 {background-color: var(--light-blue);}
  .nav_megamenu .link384 {background-color: var(--red);}
  .nav_megamenu .link380 {position: absolute; left: 10px; top: 20px; padding: 10px!important; border-radius: 10px; width: 100px; text-align: center!important;}
  .nav_megamenu .link381 {position: absolute; left: 10px; top: 70px; padding: 10px!important; border-radius: 10px; width: 100px; text-align: center!important;}
  .nav_megamenu .link382 {position: absolute; left: 10px; top: 120px; padding: 10px!important; border-radius: 10px; width: 100px; text-align: center!important;}
  .nav_megamenu .link383 {position: absolute; left: 10px; top: 170px; padding: 10px!important; border-radius: 10px; width: 100px; text-align: center!important;}
  .nav_megamenu .link384 {position: absolute; left: 10px; top: 220px; padding: 10px!important; border-radius: 10px; width: 100px; text-align: center!important;}
}


   /* Top Footer  */
   
  .layoutfooter .partner_logos { background-color: var(--white);}
  .layoutfooter .partner_logos .titletxt { color: var(--black); font-family: Circe-Bold; font-size: 100%; }
  .layoutfooter .partner_logos li { vertical-align: middle; padding: 20px; }
  .layoutfooter .partner_logos { padding: 10px 0px 70px 0px; text-align: center; }
   
   /* Footer */ 
  
  .layoutfooter { background: var(--dark-grey); color: var(--white); }
  .layoutfooter .layoutcontent_inner { background: grey; color: white; }
  .layoutfooter .footertabs li { text-transform: uppercase; }
  .layoutfooter .footertabs .menu40 { background: var(--light-blue); height: 30px; width: 143px; text-align: center; }
  .layoutfooter .footertabs .menu41 { background: var(--light-blue); height: 30px; width: 143px; text-align: center; }
  .layoutfooter .footermenu { font-family: Circe-Bold; }
  .layoutfooter .footer_container { text-align: center; font-family: Circe-Regular; }
  .layoutfooter .nav_linklist { padding-bottom: 30px; }
  .layoutfooter .social li { display: inline-block; font-size: 20px; color: var(--white); padding: 0px 5px 0px 5px; }
  div.beachshore { display: none; }
  .layoutfooter .copyright { font-size: 70%;text-align: center;}

  @media ( max-width: 1241px ) /* mobile footer */
  {
    .layoutfooter .footertabs { text-align: center; } 
    .layoutfooter .footertabs .menu40 { border-radius: 0px 0px 10px 10px; padding-top: 10px; margin-right: 10px; display: inline-block; }
    .layoutfooter .footertabs .menu41 { border-radius: 0px 0px 10px 10px; padding-top: 10px; display: inline-block; }
    .layoutfooter .footermenu { text-align: center; margin-top: 30px;}
    .footer_container .tcs { padding-top: 30px; }
    .layoutfooter .copyright { max-width: 500px; margin: 0px auto; padding-bottom: 30px;  }
    .layoutfooter .int_newsletter { display: none; }
  }
  
  .layoutfooter .armylogo {background: white; height: 250px;}
  .layoutfooter .armylogo h2 {color: black; margin: 40px 0px 0px 0px; font-size: 100%;text-align: center; font-family: Circe-Regular;}

  @media ( min-width: 1240px ) /* desktop footer */
  {
    .layoutfooter .partner_logos li { display: inline-block; vertical-align: middle; padding: 20px; }
    .layoutfooter { height: 700px; }
    .layoutfooter .footermenu { position: absolute; left: 50%; margin-left: -620px; }
    .layoutfooter .int_newsletter { position: absolute; margin-left: 200px ; left: 50%; margin-top: 75px; }
    .layoutfooter .footer_container { position: absolute; left: 50%; width: 200px; margin-left: -100px; }
    .layoutfooter .footermenu { column-count: 2; padding-top: 40px; }
    
    .layoutfooter .footertabs { text-align: right; } 
    .layoutfooter .footertabs ul { max-width: 1260px; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; box-sizing: border-box; }
    .layoutfooter .footertabs ul li {float: right;}
    .layoutfooter .footertabs .menu40 { border-radius: 0px 0px 10px 10px; padding-top: 10px; }
    .layoutfooter .footertabs .menu41 { border-radius: 0px 0px 10px 10px; padding-top: 10px; margin-right: 10px; }

    .layoutfooter .footer_container { padding: 50px 0px 30px 20px;}

    .layoutfooter .copyright { background-color: var(--dark-grey); padding-bottom: 20px; }
    .layoutfooter .copyright .content { max-width: 1200px; margin: 180px auto 0px auto; }

    .layoutfooter .int_newsletter { width: 440px; box-sizing: border-box; }
    .layoutfooter .int_newsletter h2.titletxt { font-family: Montserrat-Bold; font-size: 20px; padding-bottom: 10px; }
    .layoutfooter .int_newsletter div.label { display: none; }
    .layoutfooter .int_newsletter div.buttons { padding: 0px;}
    .layoutfooter .int_newsletter input.submit {width: 140px;height: 45px;padding: 0px;text-align: center; }
    .layoutfooter .int_newsletter div.email { float: left; }
    .layoutfooter .int_newsletter input[type="text"]::placeholder { font-family: Circe-Regular; }
    .layoutfooter .int_newsletter input.text { height: 45px; width: 300px; border: none;}
  }


/* Forms */

.formbuilder {background-color: #e1ecf1;border-radius: 5px 5px 5px 5px;}
.formbuilder .input input::placeholder { font-family: Montserrat-Regular; font-size: 90%; }
.formbuilder .description { padding-bottom: 5px; font-size: 90%; }
.form .buttons, form .buttons {background-color: #e1ecf1; text-align: center; padding: 40px 0px 40px 0px; }
.form .buttons .submit, form .buttons .continue, form .buttons .back, .form .buttons input, .formbuilder a.btn, .event_donate a { background-color: var(--purple); border-radius: 5px 5px 5px 5px;text-align: center; cursor: pointer; color: #ffffff; text-transform: uppercase; border: 0px; font-family: Montserrat-Bold; height: 40px; padding: 2px 10px 4px 10px;}
.surv_standard .intro { text-align: center; }
.surv_standard .confirm {background-color: #e1ecf1; text-align: center; padding: 40px;}
.surv_standard .confirm p {padding: 0px;}
.formbuilder .field {clear: both;padding-top: 20px;}
.formbuilder .removelink { text-align: right; border-bottom: solid var(--purple) 1px; padding: 20px 0px 20px 0px; }
.formbuilder .addlink { padding: 20px 0px 20px 0px; text-align: center; }
.event_donate { background-color: #e1ecf1; border-radius: 0px 0px 5px 5px; text-align: center; padding: 15px 0px;   }
.event_donate a { padding: 15px;  }

.formbuilder .field_hidden { padding: 0px; }
.formbuilder .field_group>.label, .formbuilder .field_dynamic>.label, .formbuilder .field_section>.label { font-family: Montserrat-Bold; text-align: center; padding: 20px 0px 20px 0px; }
.formbuilder .field_group>.input>.description, .formbuilder .field_dynamic>.input>.description, .formbuilder .field_section>.input>.description { text-align: center; }



form .errors {color: var(--red); padding-bottom: 20px;}

#fb-donate-DonSubscription-input .radio:nth-child(2) { display: none; }

#fb-donate-DonNotes-div .input { margin-top: 30px;}

@media (min-width: 600px){
  .formbuilder {padding: 40px 40px 10px 40px;}
  .formbuilder .label, .field_group .parade-brochure-2025 .label { float: left; width: 30%; box-sizing: border-box; padding-right: 20px; color: var(--black); text-align: right; }
  .formbuilder .input { float: left; width: 70%; }

  .formbuilder .field_group>.label, .formbuilder .field_dynamic>.label, .formbuilder .field_section>.label { float: none; width: auto; text-align: center; } 
  .formbuilder .field_group>.input, .formbuilder .field_dynamic>.input {width: auto; float: none;}
}

@media (max-width: 599px) {
  .formbuilder {padding: 20px;box-sizing: border-box;}
  .formbuilder .label { padding-bottom: 5px; }
  .formbuilder .input input {width: 100%;}
}


  /* Homepage */

  .section4 .nav_breadcrumb {display: none;}

  /* Carousels */ 

  .feat_carousel .carousel { overflow: hidden; position: relative; height: 100%; }
  .feat_carousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
  .feat_carousel .carousel>ul>li { float: left; height: 100%; list-style-type: none; }
  .main_image .kings .imageleft img {transform: rotate(0deg); height: auto;}
  @media(min-width:401px){
    .main_image .kings .imageleft img { width: 300px;}
    .main_image .kings .imageleft {padding-top: 10px; margin-top: 15px;}
    .main_image .kings .imageleft {text-align: right;}

  }
  @media(max-width:400px){
    .main_image .kings .imageleft img { width: 200px;}
    .main_image .kings p{font-size: 13px;}

  }

  .main_image {height: 410px;}
  .main_image .jcarousel-control.skip a {display: block; float: left; width: 20px; height: 20px; border-radius: 100%; background-color: var(--white); font-size: 0; margin-right: 5px;}
  .main_image .jcarousel-control.skip a.active {background-color: var(--purple);}
  
  .main_image {background: var(--dark-blue);}
  .main_image .titletxt {  font-family: Montserrat-Bold; font-size: 20px; }
  .main_image .content { font-family: Montserrat-SemiBold; }
  .main_image .content h3 { background-color: var(--purple); max-width: 200px; text-align: center; padding: 10px 15px; border-radius: 15px;}
  .main_image .link a { background-color: var(--purple); padding: 15px 30px 15px 30px; text-transform: uppercase; font-size: 100%; text-align: center; border-radius: 5px; display: inline-block; }
  .main_image .util_textbox { overflow: hidden; max-width: 1240px; margin: 0px auto 0px auto; color: var(--white); }

@media ( max-width: 1200px ) /* mobile */
{
  .main_image {height: 650px;}
  .main_image .titletxt { padding: 30px 20px 15px 20px; font-size: 150%; text-align: center;}
  .main_image .imageleft {text-align: center;}
  .main_image .imageleft img { height: 200px; width: auto; }
  .main_image .content { padding: 20px; line-height: 1.5;}
  .main_image .link { float: right; padding-right: 20px;}
  .main_image .nextprevious { display: none; }
  .main_image .jcarousel-control.skip {position: absolute; left: 50%; top: 810px; width: 100px; margin-left: -50px;}
}

@media ( min-width: 1201px ) /* desktop */
{
  .main_image .titletxt { float: right; width:40%; padding:50px 0px 20px 0px;}
  .main_image .imageleft { padding-left:30px; float:left; width:50%;}
  .main_image .imageleft img {transform: rotate(-5deg);}
  .main_image .content { width: 40%; float: right; line-height: 1.5;}
  .main_image .link {width: 40%;float: right;}
  .main_image .jcarousel-control.skip {position: absolute; left: 50%; top: 580px; width: 100px; margin-left: -50px;}
  
}

  /* Mission Statement */ 
 
  .homemissionstatement { background-color: var(--white); color: var(--purple); font-family: Montserrat-Bold; font-size: 20px; }
  .homemissionstatement .content { text-align: center; margin: 0px auto 0px auto; }

  @media ( max-width: 850px) /* mobile */
  {
    .homemissionstatement {padding: 30px 0px; }
    .homemissionstatement .content { max-width: 80%; }
    .homemissionstatement .content p {padding-bottom: 0px;}
  }

  @media ( min-width: 851px) /* desktop */
  {
    .std_content_inner {max-width: 1240px; margin: 0px auto 0px auto; }
    .homemissionstatement {padding: 70px 0px 70px 0px; }
    .homemissionstatement .content { max-width: 850px; }
  }

  /* Lastest News section */ 

  @media (max-width: 600px) {
    .homenews .list {margin: auto; max-width: 270px;}
    .homenews .article {margin-bottom: 40px;}
    .homeheadingcontainer .introduction p {padding: 0px;}

  }

  @media (min-width: 601px) and (max-width: 1259px) {
    .homenews .list {max-width: 620px; margin: auto;}
    .homenews .article {float: left; margin-bottom: 20px; margin-left: 20px;margin-right: 20px;}
    .homenews .article:nth-child(2n+1) { clear: left; }
  }

  @media (max-width: 1259px) {
    .homeheadingcontainer .introduction {padding: 40px 0px;}
    .homenews .created {padding-left: 18px;}
  }

  @media ( min-width: 1260px ) /* latest news page desktop */ 
  {
    .homenews .list {max-width: 1240px; margin: 0px auto; }
    .homenews .article {float: left; margin-left: 20px;margin-right: 20px;}
    .homeheadingcontainer .introduction {padding: 75px 0px 50px 0px;}
    .homenews .link a {float: left;}
    .homenews .created {float: right; display: inline; padding: 0px 18px 20px 0px;}
  }

  .homeheadingcontainer {background: var(--light-grey);}
  .homeheadingcontainer .introduction {color: var(--purple); font-family: Montserrat-Bold; text-align: center; font-size: 30px;}
  .homenews {background: var(--light-grey);padding-bottom: 70px;}
  .homenews h2.titletxt { color: var(--purple); font-family: Montserrat-Bold; text-align: center; font-size: 30px; padding: 70px 0px 55px 0px; }
  .homenews .article {box-sizing: border-box; max-width: 270px; height: 645px;background-color: var(--white);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .homenews .bgimage {height: 207px;width: auto;background-repeat: no-repeat;background-size: cover;background-position: center center;}
  .homenews h3 { font-family: Circe-Bold; padding: 30px 18px 20px 18px; height: 80px;}
  .homenews h4 {font-family: Circe-Regular;padding: 0px 18px 20px 18px;text-align: justify;height: 245px;}
  .homenews .link a {font-family: Circe-ExtraBold;color: var(--light-blue);padding-left: 18px;display: inline;}
  .homenews .created {font-family: Circe-Regular;text-transform: uppercase;color: var(--lightest-grey);}
  .homenews .footerlinks {max-width: 1240px; margin: auto; margin-top: 30px; }
  .homenews .footerlinks a {float: right; padding: 15px 50px; border-radius: 5px; font-size: 120%;}
 
  .news .list_article .article {min-height: 170px; margin: 0px 0px 10px 0px;padding: 20px 20px 0px 20px;}
  .news .list_article .headline { font-size: 160%;font-family: Circe-Bold;padding: 0px 0px 0px 0px;} 
  .news .list_article .headline a { color: var(--purple); }
  .news .list_article .created { line-height: 40px; font-size: 80%;}
  .news .list_article .image { float: left; width: 150px; height: 150px; margin: 0px 30px 0px 0px; overflow: hidden; }

  @media (min-width: 1000px) {
  .news .list_article .headline {width: 80%; margin: 0px 0px 0px 180px;} 
  .news .list_article .headline a { color: var(--purple); }
  .news .list_article .image img { vertical-align: middle; min-height: 100px; min-width: 100px; height: auto; width: auto; }
  .news .list_article .image { text-align: center; margin: 20px 30px 0px 50px; }
  .news .list_articlefeed ul>li { font-size: 100%; background-image: none; line-height: 1.4; }
  .news .list_article .abstract { max-width: 1000px; margin: 0px 0px 0px 180px;} 
  .news .list_article .created {margin: 0px 0px 0px 180px;}
  }

  @media (max-width: 600px) {
    .news .list_article .headline {font-size: 120%;}
  }

  /* Full News Articles */

  .news_stylea .std_newsarticlea { max-width: 800px; }
  .std_newsarticlea .created.datetime, .std_newsarticlea .article h2 {text-align: center;}
  .std_newsarticlea .image {margin: auto; padding: 20px 0px; max-width: 500px; height: auto;}
  .news_stylea h2 { color: var(--purple); font-size: 140%; margin-bottom: 50px; }
  /* .news_stylea p img {height: 550px;width: auto;} */
  .news_stylea p { font-family: Circe-Regular;}
  .news_stylea a { color: var(--light-blue); font-family: Circe-Bold; }
  .blog .pagecontent_inner { text-align: center;}

  /* Donate Banner */ 

  .pagecomponents_inner .homedonatebanner, .pagecomponents_inner .homedonatecontainer { background-color: var(--purple); }
  .pagecomponents_inner .homedonatebanner .content { background-color: #68a2b8; background-image: url(/images/pNEfqHyf2qmmWLfI80IP0k50eo.png); background-size: auto 100%; background-repeat: no-repeat; background-position: top right; min-height: 265px;  }
  .pagecomponents_inner .homedonatebanner strong { color: var(--purple); font-size: 32px; font-family: Montserrat-Bold; }
  .pagecomponents_inner .homedonatebanner h2 { font-size: 24px; font-family: Montserrat-Bold; color: var(--purple);}
  .pagecomponents_inner .homedonatebanner p:first-of-type { padding: 0px 0px 30px 60px; font-size: 18px; /* font-family: Montserrat-Bold; */ color: var(--purple); float: left; width: 70%; box-sizing: border-box; }
  .pagecomponents_inner .homedonatebanner a {background-color: var(--purple);color: var(--white);padding: 15px 50px 15px 50px;text-transform: uppercase;font-size: 120%;text-align: center;border-radius: 5px 5px 5px 5px;margin-right: 30px;}

  @media ( max-width: 800px ) /* mobile */
  {
    .pagecomponents_inner .homedonatebanner .std_content_inner { padding: 26px 26px 26px 26px;}
    .pagecomponents_inner .homedonatebanner h2 { padding: 30px 20px 30px 20px; text-align: center;}
    .pagecomponents_inner .homedonatebanner p:first-of-type { padding: 0px 20px 30px 20px; width: 100%; }
    .pagecomponents_inner .homedonatebanner p {text-align: center;}
    .pagecomponents_inner .homedonatebanner .content {padding-bottom: 30px;}
    .pagecomponents_inner .homedonatebanner a {margin-right: 0px;}
  }

  @media ( min-width: 801px ) /* desktop */
  {
    .pagecomponents_inner .homedonatebanner .std_content_inner, .homedonatebannercopy {margin: auto; max-width: 1240px; background-image: url(/images/mwDqQEEnQ8PlbqvdvANi0k90hm.png); background-size: auto 100%;background-repeat: no-repeat;background-position: top right;padding: 26px 0px 26px 0px;}
    .pagecomponents_inner .homedonatebanner .content { background-size: auto 100%; background-repeat: no-repeat; background-position: top right; min-height: 265px; }
    .pagecomponents_inner .homedonatebanner h2 { padding: 60px 0px 30px 60px; }
    .pagecomponents_inner .homedonatebanner p:first-of-type { padding: 0px 0px 30px 60px; float: left; width: 70%; box-sizing: border-box; }
    .pagecomponents_inner .homedonatebanner p:last-of-type { float: right; width: 30%; text-align: right; box-sizing: border-box; padding-right: 50px; }
  }
  /* Twitter Feed */ 

  .homesocialfeed { background-color: var(--light-grey);}
  
  .homesocialfeed .twitter .toplinks li:first-of-type a { color: var(--purple); font-family: Montserrat-Bold; font-size: 30px; }
  .homesocialfeed .twitter .toplinks {margin-bottom: 20px;}
  .homesocialfeed .twitter {margin: 0px auto 0px auto;width: 270px;}
  .homesocialfeed .twitter .logo img { border-radius: 30px 30px 30px 30px; }
  .homesocialfeed .twitter .logo { float: left; width: 60px; padding-top: 10px;}
  .homesocialfeed .twitter .titletxt { color: var(--purple); font-family: Montserrat-Bold; font-size: 30px; display: inline-block; }
  .homesocialfeed .twitter .subtitle { color: var(--purple); font-family: Montserrat-Regular; padding-bottom: 20px;}
  .homesocialfeed .twitter .name { font-family: Circe-Bold; font-size: 12px; float: left; padding-right: 10px; padding-top: 10px;}
  .homesocialfeed .twitter .created { font-family: Circe-Regular; float: left; font-size: 12px; padding-top: 10px;} 
  .homesocialfeed .twitter .text { font-family: Circe-Regular; margin-top: 10px;  font-size: 12px; padding: 0px 0px 10px 0px; float: right; width: calc(100% - 60px); }
  .homesocialfeed .twitter li.feed { border-top: 1px solid #cccccc; padding: 1px; clear: both; }
  .homesocialfeed .twitter li:first-child { border: none;} 
  .homesocialfeed .twitter ul.feed { height: 382px; overflow-y: scroll; background-color: var(--white); padding: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
  
  /* Instagram Feed */ 

  .homesocialfeed .instagram {margin: 0px auto 0px auto;width: 270px;}
  .homesocialfeed .instagram .toplinks {margin-bottom: 20px;}
  .homesocialfeed .instagram .toplinks li:first-of-type a { color: var(--purple); font-family: Montserrat-Bold; font-size: 30px; }
  .homesocialfeed .instagram .subtitle { color: var(--purple); font-family: Montserrat-Regular; }
  .homesocialfeed .instagram .bgimage, .homesocialfeed .instagram video {margin: auto; height: 150px;width: 150px;border: 5px solid #ffffff;background-size: cover;}
  .homesocialfeed .instagram ul.feed { background-color: var(--white); padding: 20px; height: 382px; overflow-y: scroll; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center; }

  /* Facebook feed */
  .homesocialfeed .feat_fbpageplugin {margin: 0px auto 0px auto; width: 270px;}
  .homesocialfeed .feat_fbpageplugin .toplinks {margin-bottom: 20px;}
  .homesocialfeed .feat_fbpageplugin .toplinks li:first-of-type a { color: var(--purple); font-family: Montserrat-Bold; font-size: 30px; }

  /* Youtube feed */
  .homesocialfeed .list_youtube {margin: 0px auto 0px auto; width: 270px;}
  .homesocialfeed .list_youtube .toplinks {margin-bottom: 20px;}
  .homesocialfeed .list_youtube .toplinks li:first-of-type a { color: var(--purple); font-family: Montserrat-Bold; font-size: 30px; }
  .homesocialfeed .list_youtube .list {background-color: #ffffff; width: 270px; height: 421px; overflow-y: scroll; padding: 20px; box-sizing: border-box; text-align: center;}
  .homesocialfeed .list_youtube .list li {padding-bottom: 20px; cursor: pointer;}
  .homesocialfeed .list_youtube .showmore {display: none!important;}

  @media ( max-width: 700px ) /* mobile */
  {
    .homesocialfeed .twitter { padding: 40px 0px; }
    .homesocialfeed .instagram, .homesocialfeed .feat_fbpageplugin {padding-bottom: 40px;}
    .homesocialfeed .list_youtube {padding-bottom: 40px;}
  
    .homesocialfeed .instagram ul.feed { height: 382px; overflow-y: scroll;  }
    .homesocialfeed .instagram .titletxt { padding-bottom: 20px; }
  }
  
  @media (min-width: 701px) and (max-width: 1259px) {
    .homesocialfeed .items {max-width: 616px; margin: auto;}
    .homesocialfeed .feat_fbpageplugin, .homesocialfeed .list_youtube {float: left; padding: 0px 19px 40px 19px;}
    .homesocialfeed .twitter, .homesocialfeed .instagram {float: left; padding: 40px 19px;}
  }

  @media ( min-width: 1260px ) /* desktop */
  {
    .homesocialfeed {padding: 20px 0px 20px 0px;}
    .homesocialfeed .items { max-width: 1000px; margin: 0px auto 0px auto; }
    .homesocialfeed .instagram, .homesocialfeed .twitter, .homesocialfeed .feat_fbpageplugin, .homesocialfeed .list_youtube {float: left; padding: 0px 19px;}
    .homesocialfeed .twitter {padding-top: 50px ;border-right: 2px solid var(--purple); float: left;}

    .homesocialfeed .instagram { float: left; padding-top: 50px; border-right: 2px solid var(--purple); }
    .homesocialfeed .instagram .titletxt {  display: inline-block; }
    .homesocialfeed .instagram .subtitle {padding-bottom: 20px;}

    .homesocialfeed .feat_fbpageplugin {float: left; border-right: 2px solid var(--purple); padding-top: 50px;}

    .homesocialfeed .list_youtube {float: left; padding-top: 50px;}
  }

  /* What We Do */ 

  .homewhatwedo { background-color: var(--white); }
  .homewhatwedo .titletxt { color: var(--purple); font-family: Montserrat-Bold; text-align: center; font-size: 30px; padding: 75px 0px 50px 0px; }
  .homewhatwedo .imagetop { background-size: cover; }

  .homewhatwedo .content p {font-family: Circe-Regular;padding: 20px 20px 30px 20px;min-height: 115px;}
  .homewhatwedo .link { padding: 0px 0px 30px 20px; font-family: Circe-ExtraBold; color: var(--light-blue); }
  .homewhatwedo .util_textbox { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
  
  .homewhatwedo .homewelfare .titletxt, .homeremembrance .titletxt { color: var(--white); font-size: 20px; background-color: var(--purple); text-align: left; padding: 25px 0px 15px 30px; }
  .homewhatwedo .homeeducation .titletxt, .homeantisemitism .titletxt { color: var(--white); font-size: 20px;  background-color: var(--light-blue); text-align: left; padding: 25px 0px 15px 30px; overflow: hidden; } 
  .homewhatwedo .homerecordofhonour .titletxt, .homemuseum .titletxt { color: var(--white); font-size: 20px;  background-color: var(--red); text-align: left; padding: 25px 0px 15px 30px;  }

  @media (max-width: 700px) /* mobile */
  {
    .homewhatwedo .imagetop { height: 230px; }
    .homewhatwedo .util_textbox { max-width: 400px; margin: 0px auto 20px auto; }
  }

  @media (min-width: 701px) and (max-width: 1239px) /* tablet */
  {
    .homewhatwedo .items {max-width: 80%;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-around;flex-direction: row;   }
    .homewhatwedo .imagetop { height: 230px; width: 100%;}
    .homewhatwedo .util_textbox { width: calc(50% - 20px); margin: 10px 10px; }
  }

  @media (min-width: 1240px) /*desktop*/ {
    .homewhatwedo { max-width: 1240px; margin: 0px auto 0px auto; }
    .homewhatwedo .util_textbox { max-width: 596px; float: left; margin: 0px 0px 65px 15px;}
    .homewhatwedo .util_textbox:nth-child(odd) { clear: left; }
    .homewhatwedo .imagetop { height: 330px; }
  }

  /* Photo Galleries */

  .homegallery {  background-color: var(--light-grey); }
  .homegallery .carousel { height: 225px; padding-bottom: 0px; }
  .homegallery .titletxt { color: var(--purple); font-family: Montserrat-Bold; text-align: center; font-size: 25px; padding: 70px 0px 30px 0px; }
  .homegallery li { float: left; height: 225px; width: 225px; border: 5px solid #ffffff; margin-right: 10px; background-size: cover;  }
  .homegallery .nextprevious { font-size: 20px; padding: 10px; text-align: center; }
  .homegallery .nextprevious .fas { color: var(--purple); padding: 10px; }
  .homegallery .introduction { text-align: center;}
  .ui-widget-content .carousel { margin: 0px auto 0px auto; overflow: hidden;}
  .ui-widget-content .carousel ul {width: 40000em; position:relative;}
  .ui-widget-content .carousel li {float: left; text-align: center; line-height: 100vh; background-size: contain; background-position: center center; background-repeat: no-repeat;}

  .gallery {background-color: var(--light-grey);padding: 40px 40px 20px 40px; margin-bottom: 20px;}
  .gallery .carousel {max-width: 1240px;margin: 0px auto 0px auto;height: 220px;padding-bottom: 0px;}
  .gallery .titletxt { font-size: 150%; padding-bottom: 20px; color: var(--purple);}
  .gallery li {float: left;height: 150px;width: 220px;border: 5px solid #ffffff;margin-right: 10px;background-size: cover;}
  .gallery .nextprevious { font-size: 200%; padding: 10px; }
  .gallery .nextprevious .fas { color: var(--purple); padding: 10px; }

  .gallerypge h2{ font-size: 120%; text-align: center; padding-bottom: 30px;  }

  .gallerypge .list_article .list { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 60px; }
  .gallerypge .list_article .list>div { max-width: 290px;  transition: all .3s ease-in-out;top: 0px;position: relative;}
  .gallerypge .list_article .list>div:hover { top: -10px; }  
  .gallerypge .list_article .list>div .bgimage { height: 200px; background-repeat: no-repeat; background-size: cover;}
  .gallerypge .list_article .list>div h3 { background-color: var(--purple); color: white; padding: 10px; min-height: 80px;}
  
/* Our People page */
.ourpeople .util_expandtext .link {font-size: 120%; text-decoration: underline; text-align: center;}
.peoplebutton-container p {height: 200px;}
.ourpeople .peoplebutton {display: block; background-color: var(--purple); color: #ffffff; border-radius: 5px 5px 5px 5px; height: 100%; text-align: center; cursor: pointer; padding: 20px; display: inline-block;}
.ourpeople table {max-width: 100%; margin: auto; background-color: #f1eaf4; padding: 40px;}
.ourpeople table h3 {color: var(--purple); font-size: 120%; padding-bottom: 20px;}
.ourpeople table tr td {width: 400px; vertical-align: middle;}
.ourpeople table td {padding-top: 20px; border-bottom: 2px solid var(--purple);}
.ourpeople i {font-size: 1000%; padding-bottom: 20px;}

@media (max-width: 850px){
  .ourpeople .peoplebutton {margin-bottom: 5px;}
  .orupeople table img {padding-right: 5px;}
}

@media (max-width: 450px){
  .peoplebutton-container {max-width: 300px; justify-self: center;}
  .ourpeople .peoplebutton {width: 50%;}

  .ourpeople table, .ourpeople tr, .ourpeople td {display: block;}
  .ourpeople table p, .ourpeople tr p, .ourpeople td p {width: 100%; font-size: 12px;}
}

 /* Donate Page */
.shop_donate ul.pages {display: none;}

.shop_donate .donateotherways {margin-top: 40px; background-color: var(--light-blue); color: #ffffff; padding: 20px 40px;}
.shop_donate .donateotherways .titletxt {background-color: var(--purple); padding: 20px 0px; box-sizing: border-box; text-align: center;}
.shop_donate .donateotherways a { text-decoration: underline; }

.shop_donate .howyourdonationshelpbox .content {background-color: var(--purple); color: #ffffff; padding: 40px; box-sizing: border-box;}
.shop_donate .howyourdonationshelpbox .content h2 {color: #ffffff; padding-top: 0px;}
.shop_donate .howyourdonationshelpbox .imageleft {height: 300px; background-size: cover; background-position: center center;}

.shop_donate .help-block.description{margin-top: 0;}

@media (min-width: 1000px) {
.shop_donate .howyourdonationshelpbox .imageleft, .shop_donate .howyourdonationshelpbox .content {float: left; width: 50%;}
.shop_donate .howyourdonationshelpbox .content {height: 300px;}
}

 /* Shop */

.shop_product .listprice {padding-top:10px;}
.shop_product .price { margin: 20px 0px 20px 0px;}
.shop_product .quantity{display: flex; align-items: center; gap:20px}
  
@media (min-width: 1000px) /* desktop */ {
.shop_product {min-height: 500px;}
.shop_product .price {font-size: 200%; }
.shop_product .info { max-width: 800px; margin: auto; margin-top: 50px;}
.shop_product .image {width: 60%; float: left; text-align: center;}
.shop_product .quantity, .shop_product .addtobasket { clear: both; margin-bottom: 20px; }
.shop_product .detailedimages li { display:inline-block; padding: 10px 10px; }
}

@media (max-width: 999px) /* mobile */ {
	.shop_product .info {max-width: 100%; text-align: center;}
	.shop_product {padding-bottom: 40px;}
  .shop_product .quantity {margin-bottom: 20px;  justify-content: center;}
  .shop_product .price {font-size: 150%; }
  .shop_product .description { padding:10px 20px 0px 20px;}

}

.shop_productlist {max-width: 1200px; margin: auto;}
.shop_productlist ul {text-align: center; display:flex; gap: 20px; flex-wrap: wrap; margin-top: 40px;}
.shop_productlist li {margin-bottom: 50px; width: 30%;}
.shop_productlist .name, .shop_productlist .price {font-size: 140%;}
.shop_productlist .price {font-size: 120%;}
.shop_productlist .image{margin: 15px 0;}
.shop_product .info .details {display: none;}

.shop_categorylist .name {font-size: 200%;}

@media (max-width: 999px) /* mobile */ {
  .shop_productlist ul { flex-wrap: wrap;}
  .shop_productlist li {width:45%;}
}

@media ( max-width: 500px) {
  .shop_productlist li {width:100%;}
}

 /* About Us */

 .aboutwelfare, .aboutremembrance {border: 2px solid var(--purple);}
 .abouteducation, .aboutantisemitism {border: 2px solid var(--light-blue);}
 .aboutroh, .aboutjmm {border: 2px solid var(--red);}
 .aboutwelfare .content, .aboutremembrance .content, .abouteducation .content, .aboutantisemitism .content, .aboutroh .content, .aboutjmm .content {background-color: #ffffff;}

 @media ( min-width: 1000px)
 {
  .whatwedo h2, .content h2 { padding: 20px 0px 20px 0px; }
  .aboutwelfare, .abouteducation, .aboutroh {margin-right: 40px;}
  .aboutwelfare, .aboutremembrance, .abouteducation, .aboutantisemitism, .aboutroh, .aboutjmm { max-width: 600px; float: left; }
  .aboutremembrance .titletxt, .aboutwelfare .titletxt, .abouteducation .titletxt, .aboutantisemitism .titletxt,  .aboutroh .titletxt, .aboutjmm .titletxt  { width: 600px; float: left; padding: 15px 0px 15px 20px; box-sizing: border-box; }
  .aboutwelfare .content, .aboutremembrance .content, .abouteducation .content, .aboutantisemitism .content, .aboutroh .content, .aboutjmm .content { float: left; padding: 10px 20px 30px 20px; min-height: 280px; }
 }

 @media ( max-width: 999px)
 {
  .whatwedo h2, .content h2 { padding: 20px 0px;}
  .aboutwelfare .content, .aboutremembrance .content, .abouteducation .content, .aboutantisemitism .content, .aboutroh .content, .aboutjmm .content { min-height: 250px; padding-top: 10px;}
 }

 .whatwedo .content { text-align: justify; padding: 20px 20px 30px 20px;}
 .whatwedo a { font-family: circe-bold; }
 .whatwedo h2, .content h2 {font-size: 20px; color: var(--purple); }
 .aboutwelfare, .aboutremembrance, .abouteducation, .aboutantisemitism, .aboutroh, .aboutjmm {margin-bottom: 30px}
 .aboutremembrance .titletxt, .aboutwelfare .titletxt { color: var(--white); background-color: var(--purple); padding: 15px 0px 15px 20px; box-sizing: border-box; }
 .aboutremembrance a, .aboutwelfare a {color: var(--purple);}
 .abouteducation .titletxt, .aboutantisemitism .titletxt { color: var(--white); background-color: var(--light-blue); box-sizing: border-box; }
 .abouteducation a, .aboutantisemitism a {color: var(--light-blue);}
 .aboutroh .titletxt, .aboutjmm .titletxt {color: var(--white);background-color: var(--red);padding: 15px 0px 15px 20px;box-sizing: border-box;}
 .aboutroh a, .aboutjmm a {color: var(--red);}

 .aboutus .whatwedo .util_textbox .imagetop {height: 300px; background-size: cover; background-position: center center;}
 
 /* Contact */

 .contactinfo { float: left; max-width: 500px; padding-right: 100px; }
 .contactinfo h2 { color: var(--purple); font-size: 120%; }
 .contactcontainer .input input { width: 100%;}
 .contactcontainer .input input::placeholder { font-family: Montserrat-Regular; font-size: 90%; }
 .contactcontainer .submit { background-color: var(--purple); border-radius: 5px 5px 5px 5px; width: 150px; text-align: center; }

 /* Subscribe Page */

 .page_standarda .int_newsletter { max-width: 800px; margin: 0px auto 0px auto; padding: 40px 40px 10px 40px; }
 .page_standarda .int_newsletter h2 { font-size: 30px; color: var(--purple); text-align: center; padding-bottom: 30px; font-family: Montserrat-Bold; }
 .page_standarda .int_newsletter .field {margin-bottom: 40px;}
 .page_standarda .int_newsletter .input input { float: left; width: 40%; font-family: Montserrat-Regular; box-sizing: border-box; }
 .page_standarda .int_newsletter .label {float: left; width: 40%; color: var(--black); margin-right: 5%; text-align: right;}
 .page_standarda .int_newsletter .submit { margin-top: 40px; background-color: var(--purple); border-radius: 5px 5px 5px 5px; width: 150px; text-align: center; }
 .page_standarda .int_newsletter .buttons {background-color: #ffffff; padding-bottom: 0px;}

/*Social media lounge*/
.socialmedialounge .feat_social ul {float: left; width: 25%;}
.socialmedialounge .feat_social li { vertical-align: top; padding: 20px; box-sizing: border-box; border-radius: 10px; word-wrap: break-word; margin:10px;}
.socialmedialounge .feat_social li video {max-width: 100%; height: auto;}
.socialmedialounge .feat_social li:nth-of-type(1n) {background-color: var(--light-blue); color: #ffffff;}
.socialmedialounge .feat_social li:nth-of-type(2n) {background-color: #ffffff; border: 2px solid var(--light-blue); color: var(--light-blue);}

 /* Login */ 

 .youraccount {text-align: center;}
 .youraccount .html {padding-bottom: 40px;}
 .youraccount a {text-decoration: underline;}
 .youraccount li {line-height: 2;}

 .youraccount {max-width: 1240px; margin: auto;}

 @media ( min-width: 1000px)
 {
  .memb_loginbox { max-width: 100%; margin: 0px auto 0px auto; }
  .join .shop_productlist { min-height: 350px; margin-bottom: 20px; }
  .join .memb_account {width:100%; }
  .join .shop_productlist li {width: 18%;}
 }

 @media ( max-width: 999px)
 {
   .join .shop_productlist ul {flex-wrap:wrap; }
   .join .memb_account .formbuilder, .join .memb_account .buttons {width: 74%;}
 }

 .join .shop_productlist ul {display:flex; gap: 10px; }
 .join .shop_productlist li {margin: 0px;  }
 .join .shop_productlist li .image {background-color: var(--purple);}
 .join .shop_productlist li .name { min-height: 100px; }

.memb_loginbox .errors { color: #ff0000; margin: 0px 0px 20px 0px; }
.memb_loginbox .fieldemail { display: block; padding-bottom: 10px; padding-top: 20px;}
.memb_loginbox .fieldpw {padding-bottom: 40px;}
.memb_loginbox .login {margin: 0px 0px 30px 0px;}
.memb_loginbox .forgotpw, .memb_loginbox .register { display: inline-block; background-color: var(--light-blue); color: #ffffff; width: 200px; padding: 20px; margin: auto; border-radius: 5px; margin-bottom: 10px;}
.memb_loginbox .forgotpw a, .memb_loginbox .register a {text-decoration: none;}
.memb_loginbox .label { width: 150px; display: inline-block; }
.memb_loginbox .input { width: 390px; display: inline-block;  }
.memb_loginbox .input input { width: 100%; padding: 10px; margin: 9px 0px 0px 0px; font-family: Montserrat-Regular; font-size: 90%; box-sizing: border-box; }
.memb_loginbox .input input::placeholder { font-size: 90%; }
.memb_loginbox .submit { background-color: var(--purple); border-radius: 5px 5px 5px 5px; width: 100px; text-align: center; }

.memb_loginbox .loggedin .logout { padding-top: 30px;}
.memb_loginbox .loggedin .status { padding-top: 20px; color: var(--purple);}
.memb_loginbox .loggedin a:hover { text-decoration: underline;}

.memb_account .text {background-color: #e1ecf1; padding: 20px;}
.memb_account .text a {display: block; background-color: var(--purple); color: #ffffff; max-width: 400px; margin: auto; padding: 20px;}
.memb_account .errors {color: var(--red); padding-bottom: 20px;}

/* Newsletters */

.newsletter p { text-align: center; }
.newsletter .components {padding: 0px 20px; }
.newsletter .nltr_list li { list-style-type: disc; padding-bottom: 10px;}
 
/* Publications */

.publications {text-align: center;}
.publications table {margin: auto;}
.publications td { padding: 10px 10px;}

.publications a:hover { text-decoration: underline;}

 /* Events */
 
 .maineventlist .noevents { text-align: center;}

 .events .maineventlist li {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 40px;}
 .events .maineventlist li:nth-of-type(2n) {margin-right: 0px; }
 .events .maineventlist li .name {background-color: var(--light-blue); color: #ffffff; padding: 20px; box-sizing: border-box; font-family: Montserrat-Bold;}
 .events .maineventlist li .date, .events .event_list li .time, .event_list li .abstract, .events .event_list li .image, .events .event_list li .link {padding: 10px 20px;}
 .events .maineventlist li .image {float: left;}
 .events .maineventlist li .link {color: var(--light-blue);}

 .event_calendar { padding-top: 50px; }
 .event_eventpage h1 {font-family: Circe-Bold; }
 .event_eventpage .image {padding: 20px 0px; background-color: var(--dark-blue);text-align: center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin-bottom: 50px;}
 .event_eventpage .abstract {font-family: Montserrat-Bold; font-size: 120%;}
 .event_eventpage .article { font-family: Circe-Regular; font-size: 120%; max-width: 800px; }
 .event_eventpage .article p { padding-top: 10px; }
 .event_eventpage .date, .event_eventpage .time, .event_eventpage .venue {padding-bottom: 20px;}
 .event_eventpage .date h2, .event_eventpage .time h2, .event_eventpage .venue h2 {text-transform: uppercase; color: var(--purple); font-family: Circe-ExtraBold;}
 .event_eventpage .buttons li {width: 220px; padding: 10px 50px; text-align: center; text-transform: uppercase; font-family: Montserrat-Bold; box-sizing: border-box;}
 .event_eventpage .buttons a:hover { text-decoration: none; }
 .event_eventpage .buttons li:first-of-type {background-color: var(--purple); color: #ffffff;}
 .event_eventpage .buttons li:nth-of-type(2) {border: 2px solid var(--purple); color: var(--purple);}
 .event_eventpage .book .errors { color: var(--red); text-align: center; padding-bottom: 20px; }
 .event_eventpage .book .introduction { padding-bottom: 20px; }
 .event_eventpage .book .introduction p, .event_eventpage .confirmation p { padding-bottom: 10px; text-align: left; font-size: 110%; }
 .event_eventpage .confirmation p:last-of-type {margin-top: 30px;}
 .event_eventpage .confirmation p:last-of-type a { color: var(--white); text-transform: uppercase;  background-color: var(--purple); padding: 10px 15px; border-radius: 15px; }
 .event_eventpage .book .buttons { padding: 40px 0px 40px 0px; text-align: center; }
 .event_eventpage .book .introduction b { font-family:Circe-Bold;}
 .event_eventpage .book .introduction a{ color: var(--purple);text-decoration: underline;}

 .book .introduction {clear: both;}


 /* Parade 2025 */

 #fb-273-div, #fb-Attendees-0-276-div, #fb-Attendees-1-276-div, #fb-Attendees-2-276-div, #fb-Attendees-3-276-div, #fb-Attendees-4-276-div{display: none;}


 @media (min-width: 1300px) {
  .events .maineventlist li {float: left;width: 47%;height: 350px;margin-right: 6%;}
  .event_eventpage .left { float: left; width: 800px; font-family: Circe-Regular; }
  .event_eventpage .right { float: right; width: 370px; font-family: Circe-Regular; }
  .event_eventpage h1 {text-align: center; max-width: 800px;}
  .event_eventpage .info {border-left: 3px solid var(--purple);}
  .event_eventpage .buttons li:first-of-type {margin-top: 92px; margin-bottom: 35px;}
  .event_eventpage .date, .event_eventpage .time, .event_eventpage .venue {padding-left: 20px;}
 }

 @media (min-width: 650px) and (max-width: 1299px) {
   .event_eventpage h1 {text-align: center;}
   .event_eventpage .info, .event_eventpage .buttons {width: 50%;float: left;text-align: right;}
   .event_eventpage .info {padding-right: 20px; box-sizing: border-box;}
   .event_eventpage .image {clear: both;}
 }

 @media (max-width: 649px) {
   .event_eventpage .info {text-align: center;}
   .event_eventpage .buttons {margin: auto; margin-bottom: 40px;}
   .event_eventpage .buttons li {margin: auto;}
 }


 .eventscarousel .carousel {width: 1000px; height: 400px; overflow: hidden; position: relative; background-color: hotpink; }
 .eventscarousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
 .eventscarousel .carouseleventlist li.event { float: left; width: 1000px; height: 400px;}

 .jmm li { list-style-type: disc; padding-bottom: 10px; }
 .jmm a { color: var(--purple); font-family: Circe-Bold; font-size: 120%; }

 /* Past events */
 .pasteventspage .util_youtube {background-color: #f1eaf4; padding: 40px; box-sizing: border-box; min-height: 345px; text-align: center;}
 .pasteventspage .util_youtube .titletxt {text-align: center; min-height: 50px;}
 .pasteventspage .util_youtube iframe {max-width: 100%;}

 @media (min-width: 1000px) {
   .pasteventspage .util_youtube {float: left; width: 33.3%;}
 }

 /*Textboxes*/

 .helptextbox {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;}
 .helptextbox .titletxt {background-color: var(--light-blue); color: #ffffff; padding: 25px 0px 15px 30px; font-size: 20px; font-family: Montserrat-Bold;}
 .helptextbox .content {padding: 20px 20px 30px 20px;}

 .ctabox {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
 .ctabox .titletxt {background-color: var(--purple); color: var(--white); padding: 25px 0px 15px 30px; font-size: 20px; font-family: Montserrat-Bold;}
 .ctabox .content {padding: 20px 20px 30px 20px; min-height: 70px;}
 .ctabox .link { padding: 0px 0px 30px 20px; font-family: Circe-ExtraBold; color: var(--light-blue); }

 @media (min-width: 1000px){
   .welfarecontainer {margin: auto; margin-top: 50px;}
   .welfarecontainer .helptextbox {margin-bottom: 40px;}
   .welfarecontainer .helptextbox .imageleft {height: 300px; width: 100%; background-size: cover; background-position: center center;}
   .welfarecontainer .ctabox {width: 48%; float: left;}
   .welfarecontainer .ctabox {margin-right: 4%;}
   .welfarecontainer .ctabox:nth-child(3n) {margin-right: 0;}
 }
 
 @media (max-width: 999px) {
.welfarecontainer .helptextbox .imageleft {height: 200px; width: 100%; background-size: cover; background-position: center center;}
.welfarecontainer .helptextbox, .welfarecontainer .ctabox {margin-bottom: 30px;}
 }

 /* Textboxes - ways to help page*/
 /*.waystohelpjoinajex, .waystohelplegacies, .waystohelpremember, .waystohelpvolunteer  { margin: 30px 0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;}
 .waystohelpjoinajex .titletxt, .waystohelplegacies .titletxt, .waystohelpremember .titletxt, .waystohelpvolunteer .titletxt  {background-color: var(--light-blue); color: #ffffff; padding: 25px 0px 15px 30px; font-size: 20px; font-family: Montserrat-Bold;}
 .waystohelpjoinajex .content, .waystohelplegacies .content, .waystohelpremember .content, .waystohelpvolunteer .content {padding: 20px 20px;}
 .waystohelpjoinajex .link, .waystohelplegacies .link, .waystohelpremember .content, .waystohelpvolunteer .link { padding: 0px 0px 30px 20px; font-family: Circe-ExtraBold; color: var(--light-blue); }

 .waystohelpdonate, .waystohelpremember, .waystohelpshop { margin: 30px 0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;}
 .waystohelpdonate .titletxt, .waystohelpremember .titletxt, .waystohelpshop .titletxt {background-color: var(--purple); color: #ffffff; padding: 25px 0px 15px 30px; font-size: 20px; font-family: Montserrat-Bold;}
 .waystohelpdonate .content, .waystohelpremember .content, .waystohelpshop .content {padding: 20px 20px;}
 .waystohelpdonate .link, .waystohelpremember .link, .waystohelpshop .link{ padding: 0px 0px 30px 20px; font-family: Circe-ExtraBold; color: var(--light-blue); }

 .waystohelpremember .content a { color: var(--light-blue); }
 .waystohelpremember .content { color: inherit; }*/

 /* Text boxes - remembrance */

 .textimagesplitbox { margin: 30px 0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
 .textimagesplitbox .content {padding: 30px; box-sizing: border-box; font-family: Montserrat-Regular;}
 .textimagesplitbox .link { font-family: Circe-ExtraBold; color: var(--light-blue); float: left; }
 .textimagesplitbox {font-family: Montserrat-Regular;}
 .textimagesplitbox .titletxt {color: #ffffff; font-size: 20px; font-family: Montserrat-Bold; text-align: center;}
 .textimagesplitbox:nth-child(1n) .titletxt {background-color: var(--light-blue);}
 .textimagesplitbox:nth-child(2n) .titletxt {background-color: var(--purple);}
 
 @media (min-width: 630px) {
  .textimagesplitbox .imageleft, .textimagesplitbox .imagetop {float: left; width: 50%; height: 300px; text-align: center; background-size: cover; background-position: center center;}
  .textimagesplitbox .imagetop {float: right; width: 50%; height: 300px; background-size: cover; background-position: center center;}
  .textimagesplitbox .content {width: 50%; float: left;}
  .textimagesplitbox .titletxt {padding: 25px 0px 15px 30px;}
  .textimagesplitbox .link {padding: 0px 30px;}
 }

@media (max-width: 629px) {
  .textimagesplitbox .imagetop, .textimagesplitbox .imageleft {height: 200px; background-size: cover; background-position: center center; overflow: hidden; text-align: center;}
  .textimagesplitbox .titletxt {padding: 20px;}
  .textimagesplitbox .link {padding: 20px;}
}

 
 /*Seder plate background image*/
 .sederbackground { min-height: 800px; background-image: url(/images/Vw0gCb9VOnB7CpdJgXBZ2a12a1.png); background-position: center center; background-size: cover;}

 /*Search page*/
 .util_sitesearch { max-width: 1260px; padding: 0px 10px 0px 10px; margin: 0px auto 0px auto; }
 .util_sitesearch .include fieldset {padding: 40px 0px;}
 .util_sitesearch .include #result_report {margin-bottom: 40px; text-align: center;}
 .util_sitesearch .result .title {color: var(--purple); font-family: Montserrat-Bold;}
 .util_sitesearch .result .description b {background-color: var(--purple)!important; color: #ffffff; padding: 0px 10px;}
 .util_sitesearch .result .title b {color: #000000;}
 .util_sitesearch .result .url {font-family: Montserrat-Bold;}

 /* Dialogs */

.ui-widget {font-family: SofiaReg;}
.ui-widget-content {border: 1px solid #ffffff;}
.ui-widget .ui-dialog {background: #ede8f4; border: #ede8f4;}
.ui-widget-overlay { background: #000000ee; }
.ui-dialog-titlebar { background: none; border: none; padding: 0px 20px 0px 20px; }
.ui-dialog .feat_carousel { padding: 0px; }

/* Remembrance Campaign Page */

@media (min-width: 1000px) /* desktop */ 
{
.remembrancecampaign { max-width: 1240px; margin: 0px auto; }
}

.remembrancecampaign a  {font-family: Circe-ExtraBold; color:var(--light-blue);}
.remembrancecampaigngetinvolved, .remembrancecampaignstory { max-width: 600px; float: left; margin-bottom: 30px; }
.remembrancecampaignresources, .remembrancecampaignajexprayer { width: 600px; float: left; margin-bottom: 30px; }
.remembrancecampaigngetinvolved, .remembrancecampaignstory { margin-right: 40px; }

@media (min-width: 1280px) {
  .remembrancecampaigncontainer { margin-top: 150px;}
}

/*Checkout*/
.shop_basketpage table {width: 100%;}
.shop_basketpage h2 {font-family: Montserrat-Bold;padding-bottom: 10px;}
.shop_basketpage .discount {margin-top: 40px;}
.shop_basket td, .shop_basket th { padding: 5px; text-align: left; border-bottom: solid #dddddd 1px; }
.shop_basket th{font-weight: bold;}
.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove { text-align: right; }
.shop_basketpage .errors { color: #ff0000; padding-bottom: 20px; }
.shop_basketpage .contact, .shop_basketpage .billing {width: 50%; float: left; margin-top: 40px;}
.shop_basket .complete {padding-bottom: 95px;}
.shop_basketpage #fb-Notes-div, .shop_basketpage .field_section { display: none; }
.shop_basketpage .discount button { background-color: var(--purple); color: #ffffff; text-transform: uppercase; width: 180px; height: 30px; border: none;}
.shop_basket .message { color: var(--purple);}
.shop_basketpage .buttons {padding-bottom: 20px; background-color: #ffffff;}
.shop_basketpage .buttons input {margin: 20px 20px 0 0;}


.shop_basket .checkout h2{text-align: center;line-height: 40px;padding: 0px 10px 0px 10px;height: 40px;background-color: var(--light-blue);color: var(--white);text-transform: uppercase;}
.shop_basket .checkout .formbuilder{padding-bottom: 80px; }
.shop_basket .checkout .field_group>.label, .shop_basket .checkout .field_section>.label {padding-top: 20px; padding-bottom: 30px; font-size: 120%; }
.shop_basket .checkout label{color: black;}
.shop_basket .checkout input[type=text], .shop_basket .checkout textarea, .shop_basket .checkout select{max-width: 500px; width: 100%;}
#fb-ShipUseBilling-div{ display: flex; justify-content: center; align-items: center;}
#fb-ShipUseBilling-div .label, #fb-ShipUseBilling-div .input{width: auto; padding-right: 20px;}

.shop_basket .shipping {padding-bottom: 40px; }
.shop_basket .paymentform #card-element {margin-top: 10px;}

.paymentform #card-element {border: 1px solid #000000; border-radius: 16px; padding: 10px; margin-bottom: 20px;}

.loginrequired { background-color: var(--purple); padding: 30px; color:White;}
.loginrequired h2 { font-size:125%; padding-bottom:20px;}
.loginrequired a { text-decoration: underline;}

@media (max-width: 600px) {
  .shop_basket{overflow-x: scroll;}
  .shop_basket .details{display: flex; flex-direction: column; gap:40px}
  .shop_basketpage .billing {margin-top: 0px;}
}

/*Education section*/
.schoolsbox { height: 300px; background-size: cover; padding-bottom: 50px; margin-bottom: 50px;}
.schoolsbox a {color: white;}
.schoolsbox:nth-of-type(2n) {margin-right: 0%;}
.schoolsbox .titletxt {background-color: var(--light-blue);color: #ffffff;padding: 25px 0px 15px 30px;font-size: 120%;font-family: Montserrat-Bold;}
.schoolsbox .imagebottom {height: 300px;background-size:cover; background-position: center center;}
.schoolsbox.four .imagebottom {background-repeat: no-repeat; background-size: contain;}

@media (min-width: 800px) {
  .schoolsbox {width: 47.5%; float: left; margin-right: 5%; }
}

/*Virtual Talks and Events page*/
.virtualtalkspage li {cursor: pointer; background-color: #f1eaf4;  margin-bottom: 20px;}

@media (max-width: 600px) {
  .virtualtalkspage li {padding: 10px; display: flex;}
  .virtualtalkspage li img {padding-right: 10px;}
}

@media (min-width: 601px) and (max-width: 1000px) {
  .virtualtalkspage li {width: 48%; float: left; text-align: center; padding: 20px; box-sizing: border-box; min-height: 210px;}
  .virtualtalkspage li img {padding-right: 10px; padding-bottom: 10px;}
  .virtualtalkspage li:nth-child(1n) {margin-right: 2%;}
}

@media (min-width: 1001px) {
  .virtualtalkspage li {width: 32.3%; margin-right: 1.5%; float: left; padding: 20px; box-sizing: border-box; text-align: center; min-height: 220px;}
  .virtualtalkspage li:nth-child(3n) {margin-right: 0px;}
  .virtualtalkspage li img {padding-bottom: 10px;}
}

/*Popup windows*/
.ui-widget {font-family: Montserrat-Regular;}

/*Privacy policy*/
.privacypolicy table {border: 1px solid #000000; margin: auto; max-width: 100%;}
.privacypolicy table tr td {border: 1px solid #000000; padding: 10px;}

/*Your details*/
/*.yourdetails .form {background-color: #e1ecf1; text-align: center;}
.yourdetails .buttons {margin-top: 20px;}


/* 70 miles */

.seventymiles .intro { background-color: #e1ecf1; padding: 20px; border-radius: 5px 5px 0px 0px; text-align: center;}
.seventymiles .formbuilder { border-radius: 0px 0px 5px 5px !important; padding: 0px 40px 10px 40px;}
.seventymilestext .content {float: left; width: 46%; padding: 60px 40px 0px 0px;}
.seventymilestext .content a, .seventymilestext .content strong { color: var(--purple);}
.seventymilestext .imageright {float: right; width: 50%; }
.seventymilestext {margin-bottom: 30px;}

.testpage .main_image .jcarousel-control { display:none;}

.surv_standard .confirm p {padding: 10px 0px 0px 0px ;}
.surv_standard .confirm a { background-color: var(--purple); border-radius: 5px 5px 5px 5px;text-align: center; cursor: pointer;color: #ffffff;text-transform: uppercase;border: 0px;font-family: Montserrat-Bold;line-height: 40px;padding: 10px 10px;}

/* Speaker programme */
.speakerprogramme li {list-style-type: disc;}
.speakerprogramme ul {margin: 0px 0px 25px 40px;}
.speakertext img {height: 300px;}
.speakerprogramme a {color: blue; text-decoration: underline;}



/* Temp hide Refreshments - at capacity for Remembrance event */
.event_eventpage #fb-AttExtRefreshments-div {/* display: none; */}


/* Parade form 2025 */
.help-block.description p{text-align: left;width: 100%;}
.help-block.description {margin-top: -30px;}


.field_group {padding: 5px 0 0 5px}
.field_group .label{text-align: left !important;padding-bottom: 0 !important;}
.field_group label { text-align: left !important; padding-bottom: 0;}
.field_dynamic {border-top: 3px solid var(--purple); margin-top: 40px;}
.parade-brochure-2025  .field_group .input .label { float: left; width: 30%; box-sizing: border-box; padding-right: 20px; color: var(--black); text-align: right !important;}
.parade-brochure-2025  .field_group .label { text-align: center !important;}
.parade-brochure-2025  .field_group .label label {text-align: center !important;}