/*
DO NOT EDIT THIS FILE
THIS IS THE DEFAULT CSS FILE
IT SITS ABOVE THE WEBSITE CSS FILE
PLACE EDITS IN THE WEBSITES CSS FILE 
*/

body#mailinglist-confirmation #mailinglist-form,
body#mailinglist #mailinglist-form{
margin:20px auto ;
}

body#mailinglist-confirmation form{
max-width:600px;
margin:20px auto;
} 

body#mailinglist #mailinglist-form .form-group{
margin:10px 0;
border:0px solid red;
}

body#mailinglist #mailinglist-form fieldset{
max-width:700px;
border: 1px solid #efefef;
text-align:left;
padding:20px;
margin:10px auto;
}

body#mailinglist #mailinglist-form fieldset legend{
background: #e1e1e1;
padding: 5px 10px ;
font-size: 125%;
font-weight:bold;
margin: 8px 0 0 0px;
border-radius:4px;
}

body#mailinglist #mailinglist-form #list-wrapper {
width:100%;
margin:20px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:flex-start;
justify-content:center;
padding:0;
}

body#mailinglist #mailinglist-form .list-item {
margin:20px;
border:1px solid #ccc;
padding:20px;
width:32%;
text-align:center;
min-width:350px;
max-width:500px;
background-color:#eee;
border-radius:4px;
}

body#mailinglist #mailinglist-form .list-item label{
margin:0 0 0 10px !important;
padding:0 !important;
font-weight:bold;
font-size:125%;
display:block;
}


body#mailinglist #mailinglist-form .list-item .item-method{
display:block;
margin:13px 0;
}

body#mailinglist #mailinglist-form .list-item .item-desc{
display:block;
margin:3px 0;
}

body#mailinglist #mailinglist-form ul#bottom-menu {
margin:25px auto;
text-align:center;
}

body#mailinglist #mailinglist-form .btn[type=submit] {
display:block;
margin:0 auto;
}

body#mailinglist #mailinglist-form a#confirm-btn {
display:block;
margin:0 auto;
text-decoration:none;
}


body#mailinglist #mailinglist-form .list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

body#mailinglist #mailinglist-form .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

