/* FBK = Fallback */

html,
body,
.no_spacing {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

a,
a:visited,
body:not(.homepage) main a {
    color: #C56536;
}

body:not(.homepage) a:hover {
    color: #339933;

}

a img {
    border: 0;
}

fieldset {
    margin: 0 1em 1em 0;
    border: 0;
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

.right_text {
    text-align: right;
}

.center_text {
    text-align: center;
}

.clear_after:after,
.sharing_buttons:after,

.out_wrap_large {
    margin: 0 auto;
    max-width: 1110px;
}

.out_wrap {
    margin: 0 auto;
    max-width: 1080px;
}

.back_gray_1 {
    background-color: #ECECEC;
}

.back_gray_2 {
    background-color: #F5F5F5;
}

.back_white {
    background-color: #FFFFFF;
}

.back_gray_1.pad_1 + .back_gray_1 {
    margin-top: 0;
}

aside .back_gray_1.pad_1 + .back_gray_1 {
    margin-top: 1em;
}

.back_gray_1 img + div {
    padding: 1rem;
}

.full_width {
    width: 100%;
}

.half_width {
    width: 50%;
}

.main_size,
main:not(.full_width) {
    float: left;
    width: 65%;
}

aside {
    float: left;
    width: 30%;
    margin-left: 5%;
}

.col_width_2 {
    width: 65%;
    margin-right: 5%;
}

.col_width_1 {
    width: 30%;
}

.pad_1 {
    box-sizing: border-box;
    padding: 1rem;
}

.pad_36 {
    box-sizing: border-box;
    padding: 36px;
}

.side_gray_box {
    box-sizing: border-box;
    padding: 1rem;
    background-color: #ECECEC;
}

.back_gray_1.pad_1 h3 {
    margin-top: 0;
}

.back_gray_1.pad_1 ul {
    padding-left: 1.1em;
}

.reset_ul,
.main_nav ul,
.list_links,
.list_buttons,
.sub_nav,
.related_links,
.tabs {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1,
.back_gray_1 h2,
.side_gray_box h2,
h3,
h4,
h5 {
    color: #000000;
}

.side_gray_box h3 {
    margin-top: 0.6em;
}

header h1 {

    font-size: 0;
    float: left;
    width: 36%;
    margin-bottom: 0;
    margin-top: 0;
}

main h1 {
    color: #006e58;
}

h2 {
    color: #111c34;
    font-size: 1.75rem;
}

/* 28 */
h3 {
    font-size: 1.5rem;
    margin: 1.5em 0 0.6em;
}

/* 24 */
h4 {
    font-size: 1.3125rem;
    margin: 1.5em 0 0.6em;
}

/* 21 */
h5 {
    font-size: 1.1875rem;
}

/* 19 */
.smaller {
    font-size: 0.8em;
}

.larger {
    font-size: 1.3em;
}

.notes {
    font-size: 0.8em;
}

.notes:target {
    background-color: #FFFFC2;
}

.orange {
    color: #f49778;
}

.red {
    color: #C25666;
}
.green {
    color: #339933;
}
.white {
    color: #ffffff;

}
.yellow_box {
    background-color: #ffebb4;
    padding: 1em;
}

h2 .smaller,
h3 .smaller,
h4 .smaller {
    font-weight: normal;
}

.browsehappy a,
.browsehappy a:visited {
    color: #FFFFFF;
}

.footer_links a,
.footer_links a:visited,
footer .footer_links a:hover {
    color: #FFFFFF;
    text-decoration: none;
}


.footer_copyright a.privacy,
.footer_copyright a.privacy:visited {
    color: #C56536;
    text-decoration: underline;
    display: inline-block;
    margin-left: 1.5em;
}

header a,
header a:visited,
.sub_nav a,
.link_button {
    text-decoration: none;
}

.secondary_nav a:hover,
.sub_nav a:hover,
footer .footer_links a:hover,
.link_button:hover {
    text-decoration: underline;
}

footer .footer_copyright a:hover {
    text-decoration: none;
}

/* Hidden stuff */
.child_closed,
.main_nav ul ul,
.js_off .sharing_copy {
    display: none;
}



header,
.news_grid span:before,
main h2.toggle_h2,
main h3.toggle_h3,
    {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}




.hero {
    position: relative;
    background-size: Cover;
    background-position: center center;
    text-align: center;
}

.hero picture {
    width: 1380px;
    max-width: 100%;
}

.hero img {
    max-width: 100%;
}

.hero_slider {
    width: 1380px;
    margin: 0 auto;
    max-width: 100%;
}

.hero_slider a {
    text-decoration: none;
    color: #fff;
}

.hero_slider .slide {
    position: relative;
}

.hero_slider figcaption {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    width: 1220px;
    z-index: 1;
    font-style: unset;
    margin: 0 auto;
    max-width: 60%;
    padding: 2em;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.hero_slider figcaption h3 {
    max-width: 520px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-align: left;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    opacity: 1;
}

.hero_slider figcaption span {
    color: #FFFFFF;
    max-width: 520px;
    display: block;
}

.hero_slider .link {
    color: #fff;
}

.hero_slider .slick-slide {
    position: relative;
}

.hero_slider .slick-slide:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero_slider .slick-slide .slideContent {
    z-index: 2;
}

body,
input,
textarea,
select,
button {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
}

.browsehappy {
    margin: 0;
    padding: 2em 0;
    font-size: 1.2rem;
    background-color: #C56536;
    color: #FFFFFF;
    text-align: center;
}


header {
    position: relative;
    margin: 0 auto;
}

header .out_wrap {
    padding: 0;
    height: 150px;
}

.main_nav a {
    color: #C56536;
}

.secondary_nav li {
    float: left;
    margin-right: 2em;
}

.secondary_nav li:last-of-type {
    margin-right: 0;
}


.foodbook_logo {
    display: inline-block;
    float: left;
    width: 186px;
    height: 100px;
    background-image: url(/_ui/logo-retina.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 186px 100px;
}

.foodbook_logo h1 {
    text-indent: -300vw;
}



.main_nav {
    position: relative;
    margin-top: 2.5em;
    font-size: 1.5rem;
}

.main_nav a {
    display: inline-block;
}

.main_nav > ul > li > a:not(.mainNavChildToggle) {
    padding: 12px 16px;
    font-size: 21px;
    line-height: 12px;
    position: relative;
    font-weight: normal;
}


.main_nav > ul > li > a.active {
    background: none;
    background-size: 86% 3px;
    background-repeat: no-repeat;
    background-position: 50% 95%;
}

.main_nav > ul > li:last-of-type > ul {
    left: auto;
    right: 0;
}


body:not(.homepage) main,
aside {
    padding: 1rem 0;
    font-size: 1.1875rem;
    line-height: 1.45;
    color: #0E1B33;
}

aside:not(.skip_style) {
    margin-top: 1rem;
    padding: 1rem 2% 2rem;
    width: 26%;
    background-color: #f1f1f1;
    font-size: 1.0625em;
}

aside.skip_style {
    font-size: 1.0625em;
}

aside.no_background {
    background-color: transparent;
}

aside:not(.skip_style) h2 {
    margin: 1.5em 0 0.5em;
    font-size: 1.47em;
    /* 25 */

}

aside:not(.skip_style) h3 {
    margin: 1.4em 0 0.5em;
    font-size: 1.2353em;
    /* 21 */
}

aside:not(.skip_style) h4 {
    margin: 1.25em 0 0.5em;
    font-size: 1.125rem;
    /* 18 */
}

aside:not(.skip_style) h2 + ul,
aside:not(.skip_style) h2 + p,
h3 + ul,
h3 + p,
h4 + ul,
h4 + p {
    margin-top: 0.5em;
}

aside:not(.skip_style) ul {
    padding-left: 1.1em;
}

/*body:not(.homepage) main > :first-child,*/
body:not(.homepage) main > article > :first-child {
    margin-top: 0;
}

.banner_image + main > :first-child,
.campus_map + main > :first-child,
body aside > :first-child {
    margin-top: 1rem;
}

body:not(.homepage) main {
    display: block;
    clear: both;
}

.back_link {
    display: block;
    margin-top: 0.3em;
}

.back_link a {
    padding-left: 1.5em;
    color: #959595;
    font-size: 1.125em;
    text-decoration: none;
    background-image: url('/_ui/arrow-back.svg');
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 1em 1em;
}

.back_link a:hover {
    -webkit-filter: brightness(0.75);
    filter: brightness(0.75);
    text-decoration: underline;
}

.page_title {
    margin: 1.25rem 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 2.6rem;
    color: #555555;
}

.back_link + .page_title {
    margin-top: 0;
}

.page_title span {
    display: block;
}

.page_title a {
    color: inherit;
    text-decoration: none;
}

body .page_title a:hover {
    text-decoration: underline;
    color: #555555;
}

.link_button {
    display: inline-block;
    box-sizing: border-box;
    max-width: 11em;
    margin: 1em 0;
    padding: 0.5em 1em;
    background-color: #dcdcdc;
    color: #630460;
    font-weight: bold;
    text-align: center;
}

ol.longtext li,
ul.longtext li {
    margin-bottom: 1em;
}

main h2 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 3px solid #C56536;
    padding-top: 1.25em;
    padding-bottom: 0.4em;
}

html .clickable_h2 h2 {
    border-bottom: 0;
    padding: 0.5em 0 0;
}

.page_fees main h2,
html h2.no_underline {
    border-bottom: 0;
    padding-bottom: 0;
}

main h2.toggle_h2,
main h3.toggle_h3 {
    border-bottom: 7px solid #F1F1F1;
    margin-top: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0;
    font-weight: normal;
    color: #636363;
}

main h2.toggle_h2:hover,
main h3.toggle_h3:hover {
    border-bottom-color: #BABABA;
    color: #C56536;
}

main h2.toggle_h2:hover a,
main h3.toggle_h3:hover a {
    color: #C56536;
}

main h2.toggle_h2.down,
main h3.toggle_h3.down {
    border-bottom-color: #C56536;
    color: #C56536;
}

main h2.toggle_h2 a,
main h3.toggle_h3 a {
    display: block;
    position: relative;
    padding-right: 1em;
    padding-bottom: 0.4em;
    text-decoration: none;
    color: inherit;
}

main h2.toggle_h2 a:after,
main h3.toggle_h3 a:after {
    content: "+";
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 0.4em;
}

main h2.toggle_h2.down a:after,
main h3.toggle_h3.down a:after {
    content: "–";
}

main h3.toggle_h3 {
    margin-bottom: 0;
    border-bottom-width: 4px;
    max-width: 90%;
    font-size: 1.375rem;
}

main h3.toggle_h3 + div.collapsible {
    max-width: 90%;
}

main h3.toggle_h3 + div.collapsible + h2 {
    margin-top: 1.5em;
    /* if we have nested headings */
}

.list_links li {
    margin-bottom: 3px;
}

.list_links a:link,
.list_links a:visited {
    display: block;
    background-color: #f1f1f1;
    padding: 0.4em 1em;
    text-decoration: none;
    color: #636363;
}

.list_links a:hover {
    text-decoration: underline;
    color: #630460;
}

.list_buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.6rem;
    max-width: 16rem;
}

/*FBK*/
.list_buttons li {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 2%;
    margin-bottom: 4%;
}

.list_buttons a {
    display: block;
    border: 1px solid #BABABA;
    border-radius: 0.5em;
    padding: 0.2em;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

.list_buttons a:hover {
    background-color: #f1f1f1;
}

.related_links {
    float: left;
    margin: 2rem 0 0;
    font-size: 1.0625rem;
}

.related_links li:first-of-type {
    margin-left: 0;
    border-left: 1px solid #BABABA;
    padding-left: 1em;
}

.related_links li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0.3em;
    margin-left: 1em;
    border-right: 1px solid #BABABA;
    padding-right: 1em;
}

.related_links a {
    margin-top: 1em;
    text-decoration: none;
}

.green_button:link,
.green_button:visited {
    display: inline-block;
    background-color: #C56536;
    padding: 0.3em 1em;
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}

html body .green_button:hover {
    background-color: #307f6c;
    color: #FFFFFF;
}

.purple_textbox {
    padding: 6%;
    background-color: #873e85;
    color: #FFFFFF;
    font-size: 1.2rem;
    text-align: center;
}

.purple_textbox a:link,
.purple_textbox a:visited,
body .purple_textbox a:hover {
    color: #FFFFFF;
}

.greyborder_textbox {
    padding: 6%;
    font-size: 1.2rem;
    text-align: center;
    background: transparent;
    color: #555555;
    border: 3px solid #ECECEC;
}

.greyborder_textbox a:link,
.greyborder_textbox a:visited,
body .greyborder_textbox a:hover {
    color: #873e85;
}



/* Video responsive fix - https://stackoverflow.com/a/15844571 */
div.video,
.story_video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

div.video iframe,
.story_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}



.page_login form,
.page_feedback form {
    margin: 4rem 0 2rem;
}

label {
    display: inline-block;
    margin: 0 1em 1em 0;
    width: 82%;
}
label#the_message {
    margin-top: 15px;
}
label#the_message{
    margin-top: 15px;
}
label span {
    display: inline-block;
    vertical-align: bottom;
    min-width: 11rem;
    font-size: 1rem;
}

