/*
Theme Name: UTEC 2020
Description: FoundationPress Child Theme
Version: 0.1
Author: Scott Poulin for CTP Boston
Template: cosmic_foundation
*/
a { transition: color .3s; }

.flex-control-nav { z-index: 20 !important; }

#footer { background: #333; padding: 3rem .9375rem 1rem; }

#footer, #footer a, #footer p, #footer p a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-family: "Book Condensed", Helvetica, Arial, Geneva, sans-serif; }

#footer a, #footer p, #footer p a { text-transform: none; font-size: 1rem; }

#footer a:hover { color: #f48221; }

#footer #footer-social-links { text-align: center; }

#footer h5 { color: #f48221; font-size: 1.5rem; }

#footer > hr { margin-top: 2rem; }

#footer > .wp-block-columns > .wp-block-column:nth-child(2) { flex-basis: 27rem !important; }

#footer > .wp-block-columns > .wp-block-column:last-child, #footer > .wp-block-columns > .wp-block-column:last-child * { text-align: right; }

#footer > .wp-block-columns > .wp-block-column:last-child figure { display: inline-block; }

header.top-header { position: fixed; top: 0; left: 0; width: 100%; padding: 0; background: white; z-index: 100; }

header.top-header a[href="#close"], header.top-header a[href="#mobile-menu"] { text-indent: 1000%; line-height: 5; overflow: hidden; white-space: nowrap; width: 30px; height: 30px; }

header.top-header a[href="#close"]:before, header.top-header a[href="#close"]:after, header.top-header a[href="#close"] span, header.top-header a[href="#mobile-menu"]:before, header.top-header a[href="#mobile-menu"]:after, header.top-header a[href="#mobile-menu"] span { left: 0; width: 100%; position: absolute; border-radius: 10px; transition: all .3s; transform-origin: center; }

header.top-header a[href="#close"]:before, header.top-header a[href="#close"]:after, header.top-header a[href="#mobile-menu"]:before, header.top-header a[href="#mobile-menu"]:after { content: ""; }

header.top-header a[href="#close"] { position: absolute; padding: 0 !important; }

header.top-header a[href="#close"]:before, header.top-header a[href="#close"]:after { height: 2px; top: 15px; }

header.top-header a[href="#close"]:before { transform: rotate(45deg); }

header.top-header a[href="#close"]:after { transform: rotate(135deg); }

header.top-header a[href="#mobile-menu"] { position: relative; z-index: 60; }

