/*gutter style*/
 /*initial size of gutter and margin table*/
.grid .margintable{width:0px;height:22px;}

.grid .guttertable{width:0px;height:22px;}

/*end of gutter style*/
 /* Defaults */
#layout table, #layout table td, #layout label {font-family: 'Nunito', serif; font-size: 18px; line-height: 28px;}

#layout .block[data-sd-content=website]{padding:5px 20px}


#layout label.control-label.required:after, #layout .form-group.required .control-label:after {content: '*';}

#layout .form-control {font-size: 18px; line-height: 28px;}



#layout .form-control {height: 44px; border-radius: 0px;}

#layout label {font-weight: 400;}

#layout .allow [data-sd-content=website] td{/* Style of website link TDs*/
padding:0 8px;font-family: 'Roboto', serif; text-align:center;border-left:1px solid #999999;border-right:1px solid #999999;}

#layout .allow [data-sd-content=website] td:first-child{border-left:none;}

#layout .allow [data-sd-content=website] td:last-child{border-right:none;}

.sd-article-share{/* Spacing between A's around share icons */
margin:8px 4px 0;}

.map-info-body{/* Spacing around the text in the Google Map block */
padding: 18px 30px 18px 30px;}

.choice-container table td{/* Vertical gap after poll buttons */
padding-bottom:5px;}

.intro{/* Vertical gap in introductory text for non-article blocks */
padding-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;}

.figcaption{/* Applies to images, videos and articles with images*/
padding:10px 30px;font-size:12px; text-align: center; text-decoration: none; font-family: 'Roboto', sans-serif;}

.figcaption a { text-decoration: none;}

.main, .intro{/* body text of blocks */
font-family: 'Roboto', serif; }

.header{/* Provides consistent heading height across different email clients*/
}

#layout .add-to-calendar-container td{/* Spacing between "Add to calendar" icons */
padding-right:6px;}



#layout .block[data-image-position=left] td.figure{padding-right:20px;}

#layout .block[data-image-position=right] td.figure{padding-left:20px;}

#layout .block[data-image-position=left] tr.figure-container:last-child td, #layout .block[data-image-position=right] tr.figure-container:last-child td{padding-bottom:10px;}

.calendar-body td, .calendar-body th{/* Styles of calendar table*/
border-top:1px solid #ddd;font-family: 'Roboto', sans-serif; border-bottom:1px solid #ddd;padding:2px 0}





/*hybrid*/
#layout .block[data-sd-content=article]:not([data-image-position]) .block-body > tbody > tr > td, #layout .block[data-sd-content=article][data-image-position=top] .block-body > tbody > tr:not(.media-container) > td, #layout .block[data-sd-content=article][data-image-position=bottom] .block-body > tbody > tr:not(.media-container) > td{/*set all elements in article to have padding left and right except image*/
padding-left:30px;padding-right:30px;}

#layout .block[data-sd-content=article][data-image-position=bottom] .block-body > tbody > tr:first-child > td, #layout .block[data-sd-content=article]:not([data-image-position]) .block-body > tbody > tr:first-child > td{padding-top:30px;}

#layout .block[data-sd-content=article][data-image-position=bottom] .media-container > td {padding-top: 0px;}

#layout .block[data-sd-content=article][data-image-position=top] .media-container > td, #layout .block[data-sd-content=article][data-image-position=top] .block-body > tbody > tr:last-child > td, #layout .block[data-sd-content=article]:not([data-image-position]) .block-body > tbody > tr:last-child > td{padding-bottom:30px;}

/*end of hybrid*/
#layout .block[data-sd-content=map] td.gm-text-wrapper, #layout .block[data-sd-content=poll], #layout .block[data-sd-content=links], #layout .block[data-sd-content=rsvp], #layout .block[data-sd-content=calendar], #layout .block[data-sd-content=share], #layout .block[data-sd-content=list]{/*default padding around every block (except article block)*/
padding:30px 30px 30px 30px}

#layout .block[data-sd-content=article][data-image-position=left], #layout .block[data-sd-content=article][data-image-position=right] {padding:30px 30px 30px 30px}

#layout .block[data-sd-content=article][data-image-position=left] .figcaption {padding-right: 20px;}
#layout .block[data-sd-content=article][data-image-position=right] .figcaption {padding-left: 20px;}

#layout .block[data-sd-content=subscription] {padding: 30px;}

.calendar-body table td, .calendar-body table th {padding: 10px; background-color: transparent; vertical-align: top;}