#the_message span {

    vertical-align: top;
    margin-top: 0;
}

fieldset legend {
    font-weight: bold;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
    height: 50px;
    padding: 0.3em 0.6em 0 0.6em;
    vertical-align: bottom;
    border: none;
    color: #ffffff;
    background: none;
    border-bottom: 1px solid #ffffff;
    width: 60%;
}

input[type="submit"] {
    padding: 10px 20px;
    line-height: 16px;
    color: #993366 !important;
    background-color: #ffffff;
    border: none;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 20px;
    font-size: 1.0625rem;
    cursor: pointer;
    min-width: 150px;
    font-weight: bold;
}

input[type="submit"]:hover {
    background: #339933 !important;
    color: #ffffff !important;
    text-decoration: none;

}

input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline;
}

textarea {
    border: 1px solid #ffffff;
    border-radius: 0;
    background: none;
    color: #ffffff;
    padding: 5px;
    width:60%;
}
textarea#id_message {
    margin-top: 15px;
}
::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

.error {
    color: #C25666;
    font-weight: bold;
}

footer {
    padding: 1.5em 0;
    background-color: #A1AA82;
    color: #FFFFFF;
}

.footer_sm > * {
    vertical-align: middle;
    display: inline-block;
    margin-right: 0.5rem;
}