header.top-header a[href="#mobile-menu"]:before, header.top-header a[href="#mobile-menu"]:after, header.top-header a[href="#mobile-menu"] span { height: 3px; background: #f48221; }

header.top-header a[href="#mobile-menu"]:before { top: 4px; }

header.top-header a[href="#mobile-menu"]:after { bottom: 4px; }

header.top-header a[href="#mobile-menu"] span { opacity: 1; top: 50%; margin-top: -1.5px; }

header.top-header .alert-bar { position: relative; width: 100%; background: #f48221; color: white; padding: .5rem 2rem .5rem .9375rem; }

header.top-header .alert-bar a[href="#close"] { right: .5rem; top: 50%; transform: translateY(-50%) scale(0.6); }

header.top-header .alert-bar a[href="#close"]:before, header.top-header .alert-bar a[href="#close"]:after { background: white; }

header.top-header .alert-bar .alert-bar-content, header.top-header .alert-bar .alert-bar-content * { text-align: center; }

header.top-header .alert-bar .alert-bar-content a { display: inline-block; white-space: nowrap; color: white; padding: .25rem .75rem; border: 1px solid white; border-radius: 4px; }

header.top-header .alert-bar .alert-bar-content p { margin: 0; }

header.top-header .header-content { padding: .9375rem; display: flex; align-items: center; justify-content: space-between; background: white; }

header.top-header nav { position: absolute; top: 100%; height: 0; transition: height .5s; overflow: hidden; left: 0; right: 0; width: auto; background: #f0f0f0; font-size: 1.1rem; }

header.top-header nav a { display: block; color: black; padding: .5rem 1rem; border-bottom: 1px solid black; transition: color .3s; }

header.top-header nav .donate { background: #333; text-align: center; padding: .5rem; }

header.top-header nav .donate a { font: bold 1.8rem "Book Condensed", Helvetica, Arial, Geneva, sans-serif; text-transform: uppercase; padding: 0 1.5rem; height: 3.75rem; background: #f48221; border: 2px solid #D26400; border-radius: 3px; color: white; white-space: nowrap; position: relative; display: flex; align-items: center; margin: auto; max-width: 14rem; }

header.top-header nav .donate a, header.top-header nav .donate a:before { transition: all .5s; }

header.top-header nav .donate a:before { content: ""; background: white; position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; opacity: 0; }

header.top-header nav .donate a:hover { color: #D26400; }

header.top-header nav .donate a:hover:before { left: 0; right: 0; top: 0; bottom: 0; opacity: 1; }

header.top-header nav .donate a span { position: relative; margin: auto; }

header.top-header nav .menus > ul { margin: 0; }

header.top-header nav .menus > ul > li > a { font-weight: bold; padding: .8rem 1rem; }

header.top-header nav .menus > ul > li.menu-item-has-children > a { position: relative; overflow: hidden; }

header.top-header nav .menus > ul > li.menu-item-has-children > a:before, header.top-header nav .menus > ul > li.menu-item-has-children > a:after { content: ""; display: block; position: absolute; }

header.top-header nav .menus > ul > li.menu-item-has-children > a:before { width: 50%; height: 100%; top: 0; left: -155%; transition: left .8s; background: #f48221; }

header.top-header nav .menus > ul > li.menu-item-has-children > a:after { width: 7px; height: 7px; border-left: 2px solid black; border-bottom: 2px solid black; transition: all .3s; right: 1rem; top: 50%; transform: translateY(-5px) rotate(315deg); }

header.top-header nav .menus > ul > li.menu-item-has-children.open { border-bottom: 1px solid black; }

header.top-header nav .menus > ul > li.menu-item-has-children.open > a:before { left: 105%; }

header.top-header nav .menus > ul > li.menu-item-has-children.open > a:after { transform: translateY(-1px) rotate(135deg); }

header.top-header nav .site-search { display: none; }

header.top-header nav .sub-menu { display: none; }

header.top-header nav .sub-menu li:last-child a { border: none; }

header.top-header nav ul { font-size: 1rem; }

header.top-header.open a[href="#mobile-menu"]:before { transform: translateY(9px) rotate(45deg); }

header.top-header.open a[href="#mobile-menu"]:after { transform: translateY(-9.5px) rotate(135deg); }

header.top-header.open a[href="#mobile-menu"] span { opacity: 0; }

header.top-header.open nav { height: calc( 100vh - 70px); overflow: auto; }

header.top-header .site-search { margin: 0 1.5rem; flex-grow: 1; position: relative; }

header.top-header .site-search a[href="#close"] { display: none; right: -5px; top: 5px; transform: scale(0.7); }

header.top-header .site-search a[href="#close"]:before, header.top-header .site-search a[href="#close"]:after { background: #f48221; }

header.top-header .site-search button[type="submit"] { text-indent: 1000%; border: none; background: none; padding: 0; margin: 0; overflow: hidden; position: absolute; right: 0; top: 6px; }

header.top-header .site-search button[type="submit"], header.top-header .site-search button[type="submit"]:before, header.top-header .site-search button[type="submit"]:after { width: 26px; height: 26px; }

header.top-header .site-search button[type="submit"]:before, header.top-header .site-search button[type="submit"]:after { content: ""; transition: opacity .5s; position: absolute; left: 0; top: 0; background-size: contain; }

header.top-header .site-search button[type="submit"]:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2Utd2lkdGg9IjMuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTYiIGN5PSIxMiIgcj0iOSIvPiA8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4ODg4ODgiIHN0cm9rZS13aWR0aD0iMy41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjIxIiB5MT0iMjAiIHgyPSIyOSIgeTI9IjMzIi8+IDwvc3ZnPg=="); }

header.top-header .site-search button[type="submit"]:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjQ4MjIxIiBzdHJva2Utd2lkdGg9IjMuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjAiIGN5PSIxMiIgcj0iOSIvPiA8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGNDgyMjEiIHN0cm9rZS13aWR0aD0iMy41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjciIHkxPSIzMyIgeDI9IjE1IiB5Mj0iMjAiLz4gPC9zdmc+"); opacity: 0; }

header.top-header .site-search button[type="submit"]:active, header.top-header .site-search button[type="submit"]:focus { outline: none; }

header.top-header .site-search fieldset { position: relative; border: none; padding: 0; margin: 0; width: 28px; height: 38px; overflow: hidden; transition: width .5s, margin .5s; float: right; }

header.top-header .site-search input[name="s"] { display: none; border: none; box-shadow: none; border-bottom: 1px solid #f48221; padding: 0; }

header.top-header .site-search ::-webkit-input-placeholder { color: #888; }

header.top-header .site-search :-moz-placeholder { color: #888; }

header.top-header .site-search ::-moz-placeholder { color: #888; }

header.top-header .site-search :-ms-input-placeholder { color: #888; }

header.top-header .site-search.open a[href="#close"] { display: block; }

header.top-header .site-search.open button[type="submit"] { right: 25px; }

header.top-header .site-search.open button[type="submit"]:before { opacity: 0; }

header.top-header .site-search.open button[type="submit"]:after { opacity: 1; }

header.top-header .site-search.open fieldset { width: 100%; }

header.top-header .site-search.open input[name="s"] { display: block; padding: .5rem 60px .5rem .5rem; }

header.top-header .top-logo { margin-top: -4px; }

header.top-header .top-logo, header.top-header .top-logo a { width: 90px; height: 55px; }

#main-wrapper-div { padding-top: 70px; }

#mobile-nav-button-wrapper { display: none; }

.social { padding: 0; text-align: center; }

.social a { display: inline-block; margin-left: 12px; margin-right: 12px; opacity: 1; position: relative; overflow: hidden; text-indent: 1000%; white-space: nowrap; line-height: 5; }

.social a, .social a:before, .social a:after { width: 26px; height: 26px; }

.social a:before, .social a:after { content: ""; background: url(images/Social-Icons.svg) no-repeat left top; background-size: 156px; transition: opacity .3s; display: block; position: absolute; left: 0; top: 0; }

.social a:after { opacity: 0; }

.social a:hover:before { opacity: 0; }

.social a:hover:after { opacity: 1; }

.social a[href*="facebook.com"]:after { background-position: left bottom; }

.social a[href*="instagram.com"]:before { background-position: 20% top; }

.social a[href*="instagram.com"]:after { background-position: 20% bottom; }

.social a[href*="linkedin.com"]:before { background-position: 40% top; }

.social a[href*="linkedin.com"]:after { background-position: 40% bottom; }

.social a[href*="twitter.com"]:before { background-position: 60% top; }

.social a[href*="twitter.com"]:after { background-position: 60% bottom; }

.social a[href*="youtube.com"]:before { background-position: 80% top; }

.social a[href*="youtube.com"]:after { background-position: 80% bottom; }

.social a[href*="mailto:"]:before, .social a[href*="/contact-us/"]:before { background-position: right top; }

.social a[href*="mailto:"]:after, .social a[href*="/contact-us/"]:after { background-position: right bottom; }

.social li { list-style: none; display: inline; }

@media (max-width: 999px) { #footer p a { padding: 0; }
  #footer > .wp-block-columns { flex-wrap: wrap; }
  #footer > .wp-block-columns > .wp-block-column { flex-basis: 100% !important; margin-left: 0; margin-right: 0; }
  #footer > .wp-block-columns > .wp-block-column:first-child { display: flex; justify-content: space-between; }
  #footer > .wp-block-columns > .wp-block-column:nth-child(2) { flex-basis: 100% !important; }
  #footer > .wp-block-columns > .wp-block-column:nth-child(2) p { text-align: left; }
  #footer > .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-columns { flex-wrap: nowrap; justify-content: space-between; }
  #footer > .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-columns .wp-block-column { flex-basis: inherit !important; flex-grow: inherit !important; }
  #footer > .wp-block-columns > .wp-block-column:last-child, #footer > .wp-block-columns > .wp-block-column:last-child * { text-align: center; }
  .hide-mobile { display: none !important; } }

@media (min-width: 1000px) { header.top-header .alert-bar { padding-right: .9375rem; }
  header.top-header .alert-bar a[href="#close"] { transform: translateY(-50%) scale(0.8); }
  .hide-desktop { display: none !important; } }

@media (min-width: 1200px) { header.top-header a[href="#mobile-menu"] { display: none; }
  header.top-header .header-content { transition: padding .3s; padding: 3.25rem .9375rem 1.25rem; }
  header.top-header .header-content > .site-search { display: none; }
  header.top-header nav { position: relative; top: 0; height: auto; transition: none; overflow: visible; left: 0; right: 0; width: auto; background: none; font-size: 1.1rem; display: flex; align-items: center; flex-direction: row-reverse; }
  header.top-header nav a { padding: .5rem; border-bottom: none; }
  header.top-header nav .donate { background: none; padding: 0; flex-basis: 10%; margin-left: .75rem; }
  header.top-header nav .menus { flex-basis: 90%; display: flex; flex-wrap: wrap-reverse; }
  header.top-header nav .menus > ul { flex-basis: 100%; text-align: right; }
  header.top-header nav .menus > ul > li { display: inline-block; vertical-align: top; position: relative; }
  header.top-header nav .menus > ul > li > a { padding: .5rem; font-family: "Book Condensed", Helvetica, Arial, Geneva, sans-serif; }
  header.top-header nav .menus > ul > li.menu-item-has-children > a:before { display: none; }
  header.top-header nav .menus > ul.main { font-size: 1.2rem; }
  header.top-header nav .menus > ul.main a:hover { color: #f48221; }
  header.top-header nav .menus > ul.main > li:hover > a:after { left: calc( 50% - 30px); right: calc( 50% - 30px); }
  header.top-header nav .menus > ul.main > li:hover .sub-menu { border-bottom: 2px solid #f48221; }
  header.top-header nav .menus > ul.main > li:hover .sub-menu > li { height: 2.5rem; }
  header.top-header nav .menus > ul.main > li > a { padding-top: .2rem; }
  header.top-header nav .menus > ul.main > li > a:after { content: ""; position: absolute; width: auto; height: 2px; border: none; background: #f48221; right: 50%; top: calc( 100% - .6rem); left: 50%; transform: none; transition: all .3s; }
  header.top-header nav .menus > ul.utility a { color: #888; padding: .2rem .8rem; }
  header.top-header nav .menus > ul.utility a:hover { color: black; }
  header.top-header nav .site-search { display: block; }
  header.top-header nav .sub-menu { position: absolute; display: block; background: white; font-size: .9rem; text-align: left; margin: 0; left: -1rem; }
  header.top-header nav .sub-menu a { white-space: nowrap; padding-left: 1.25rem; padding-right: 1.25rem; min-width: 13rem; }
  header.top-header nav .sub-menu > li { border: none; height: 0; transition: height .3s; overflow: hidden; }
  header.top-header nav .sub-menu > li:last-child { margin-bottom: .75rem; }
  header.top-header.scrolling .header-content { padding-top: .75rem; padding-bottom: .75rem; }
  header.top-header.scrolling .top-logo { width: 122px; height: 59px; margin-top: -5px; overflow: hidden; }
  header.top-header.scrolling .top-logo a { width: 106px; height: 66px; }
  header.top-header .site-search { margin: 2px 8px 0 .8rem; width: 65px; background: white; }
  header.top-header .site-search a[href="#close"] { top: 1px; transform: scale(0.6); }
  header.top-header .site-search button[type="submit"] { top: 6px; }
  header.top-header .site-search button[type="submit"], header.top-header .site-search button[type="submit"]:before, header.top-header .site-search button[type="submit"]:after { width: 20px; height: 20px; }
  header.top-header .site-search fieldset { width: 65px; height: 32px; }
  header.top-header .site-search input[name="s"] { display: block; font-family: "Book Condensed", Helvetica, Arial, Geneva, sans-serif; font-size: 1rem; height: 31px; border-bottom-color: #888; margin-top: -1px; }
  header.top-header .site-search ::-webkit-input-placeholder { font-weight: bold; }
  header.top-header .site-search :-moz-placeholder { font-weight: bold; }
  header.top-header .site-search ::-moz-placeholder { font-weight: bold; }
  header.top-header .site-search :-ms-input-placeholder { font-weight: bold; }
  header.top-header .site-search.open fieldset { width: 280px; }
  header.top-header .site-search.open input[name="s"] { border-bottom-color: #f48221; }
  header.top-header .top-logo { margin-top: -3.5rem; }
  header.top-header .top-logo, header.top-header .top-logo a { width: 188px; height: 116px; transition: all .3s; }
  #main-wrapper-div { padding-top: 150px; } }

@media (min-width: 1300px) { #footer, header.top-header .header-content { padding-left: calc( 50vw - 608px); padding-right: calc( 50vw - 608px); }
  header.top-header nav .menus > ul > li > a { padding: .5rem .8rem; } }

@media (min-width: 1200px) { html.Apple header.top-header nav { align-items: flex-start; }
  html.Apple header.top-header nav .menus > ul.utility a { padding-bottom: 0; }
  html.Apple header.top-header nav .site-search a[href="#close"] { top: -4px; }
  html.Apple header.top-header nav .site-search button[type="submit"] { top: 1px; }
  html.Apple header.top-header nav .site-search input[name="s"] { height: 20px; margin-top: 5px; } }

html.Apple header.top-header nav .donate a span, html.Android header.top-header nav .donate a span { margin-top: 1rem; }
/*# sourceMappingURL=style.css.map */