/*end of defaults*/
.header1{font-size:36px;line-height:125%; font-weight: 700;}
.header2{font-size:32px;line-height:125%; font-weight: 400;}
.header3{font-size:28px;line-height:130%; font-weight: 300;}

.add-to-calendar-container td:first-child{font-size:12px;}

/* Buttons */
.read-more-wrapper .btn-cm, .link-button-wrapper .btn-cm{width:auto;padding-left:40px;text-decoration:none;padding-right:40px;}

.btn-cm{/* All buttons styles */
background-color:#000000;/*border:1px solid #bbbbbb;*/
color:#ffffff;border:0px;display:inline-block;font-size:18px;font-family: 'Roboto', sans-serif; font-weight:700; text-align:center;text-decoration:none;width:100%;-webkit-text-size-adjust:none;mso-hide:all;padding:10px 25px; transition: all .4s ease;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

a.btn-cm.btn-poll {width: 100% !important; padding: 10px 0px 10px 0px !Important;}

.read-more, .link-button{padding-top:0px;}

a.btn-cm.btn-width-auto {text-decoration: underline; font-weight: normal;}


/* .intro {padding-left: 35px; padding-right: 35px;}  */

.link-text {text-align: left;  font-size: 15px; line-height: 22px; padding: 0px 35px 8px 35px;}
.single-link table {width: 100%;}


#layout .block[data-sd-content="links"] {padding: 0px;}
#layout .block[data-sd-content="links"] .block-body .header-container .header {padding: 35px 35px 10px 35px;} 



/* Style 1 */
.style-selector .text-style-1 .info::after{content:'White background with black headings and black buttons';}
#layout .text-style-1 .header{padding-bottom:10px;}
.text-style-1 {background-color:#ffffff;color:#000000;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-1 .main{color:#000000;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-1, .text-style-1 .add-to-calendar-container td:first-child, .text-style-1 .main, .text-style-1 .main td, .text-style-1 .sd-list-date, .text-style-1 .sd-list-description, .text-style-1 .calendar-body table td, .text-style-1 .calendar-body table th, .text-style-1 .figcaption, .text-style-1 .intro,  .text-style-1 label {color:#000000; font-family: 'Roboto', serif;}
.text-style-1 .header1, .text-style-1 .header2, .text-style-1 .header3, .text-style-1 .header4 {font-family: 'Roboto', sans-serif; color:#000000;}
.text-style-1 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-1 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-1 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-1 .header4{font-size:24px;line-height:145%; font-weight: 400;}
.text-style-1 .figcaption a, .text-style-1 a{color:#6884c9;text-decoration:underline;}
.text-style-1 .btn-cm{background-color:#000000; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-1 .btn-cm:hover {background-color:#1c1c1c !Important;}
.text-style-1 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}

/* Style 2 */
.style-selector .text-style-2 .info::after{content:'White background with light blue headings and buttons';}
#layout .text-style-2 .header{padding-bottom:10px;}
.text-style-2 {background-color:#ffffff;color:#000000;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-2 .main{color:#000000;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-2, .text-style-2 .add-to-calendar-container td:first-child, .text-style-2 .main, .text-style-2 .main td, .text-style-2 .sd-list-date, .text-style-2 .sd-list-description, .text-style-2 .calendar-body table td, .text-style-2 .calendar-body table th, .text-style-2 .figcaption, .text-style-2 .intro,  .text-style-2 label {color:#000000; font-family: 'Roboto', serif;}
.text-style-2 .header1, .text-style-2 .header2, .text-style-2 .header3, .text-style-2 .header4 {font-family: 'Roboto', sans-serif; color:#6884c9;}
.text-style-2 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-2 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-2 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-2 .header4{font-size:24px;line-height:145%; font-weight: 400;}
.text-style-2 .figcaption a, .text-style-2 a{color:#6884c9;text-decoration:underline;}
.text-style-2 .btn-cm{background-color:#6884c9; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-2 .btn-cm:hover {background-color:#37aaff !Important;}
.text-style-2 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}

/* Style 3 */
.style-selector .text-style-3 .info::after{content:'White background with mid blue headings and buttons';}
#layout .text-style-3 .header{padding-bottom:10px;}
.text-style-3 {background-color:#ffffff;color:#000000;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-3 .main{color:#000000;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-3, .text-style-3 .add-to-calendar-container td:first-child, .text-style-3 .main, .text-style-3 .main td, .text-style-3 .sd-list-date, .text-style-3 .sd-list-description, .text-style-3 .calendar-body table td, .text-style-3 .calendar-body table th, .text-style-3 .figcaption, .text-style-3 .intro,  .text-style-3 label {color:#000000; font-family: 'Roboto', serif;}
.text-style-3 .header1, .text-style-3 .header2, .text-style-3 .header3, .text-style-3 .header4 {font-family: 'Roboto', sans-serif; color:#1d47ae;}
.text-style-3 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-3 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-3 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-3 .header4{font-size:24px;line-height:145%; font-weight: 400;}
.text-style-3 .figcaption a, .text-style-3 a{color:#6884c9;text-decoration:underline;}
.text-style-3 .btn-cm{background-color:#1d47ae; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-3 .btn-cm:hover {background-color:#37aaff !Important;}
.text-style-3 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}


/* Style 4 */
.style-selector .text-style-4 .info::after{content:'White background with dark blue headings and buttons';}
#layout .text-style-4 .header{padding-bottom:10px;}
.text-style-4 {background-color:#ffffff;color:#000000;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-4 .main{color:#000000;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-4, .text-style-4 .add-to-calendar-container td:first-child, .text-style-4 .main, .text-style-4 .main td, .text-style-4 .sd-list-date, .text-style-4 .sd-list-description, .text-style-4 .calendar-body table td, .text-style-4 .calendar-body table th, .text-style-4 .figcaption, .text-style-4 .intro,  .text-style-4 label {color:#000000; font-family: 'Roboto', serif;}
.text-style-4 .header1, .text-style-4 .header2, .text-style-4 .header3, .text-style-4 .header4 {font-family: 'Roboto', sans-serif; color:#032373;}
.text-style-4 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-4 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-4 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-4 .header4{font-size:24px;line-height:145%; font-weight: 400;}
.text-style-4 .figcaption a, .text-style-4 a{color:#6884c9;text-decoration:underline;}
.text-style-4 .btn-cm{background-color:#032373; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-4 .btn-cm:hover {background-color:#37aaff !Important;}
.text-style-4 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}


/* Style 5 */
.style-selector .text-style-5 .info::after{content:'Light grey background with black headings and light blue buttons';}
#layout .text-style-5 .header{padding-bottom:10px;}
.text-style-5 {background-color:#f0f3f4;color:#000000;font-family: 'Nunito', serif; font-size:18px;line-height:28px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.text-style-5 .main{color:#000000;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-5, .text-style-5 .add-to-calendar-container td:first-child, .text-style-5 .main, .text-style-5 .main td, .text-style-5 .sd-list-date, .text-style-5 .sd-list-description, .text-style-5 .calendar-body table td, .text-style-5 .calendar-body table th, .text-style-5 .figcaption, .text-style-5 .intro,  .text-style-5 label {color:#000000; font-family: 'Roboto', serif;}
.text-style-5 .header1, .text-style-5 .header2, .text-style-5 .header3, .text-style-5 .header4 {font-family: 'Roboto', sans-serif; color:#000000;}
.text-style-5 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-5 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-5 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-5 .header4{font-size:24px;line-height:145%; font-weight: 400;}
.text-style-5 .figcaption a, .text-style-5 a{color:#000000;text-decoration:underline;}
.text-style-5 .btn-cm{background-color:#6884c9; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-5 .btn-cm:hover {background-color:#37aaff !Important;}
.text-style-5 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}

/* Style 6 */
.style-selector .text-style-6 .info::after{content:'Light blue background with white headings and dark blue buttons';}
#layout .text-style-6 .header{padding-bottom:10px;}
.text-style-6 {background-color:#6884c9;color:#ffffff;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-6 .main{color:#ffffff;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-6, .text-style-6 .add-to-calendar-container td:first-child, .text-style-6 .main, .text-style-6 .main td, .text-style-6 .sd-list-date, .text-style-6 .sd-list-description, .text-style-6 .calendar-body table td, .text-style-6 .calendar-body table th, .text-style-6 .figcaption, .text-style-6 .intro,  .text-style-6 label {color:#ffffff; font-family: 'Roboto', serif;}
.text-style-6 .header1, .text-style-6 .header2, .text-style-6 .header3, .text-style-6 .header4 {font-family: 'Roboto', sans-serif; color:#ffffff;}
.text-style-6 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-6 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-6 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-6 .header4{font-size:24px;line-height:145%;font-weight: 400;}
.text-style-6 .figcaption a, .text-style-6 a{color:#ffffff;text-decoration:underline;}
.text-style-6 .btn-cm{background-color:#032373; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-6 .btn-cm:hover {background-color:#0a3656  !Important;}
.text-style-6 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}



/* Style 7 */
.style-selector .text-style-7 .info::after{content:'Mid blue background with white headings and white buttons';}
#layout .text-style-7 .header{padding-bottom:10px;}
.text-style-7 {background-color:#1d47ae;color:#ffffff;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-7 .main{color:#ffffff;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-7, .text-style-7 .add-to-calendar-container td:first-child, .text-style-7 .main, .text-style-7 .main td, .text-style-7 .sd-list-date, .text-style-7 .sd-list-description, .text-style-7 .calendar-body table td, .text-style-7 .calendar-body table th, .text-style-7 .figcaption, .text-style-7 .intro,  .text-style-7 label {color:#ffffff; font-family: 'Roboto', serif;}
.text-style-7 .header1, .text-style-7 .header2, .text-style-7 .header3, .text-style-7 .header4 {font-family: 'Roboto', sans-serif; color:#ffffff;}
.text-style-7 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-7 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-7 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-7 .header4{font-size:24px;line-height:145%;font-weight: 400;}
.text-style-7 .figcaption a, .text-style-7 a{color:#ffffff;text-decoration:underline;}
.text-style-7 .btn-cm{background-color:#ffffff; text-decoration:none;color:#1d47ae; font-family: 'Roboto', sans-serif;}
.text-style-7 .btn-cm:hover {background-color:#0a3656  !Important;}
.text-style-7 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}



/* Style 8 */
.style-selector .text-style-8 .info::after{content:'Dark blue background with white headings and light blue buttons';}
#layout .text-style-8 .header{padding-bottom:10px;}
.text-style-8 {background-color:#032373;color:#ffffff;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-8 .main{color:#ffffff;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-8, .text-style-8 .add-to-calendar-container td:first-child, .text-style-8 .main, .text-style-8 .main td, .text-style-8 .sd-list-date, .text-style-8 .sd-list-description, .text-style-8 .calendar-body table td, .text-style-8 .calendar-body table th, .text-style-8 .figcaption, .text-style-8 .intro,  .text-style-8 label {color:#ffffff; font-family: 'Roboto', serif;}
.text-style-8 .header1, .text-style-8 .header2, .text-style-8 .header3, .text-style-8 .header4 {font-family: 'Roboto', sans-serif; color:#ffffff;}
.text-style-8 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-8 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-8 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-8 .header4{font-size:24px;line-height:145%;font-weight: 400;}
.text-style-8 .figcaption a, .text-style-8 a{color:#ffffff;text-decoration:underline;}
.text-style-8 .btn-cm{background-color:#6884c9; text-decoration:none;color:#ffffff; font-family: 'Roboto', sans-serif;}
.text-style-8 .btn-cm:hover {background-color:#37aaff !Important;}
.text-style-8 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}


/* Style 9 */
.style-selector .text-style-9 .info::after{content:'Black background with white headings and buttons';}
#layout .text-style-9 .header{padding-bottom:10px;}
.text-style-9 {background-color:#000000;color:#ffffff;font-family: 'Nunito', serif; font-size:18px;line-height:28px;}
.text-style-9 .main{color:#ffffff;font-size:18px;line-height:28px; padding-bottom: 20px; font-family: 'Roboto', serif;}
.text-style-9, .text-style-9 .add-to-calendar-container td:first-child, .text-style-9 .main, .text-style-9 .main td, .text-style-9 .sd-list-date, .text-style-9 .sd-list-description, .text-style-9 .calendar-body table td, .text-style-9 .calendar-body table th, .text-style-9 .figcaption, .text-style-9 .intro,  .text-style-9 label {color:#ffffff; font-family: 'Roboto', serif;}
.text-style-9 .header1, .text-style-9 .header2, .text-style-9 .header3, .text-style-9 .header4 {font-family: 'Roboto', sans-serif; color:#ffffff;}
.text-style-9 .header1{font-size:36px;line-height:125%; font-weight: 700;}
.text-style-9 .header2{font-size:32px;line-height:125%;font-weight: 400;}
.text-style-9 .header3{font-size:28px;line-height:130%;font-weight: 300;}
.text-style-9 .header4{font-size:24px;line-height:145%;font-weight: 400;}
.text-style-9 .figcaption a, .text-style-9 a{color:#ffffff;text-decoration:underline;}
.text-style-9 .btn-cm{background-color:#ffffff; text-decoration:none;color:#000000; font-family: 'Roboto', sans-serif;}
.text-style-9 .single-link a{font-family: 'Roboto', serif; text-decoration: underline;}




.whiteLinks a {color:#ffffff; text-decoration: none;}