.footer_sm img {
    height: 26px;
}

.footer_sm img:hover {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.footer_sm .youtube img {
    width: 37px;
}

.footer_links ul {
    margin-top: 0.5em;
}

.footer_links li {
    float: left;
    font-size: 0.9rem;
}

.footer_links li:not(:last-child) {
    margin-right: 1.5em;
}

.footer_copyright {
    display: inline-block;
    width: 70%;
    font-size: 0.75rem;
}

.footer_copyright a {
    color: #ffffff;
}


/*FBK*/
.news_grid > * {
    display: inline-block;
    vertical-align: top;
    width: 29.7%;
    margin: 0 3% 3% 0;
}

.news_grid > :nth-child(3n) {
    margin-right: 0;
}




.news_grid span {
    display: block;
}

body main .news_grid a {
    padding: 5px;
    background-color: #FFFFFF;
    color: #636363;
    font-size: 1.25rem;
    text-decoration: none;
}

body .news_grid a:hover {
    color: #333;
}

.news_grid span {
    position: relative;
    padding: 1em;
}

.news_grid span:before {
    position: absolute;
    top: -8px;
    left: -28px;
    width: 130px;
    height: 5px;
    content: "";
    background-color: #C56536;
    z-index: 300;
}

.news_grid a:hover span:before {
    left: 0;
    width: 50%;
}

.pad_36 .more_link {
    margin-bottom: -2em;
}


.slider {
    overflow: hidden;
}

.slick-slide:focus {
    outline: 0;
}

.arrow_prev,
.arrow_next,
.arrow_top {
    display: inline-block;
    z-index: 20;
    background-image: url(../_ui/arrow-both.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -1000vw;
}

.arrow_prev,
.arrow_next {
    position: absolute;
    top: 50%;
    width: 3.75rem;
    height: 5.625rem;
    background-size: 85% 85%;
    background-color: none;
}

.arrow_prev {
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arrow_next {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.arrow_top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 2.5rem;
    height: 3rem;
    background-size: 60% 60%;
    background-color: rgba(64, 64, 64, 0.5);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.more_link {
    float: right;
    padding: 0.8em 0.5em 0.8em;
    display: block;
    font-size: 1rem;
    color: #636363;
    text-decoration: none;
}

.more_link:visited {
    color: #636363;
}

.more_link:hover {
    text-decoration: underline;
}


.icons p img {
    filter: grayscale(0) brightness(1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.icons p:hover img,
.icons p:focus img {
    filter: NONE;

}

/* CSS for the HTML Abbreviation element
-----------------------------------------*/
main abbr[title] {
    position: relative;
    text-decoration: underline dotted;
}

main abbr[title]:hover::after,
main abbr[title]:focus::after {
    content: " "attr(title);
    /* position tooltip */
    position: absolute;
    left: 0;
    bottom: -30px;
    width: auto;
    white-space: nowrap;
    /* style tooltip */
    background-color: #1e1e1e;
    color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4);
    font-size: 14px;
    padding: 3px 5px;

}

main table {
    margin: 1rem 0;
    border-spacing: 2px;
    border-collapse: separate;
    border-bottom: 2px solid #f1f1f1;
    font-size: 90%;
}

main th {
    background-color: #006e58;
    color: white;
    text-align: left;
}

main th a {
    color: #FFFFFF !important;
    text-decoration: underline;
}

main th h3,
main th h4 {
    color: #fff;
}

main table:not(.regular_table) tr:nth-of-type(even),
main table:not(.regular_table) td[rowspan]:not([rowspan="1"]) {
    background-color: #f1f1f1;
}

main th,
main td {
    padding: 0.4em 0.8em;
}

main .regular_table {
    border-spacing: 0;
}

main .regular_table tr td {
    border-bottom: 1px solid #BABABA;
}

.page_fees table {
    width: 100%;
}


.furtherinfo p {
    margin: 0;
    font-size: 0.8em;
    color: #959595;
}



.info_list {
    padding: 3rem 0;
}

.info_list > div {
    margin-bottom: 3rem;
}

.info_list > div:last-of-type {
    margin-bottom: 0;
}

.info_list div div {
    padding: 0 5%;
}

/*FBK*/
.info_list > div > p:first-of-type {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 2%;
}

.info_list div div {
    display: inline-block;
    vertical-align: top;
    width: 64%;
}

.info_list div div p {
    margin: 0;
}

.info_list div div ~ p {
    margin-top: 1em;
}

.info_list h2 {
    padding: 0;
    margin-bottom: 0.5em;
    line-height: normal;
}

.info_list h3 {
    margin: 0.5em 0;
    padding: 0;
    line-height: normal;
}

.info_list h3 + p {
    margin: 0.5em 0 0.7em;
}

.info_list h3 + h4 {
    margin-top: 0;
}

.info_list > div > p:first-of-type {
    max-width: 270px;
    margin: 0;
}

.info_list img {
    display: block;
    height: auto !important;
}

.info_list .icons img {
    max-width: 80%;
}

.info_list .green_button {
    float: right;
    margin-top: 2rem;
}

.phone_number {
    display: inline-block;
    padding: 0 0 0.1em 0;
    white-space: nowrap;
}

figure {
    position: relative;
    margin: 0;
}

.js_off figure {
    margin-bottom: 1rem;
}

figcaption,
.captioned_image {
    position: relative;
    margin: 0;
    font-size: 0.94737em;
    font-style: italic;
    color: #C56536;
}

main figcaption {
    padding: 0.7em;
}

/*.page_contact .red {
	font-weight: bold;
}*/

.list_2_col p {
    margin-top: 0.5em;
    font-size: 0.895em;
}

.list_2_col h4 {
    margin: 0;
}

.gstl_50.gssb_c {
    /* search suggestions */
    margin-top: 0.8rem;
}

.grid,
.grid2 {
    display: grid;
    grid-gap: 1rem;
    margin-bottom: 3rem;
}

.grid {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid2 {
    grid-template-columns: 1fr 1fr;
}

.full_width .grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4rem;
}

.grid.two_cols {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
}

.full_width .grid.three_cols {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
}



.grid p {
    margin: 0;
    text-align: center;
    font-size: 1.0625rem;
}

.grid2 p {
    margin: 0;
    text-align: center;
    font-size: 1.25rem;
}

.grid li {
    font-size: 1.0625rem;
}

.grid.three_cols p,
.grid.two_cols p {
    text-align: left;
}

ul.grid {
    padding: 1em;
    list-style-type: none;
    margin: 0;
}

/*FBK*/
.grid p {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4%;
    width: 29%;
    margin-right: 5.6%;
}

.grid2 p {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4%;
    width: 48%;
    margin-right: 3%;
}

.full_width .grid p,
.full_width .grid p:nth-child(3n) {
    width: 21%;
    margin-right: 5.3%;
}

.grid p:nth-child(3n),
.grid2 p:nth-child(2n),
.full_width .grid p:nth-child(4n) {
    margin-right: 0;
}

.grid b {
    font-size: 1.1875rem;
}

.alphabet a {
    display: inline-block;
    padding: 0.5em;
    background-color: #f1f1f1;
    text-align: center;
}

.alphabet .active,
.alphabet .active:hover,
.pager a.current,
body .tabs a.active {
    background-color: #006e58;
    color: #FFFFFF;
    text-decoration: none;
}

.tabs {
    margin-top: 4rem;
    font-size: 1.1052em;
    background: linear-gradient(#F1F1F1, #F1F1F1);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.pager a,
.tabs a {
    display: inline-block;
    padding: 0.4em 0.8em;
    background-color: #f1f1f1;
}

.tabs a {
    padding: 0.6em 0.8em;
}

.tabs li {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: 4px;
}

.tabpanel {
    margin-bottom: 5rem;
}

.tabpanel h2 + h3 {
    padding-top: 1em;
}



.page_facts main .regular_table {
    width: 100%;
    border-spacing: 2px;
    font-size: 0.8947em;
}

.page_facts main .simple {
    max-width: 40rem;
}

.page_facts main th {
    background-color: #F1F1F1;
    color: #555555;
}

.page_facts th.total + td {
    padding: 0.4em 0.8em;
    background: #F1F1F1;
    font-weight: bold;
}

.page_facts main .regular_table tr td {
    border-bottom: 0;
}

.page_facts main .simple tr td:last-of-type {
    padding: 0.4em 0.8em;
}

.page_facts td {
    position: relative;
    margin-bottom: 2px;
    padding: 0;
}

.page_facts td p {
    margin: 0;
    padding: 0.4em 0;
    text-indent: 0.8em;
    box-sizing: border-box;
    background-color: #ffebb4;
}

.page_facts td p span {
    position: absolute;
    top: 50%;
    right: 1em;
    padding: 0.2em;
    text-indent: 0;
    background-color: #F1F1F1;
    font-size: 0.737em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



main a[href*="//"]:not([href*="lau.edu"]):after {
    display: inline-block;
    background-image: url(../_ui/external.svg);
    background-repeat: no-repeat;
    background-size: 0.7em 0.7em;
    width: 0.7em;
    height: 0.7em;
    margin: 0 0.3em;
    content: "";
    -webkit-filter: brightness(0.3);
    filter: brightness(0.3);
}

main a.green_button[href*="//"]:not([href*="lau.edu"]):after {
    filter: none;
    -webkit-filter: none;
}

.ie main a[href*="//"]:not([href*="lau.edu"]):after {
    display: none;
}

blockquote {
    margin: 0;
    font-style: italic;
}

blockquote:before {
    content: "\201c";
    margin-right: -4px;
}

blockquote:after {
    content: "\201d";
}

html .page_prolonged_alert main {
    padding-bottom: 8rem;
}

.page_prolonged_alert main h1 {
    margin-top: 3rem !important;
    font-size: 2.75rem;
    color: #C25666;
    text-decoration: underline;
}

.page_executive_officer .title {
    font-weight: bold;
    font-size: 1.21em;
}

.announcement {
    margin-bottom: 2rem;
}

.page_announcements .info {
    color: #C56536;
    font-style: italic;
}

.announcement_custom_readmore_hide {
    display: none;
}

/* SM sharing buttons */

.sharing_buttons span {
    display: block;
    margin-bottom: 0.5rem;
}

aside .sharing_buttons span {
    font-weight: bold;
}

.sharing_buttons a {
    display: block;
    float: left;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #c4c4c4;
    text-align: center;
}

.sharing_buttons a img {
    display: inline-block;
    vertical-align: middle;
}

.sharing_facebook img {
    width: 24px;
}

.sharing_whatsapp:hover,
.sharing_whatsapp:focus {
    background-color: #25d366;
}

.sharing_copy:hover,
.sharing_copy:focus {
    background-color: #C56536;
}

.sharing_facebook:hover,
.sharing_facebook:focus {
    background-color: #3c5a99;
}

.sharing_twitter:hover,
.sharing_twitter:focus {
    background-color: #1da1f2;
}

.sharing_linkedin:hover,
.sharing_linkedin:focus {
    background-color: #0077B5;
}

.sharing_instagram:hover,
.sharing_instagram:focus {
    background-color: #f00075;
}

.linkCopied {
    margin: 0;
    font-size: 0.75em;
    font-weight: bold;
}


/** quotes **/
.quote {
    max-width: 820px;
    margin: 0 auto;
    font-size: 1.11em;
    font-style: italic;
}

.quote:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.quote p:last-of-type {
    font-size: 0.81em;
    font-style: normal;
}

.quote img {
    float: left;
    margin: 0 6% 2em 0;
    border-right: 1px solid #555;
    padding-right: 6%;
    max-width: 180px;
}



/* CSS GRID */

@supports (display: grid) {

    body .news_grid > *,
    .info_list > div > p:first-of-type,
    .info_list div div,
    body .grid p,
    body .grid p:nth-child(3n),
    body .grid2 p,
    body .full_width .grid p,
    body .full_width .grid p:nth-child(3n),
    body .full_width .grid p:nth-child(4n),
    .list_buttons li {
        width: auto;
        margin: 0;
    }

    .news_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-gap: 60px;
    }

    .info_list > div {
        display: grid;
        grid-template-columns: 1fr 3fr;
    }

    .list_2_col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }

    .alphabet {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(2.5em, 1fr));
        grid-gap: 0.5em;
        margin-bottom: 3rem;
    }


}

/* SCREEN READER */

/*@media reader, speech, aural {

	main h2.toggle_h2 a:after,
	main h3.toggle_h3 a:after {
		display: none;
		visibility: hidden;
		content: "";
	}

}*/



/* PRINT */

@media print {

    .slick-arrow,
    .main_nav,
    .secondary_nav,
    .footer_links,
    .footer_sm {
        display: none !important;
    }

    header {
        border-top: 0;
    }

}



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

    .out_wrap.actions_container {
        margin-left: 4%;
        margin-right: 4%;
    }

    .tabs {
        font-size: 1em;
    }


}

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

    .out_wrap {
        padding: 0 4%;
    }

    header .out_wrap {
        padding: 2em 4%;
    }

    .top_nav_group {
        width: 70%;
    }

}

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

    .main_nav {
        font-size: 1.2rem;
    }

    .secondary_nav {
        font-size: 1rem;
    }

    .foodbook_logo {
        width: 180px;
        height: 74px;
        background-size: 180px auto;
    }

}


@media only screen and (min-width: 981px) {
    .top_nav_group {
        width: 100%;
        float: none;


    }

    .main_nav > ul > li {
        float: left;
        margin: 0 0.2rem;
    }

    .main_nav > ul > li:last-of-type {
        margin-right: 0;
    }

    .main_nav > ul > li > a {
        padding: 0.2em 0.6em;
        font-weight: bold;
    }

    .main_nav > ul > li > a.active {
        background: none;
        background-size: 86% 3px;
        background-repeat: no-repeat;
        background-position: 50% 95%;
    }

    .main_nav > ul > li > ul {
        position: absolute;
        top: 2.1em;
        min-width: 13em;
        max-width: 18em;
        background-color: none;
    }

    .main_nav > ul > li:last-of-type > ul {
        left: auto;
        right: 0;
    }

    .main_nav .mainNavChildToggle {
        display: none;
    }

    /* keep below lines alone - ie bug */
    .main_nav > ul > li:focus-within > ul {
        display: block;
        z-index: 50;
    }

    .main_nav > ul > li:focus-within {
        background-color: none;
    }

    .main_nav > ul > li:focus-within > a {
        color: #993366;
    }

    .main_nav a,
    .main_nav > ul > li:hover > ul,
    .main_nav > ul > li > a:focus ~ ul {
        display: block;
        z-index: 50;
    }

    .main_nav > ul > li:hover {
        background-color: transparent;
    }

    .main_nav > ul > li:hover a,
    .main_nav > ul > li.active a {
        color: #339933;
    }

    .main_nav > ul > li > ul {
        padding: 0.8em 0;
        font-size: 0.8em;
    }

    .main_nav > ul > li > ul > li > a {
        padding: 0.2em 0.6em;
    }

    .main_nav > ul > li > ul > li > a.active {
        color: rgb(182, 191, 0);
    }

    .main_nav ul ul a:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .main_nav ul ul a {
        color: #FFFFFF;
    }

    .main_nav ul ul a[target]:after {
        display: inline-block;
        background-image: url(../_ui/external.svg);
        background-repeat: no-repeat;
        background-size: 0.7em 0.7em;
        width: 0.7em;
        height: 0.7em;
        margin: 0 0.5em;
        content: "";
    }

    main th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .secondary_nav {
        padding-right: 0;
    }

    .secondary_nav ul {
        padding-right: 0.9em;
    }

    .secondary_nav li {
        margin-right: 1.5em;
    }

    input[type="submit"] {
        margin-top: 1.2em;
        margin-left: 0;
    }

    .large_labels input[type="submit"] {
        margin-left: 13.2rem;
    }

    .aside_section {
        margin: 3rem 0 0;
        padding: 5%;
    }

    .aside_section > :first-child {
        margin-top: 0;
    }

    .linkCopied {
        text-align: center;
    }

    .alphabet a:hover,
    .tabs a:hover {
        background-color: #D6D6D6;
    }

    .arrow_prev:hover,
    .arrow_next:hover,
    .arrow_top:hover {
        box-shadow: 1px 1px 0 #FFFFFF;
        background-color: #C56536;
    }

    .page_login input[type="text"],
    .page_login input[type="password"] {
        width: 25em;
    }

}

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

    .js_on .main_nav,
    .js_on .secondary_nav,
    .js_on .sub_nav {
        display: none;
    }

    .js_off .main_nav {
        width: 100%;
        margin-bottom: 1em;
    }

    .js_off .main_nav ul li {
        float: left;
        margin: 0 1em 0 0;
    }

    .js_off .secondary_nav {
        width: 100%;
        margin-top: 1.2em;
    }

    .js_off .secondary_nav ul {
        display: block;
        padding-bottom: 2em;
    }

    .header_open {
        background-color: #ECECEC;
        z-index: 5;
    }

    body:not(.homepage) main {
        font-size: 1.25rem;
    }

    .foodbook_logo {
        width: 160px;
        height: 66px;
        background-size: 160px auto;
    }

    .main_size,
    main:not(.full_width),
    .top_nav_group {
        width: 100%;
        background: transparent;
        opacity: 0.8;
    }

    aside,
    aside:not(.skip_style) {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    aside:not(.skip_style) {
        margin-top: 3rem;
        border-top:
            /*3px solid #959595*/
            2px solid rgba(149, 149, 149, 0.3);
        padding: 1rem 0 2em;
        background-color: transparent;
    }

    .col_width_2 {
        width: 100%;
        margin-right: 0;
    }

    .col_width_1 {
        float: none;
        clear: both;
        width: 100%;
    }

    .nav_toggle {
        display: inline-block;
        float: right;
        width: 40px;
        height: 30px;
        margin-top: 15px;
        background: linear-gradient(#993366 0, #993366 4px, transparent 4px, transparent 10px, #993366 10px, #993366 14px, transparent 14px, transparent 20px, #993366 20px, #993366 24px);
        background-repeat: no-repeat;
        background-size: 40px 24px;
        background-repeat: no-repeat;
        background-size: 40px 24px;
        text-indent: -1000vw;
    }

    .nav_toggle.btn_active {
        background: linear-gradient(45deg, transparent 0, transparent 23px, #993366 23px, #993366 26px, transparent 26px, transparent 40px), linear-gradient(-45deg, transparent 0, transparent 23px, #993366 23px, #993366 26px, transparent 26px, transparent 40px);
    }

    .subnav_toggle {
        float: right;
        width: 40px;
        height: 25px;
        margin-top: -2em;
        margin-right: 4%;
        text-indent: -1000vw;
        background: #555555;
        line-height: 0.5;
    }

    .arrow_down {
        display: block;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #FFF;
    }

    .btn_active .arrow_down {
        border-top: 0;
        border-bottom: 10px solid #FFF;
    }

    .main_nav {
        margin: 0 0 7em;
        padding: 0.5em 0;
    }

    .main_nav ul ul {
        margin: 0;
        padding: 0.2em 1em;
    }

    .main_nav li.active a {
        font-weight: bold;
        color: #339933;
    }

    .sub_nav {
        margin: 0;
        padding: 0.5em 0;
    }

    .main_nav.right {
        float: none;
    }

    .main_nav ul li {
        margin: 0.6em 0;
    }

    .js_on .main_nav ul li a:first-of-type {
        min-width: 9em;
    }

    .mainNavChildToggle {
        float: right;
        margin: 0 0 0 0.5em;
        border: 1px solid #BABABA;
        padding: 0.1em;
        width: 1.7em;
        height: 1em;
        line-height: 1;
        text-align: center;
    }

    .mainNavChildToggle:after {
        content: "+";
    }

    .mainNavChildToggle.btn_active:after {
        content: "-";
    }

    .js_on .secondary_nav {
        position: absolute;
        bottom: 0;
        float: none;
        width: 92%;
        min-height: 5em;
        margin-bottom: 1.5em;
        border-top: 1px solid #BABABA;
        font-size: 1.1rem;
    }

    .js_on .secondary_nav ul {
        width: 100%;
        margin: 0.5em 0 1em;
        padding-right: 0;
    }

    .js_on .secondary_nav li {
        margin-right: 1.5em;
    }

    .page_title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 2.2rem;
        line-height: 1.2;
        background-size: 100% 14px;
    }

    .page_title span.out_wrap {
        max-width: 75%;
        margin: 0;
    }

    main h1 {
        font-size: 2.2rem;
    }

    .news_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner_image,
    .campus_map {
        display: block;
        margin-top: 2rem;
    }

    /*FBK*/
    .news_grid > * {
        width: 46%;
    }

    .news_grid > :nth-child(3n) {
        margin-right: 3%;
    }

    .news_grid > :nth-child(even) {
        margin-right: 0;
    }

    input.gsc-input {
        font-size: 16px !important;
    }

    .secondary_nav > a:first-of-type {
        margin-left: 0;
    }

    .events_featured {
        margin-bottom: 2em;
    }

    .list_links {
        max-width: 25rem;
    }

    .table_wrap {
        overflow-x: auto;
    }

    body:not(.homepage) footer {
        margin-top: 0em;
    }

    aside .purple_textbox {
        padding: 3%;
    }

    aside .greyborder_textbox {
        padding: 3%;
    }

    body .gsib_a {
        padding-bottom: 4px;
    }

    .aside_section {
        margin: 1rem 0 0;
    }

    .grid,
    .full_width .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .full_width .grid.two_cols {
        grid-template-columns: 1fr 1fr;
    }

    /*FBK*/
    .full_width .grid p {
        width: 28%;
        margin-right: 7.7%;
    }

    .full_width .grid p:nth-child(3n) {
        width: 28%;
        margin-right: 0;
    }

    .full_width .grid p:nth-child(4n) {
        margin-right: 7.7%;
    }

    /*body:not(.homepage) main > :first-child,*/
    body:not(.homepage) main > article > :first-child {
        margin-top: 1rem;
    }

    .side_gray_box,
    aside .back_gray_1,
    aside .purple_textbox {
        max-width: 25rem;
        box-sizing: border-box;
    }

    aside .greyborder_textbox {
        max-width: 25rem;
        box-sizing: border-box;
    }

    .arrow_prev,
    .arrow_next {
        top: 35vw;
        width: 3em;
        height: 4em;
    }

    .sharing_buttons {
        clear: both;
    }

    .sharing_buttons span {
        padding-top: 1.5em;
        font-size: 0.8em;
    }

    .sharing_buttons span.larger {
        padding-top: 0;
        font-size: 1.3em;
    }

    .linkCopied {
        float: left;
        margin: 1em 0.3em;
    }

    .page_executive_officer aside figure img {
        max-width: 300px;
    }

    main table {
        font-size: 100%;
    }

}

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

    figcaption,
    .captioned_image {
        font-size: 0.89em;
    }

    .related_links {
        float: none;
        margin-top: 1em;
    }

    .sharing_buttons {
        margin-bottom: 2rem;
    }

}

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

    .info_list > div {
        grid-template-columns: 2fr 3fr;
    }

    .info_list div p:first-of-type {
        max-width: 100%;
    }

    .large_labels label {
        margin-right: 0;
    }

    .tabs {
        font-size: 0.9em;
    }

    .large_labels input[type="text"],
    .large_labels input[type="password"],
    .large_labels input[type="tel"],
    .large_labels input[type="email"],
    .large_labels textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .quote {
        font-size: 0.95em;
    }

    .quote img {
        width: 30%;
        margin-bottom: 3em;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .grid.two_cols {
        grid-template-columns: 1fr;
    }

    .full_width .grid.three_cols {
        grid-template-columns: 1fr 1fr;
    }

}

@media only screen and (min-width: 680px) {

    .sharing_buttons .sharing_whatsapp {
        display: none;
    }

}

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

    header .out_wrap {
        padding: 1.5em 4% 1.8em;
    }

    header.header_open .out_wrap {
        padding-bottom: 0.5em;
    }

    .sub_nav {
        float: none;
        text-align: left;
    }

    .news_grid {
        grid-template-columns: 1fr;
    }

    .list_2_col {
        grid-template-columns: 1fr;
        grid-gap: 1em;
    }

    .arrow_top {
        bottom: 30px;
        right: 30px;
    }

    /*FBK*/
    .news_grid > * {
        width: 100%;
        box-sizing: border-box;
    }

    .news_grid > :nth-child(3n),
    .news_grid > :nth-child(even) {
        margin-right: 0;
    }

    main table,
    .alphabet {
        font-size: 0.8em;
    }

    .grid,
    .full_width .grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
    }

    /*FBK*/
    .grid p,
    .grid p:nth-child(3n),
    .full_width .grid p,
    .full_width .grid p:nth-child(3n) {
        width: 46%;
        margin-right: 6.6%;
    }

    .grid p:nth-child(2n),
    .full_width .grid p:nth-child(2n),
    .full_width .grid p:nth-child(4n) {
        margin-right: 0;
    }

    main th,
    main td {
        padding: 0.2em 0.4em;
    }

    .js_on .sub_nav li,
    .js_on .sub_nav li:first-of-type {
        display: block;
        margin: 0.8em 0;
        border: 0;
        padding: 0;
    }

}

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

    .info_list > div {
        grid-template-columns: 1fr;
    }

    .info_list div div {
        padding: 0 4%;
    }

    .info_list > div > p:first-of-type {
        max-width: 91%;
        margin: 0 auto;
    }

    .info_list img {
        margin-bottom: 0.3em;
    }

    .full_width .grid.three_cols,
    .full_width .grid.two_cols {
        grid-template-columns: 1fr;
    }

}

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

    .footer_links {
        margin-top: 0.8em;
    }

    .footer_sm span {
        display: block;
        margin-bottom: 0.5em;
    }

    .footer_links li {
        margin-bottom: 0.5em;
    }

    .pad_36 {
        padding: 8%;
    }

    .news_grid {
        grid-gap: 2em;
    }

    .news_grid span {
        padding: 0.6em;
        font-size: 0.85em;
    }

    form:not(.large_labels) label {
        display: grid;
        grid-template-columns: 1fr 2fr;
        margin: 0;
    }

    label span {
        min-width: 0;
    }

    .forgot {
        display: inline-block;
        margin: 1.5rem 0 1.5rem;
        font-size: 0.8em;
    }

    form fieldset input[type="radio"] + label,
    form fieldset input[type="checkbox"] + label {
        display: inline;
        margin: 0 1em 1em 0;
    }

    .page_login form,
    .page_feedback form {
        margin: 3rem 0;
    }

    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="email"] {
        width: 100%;
        box-sizing: border-box;
    }

    .arrow_prev,
    .arrow_next {
        width: 2.5em;
        height: 3.5em;
    }

    .related_links li:first-of-type,
    .related_links li {
        display: block;
        margin: 0 0 0.5em;
        border: 0;
        padding: 0;
    }

    .info_list > div {
        margin-bottom: 5rem;
    }

    #___gcse_0 .gsc-input {
        padding-right: 0;
    }

    .quote {
        font-size: 0.85em;
        margin: 2.5rem 0;
    }

    .quote img {
        border-right: 0 none;
        padding-right: 1%;
    }


}

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

    .grid,
    .grid2,
    .full_width .grid {
        grid-template-columns: 1fr;
        padding: 0 5%;
    }

    /*FBK*/
    .grid p {
        width: 100%;
        margin-right: 6.6%;
    }

}

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

    #gsc-i-id1 {
        width: 60vw !important;
    }

}

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

    label,
    form:not(.large_labels) label {
        display: block;
    }

}

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

    #gsc-i-id1 {
        width: 57vw !important;
    }

    .footer_sm > * {
        margin-right: 0.3rem;
    }

    .footer_sm img {
        height: 20px;
        width: 25px;
    }

}