@charset "UTF-8";
/* Theme Name: Portland Patisserie Theme URI: http://www.ver0.com Author: versionZero Author URI: http://ver0.com/ Description: Child Theme using Boilerplate for HTML5  Template: wp-theme-html5-boilerplate-master */
@import url("reset.css");
@import url("fonts/fonts.css");
@import url(//fonts.googleapis.com/css?family=Oswald:300,400);
body { font-family: "Oswald", sans-serif; font-size: 17px; background: #ffffff; font-weight: 400; }

a { color: #dca14c; text-decoration: none; outline: none; }

a:hover, .sidebar .current_page_item a { color: #000000; }

a:visited, a:focus { outline: none; border: none; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "hwt-van-lanen", sans-serif; font-weight: normal; margin: 0 0 0.5em 0; font-size: 1.375em; text-transform: uppercase; }

.content-title { font-family: "Oswald", sans-serif; font-size: 2em; color: #1d4869; font-weight: 400; display: inline-block; }

.content-title .first-word { display: inline-block; padding-bottom: .1em; padding-right: .2em; color: #000000; float: left; font-size: 1.75em; border-bottom: 0; }

.content-title .title-sub { border-bottom: 3px solid #1d4869; }

.bg-image .content-title { color: #dca14c; }

.bg-image .content-title .first-word { color: #ffffff; }

.bg-image .content-title .title-sub { border-bottom: 3px solid #dca14c; }

ul.bullet li { padding: 0 0 1em 0; }

p { margin: 0 0 1em 0; line-height: 1.9em; }

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

.center { text-align: center; }

.content-container { position: relative; padding-bottom: 72.9%; padding-top: 35px; height: 0; overflow: hidden; }

.content-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.circle-image { border-radius: 50%; overflow: hidden; width: 100%; height: auto; }

.circle-image img { display: block; /* Stretch  height: 100%; width: 100%; */ }

.left { float: left; }

.right { float: right; }

.padding { padding: 0 1em; }

.margin-bottom { margin-bottom: 1em; }

.block { display: block; }

/*~~~~~~~~~~~~~~~~ Grid ~~~~~~~~~~~~~~*/
/*  SECTIONS  */
.grid-section { clear: both; padding: 0px; margin: 0px; }

/*  COLUMN SETUP  */
.col { display: block; float: left; margin: 1% 0 1% 2%; }

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 { width: 100%; }

.span_11_of_12 { width: 91.5%; }

.span_10_of_12 { width: 83%; }

.span_9_of_12 { width: 74.5%; }

.span_8_of_12 { width: 66%; }

.span_7_of_12 { width: 57.5%; }

.span_6_of_12 { width: 49%; }

.span_5_of_12 { width: 40.5%; }

.span_4_of_12 { width: 32%; }

.span_3_of_12 { width: 23.5%; }

.span_2_of_12 { width: 15%; }

.span_1_of_12 { width: 6.5%; }

.margin-bottom { margin-bottom: 1em; }

/*~~~~~~~~~~~~ Header ~~~~~~~~~~~*/
header[role="banner"] { padding: 3.2em 2em 2em 2em; background: #1d4869; color: #ffffff; }

header[role="banner"] .email { display: none; }

#access { position: absolute; bottom: 0; left: 0; right: 0; background: #1d4869; }

#access.fixed-top { position: fixed; top: 0; bottom: auto; z-index: 1000; }

/*Logo if supports svg with fallback*/
.logo-wrapper { margin: 0 auto; }

.logo { display: block; margin: 3em auto 0 auto; width: 350px; height: 420px; background: url(images/portland-patisserie.png) no-repeat; text-indent: -9999em; }

.svg .logo { background: url(images/portland-patisserie.svg) no-repeat; }

/*~~~~~~~ Top bar ~~~~~~~~~*/
.top-bar { text-align: center; list-style: none; margin: 0; padding: 3em 0 0 0; }

.top-bar a, .top-bar .label { color: #a0c7e5; }

.top-bar .contact-info { font-size: 1.5em; }

.top-bar a:hover { color: #dca14c; }

.top-bar .button { border-color: #a0c7e5; }

.top-bar .button:hover { color: #ffffff; background: #1d4869; border-color: #fff; }

.top-bar .button input { background: none; border: none; color: #a0c7e5; }

.top-bar .button input:hover { color: #ffffff; }

.top-bar .button select { display: block; margin: 0 auto; }

.top-bar .textwidget { padding-bottom: 3em; }

.top-bar address { font-style: normal; }

.top-bar ul { padding: 0; margin: 0; }

.top-bar li { list-style: none; }

/* Header Navigation =========*/
nav#access { float: right; }

#mobile-main-menu { float: right; font-size: 3em; }

.menu-header .menu { margin: 0 3.25em 0 0; padding: 0px; position: relative; text-align: center; }

.menu-header .menu li { display: inline; padding: 0px; }

.menu-header .menu li a { color: #ffffff; font-family: "hwt-van-lanen", sans-serif; text-decoration: none; display: inline-block; padding: 0.75em 0.5em; font-size: 1.1em; line-height: 1.75em; position: relative; }

.menu-header .menu li.current-menu-item > a, .menu-header .menu li.current-menu-parent > a, .menu-header .menu li.current-menu-ancestor > a, .menu-header .menu li a:hover, .menu-header .menu > li:hover > a { color: #dca14c; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.fixed-width { max-width: 1000px; margin: 0 auto; padding: 0 1em; }

.wide-fixed-width { max-width: 1147px; margin: 0 auto; padding: 0 1em; }

.narrow-fixed-width { max-width: 726px; margin: 0 auto; padding: 0 1em; }

.fixed-width .solid-background { padding: 2em 15%; }

.full-bg { background-repeat: no-repeat; background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.js .single-bg { opacity: 0; }

.single-bg { min-height: 770px; position: relative; }

.single-page-section { padding: 5em 2em; overflow: hidden; }

.single-page-section#contact-us, .single-page-section#gallery { padding: 0; }

.single-page-section#contact-us .col { margin-bottom: 0; }

.bg-image { color: #ffffff; }

.bg-image a:hover { color: #ffffff; }

.bg-image a:hover .fa-inverse { color: #dca14c; }

.button-list { list-style: none; padding: 0; margin: 0 0 2em 0; }

.button-list li { display: inline; padding: 1em 1em 1em 0; }

.button-list li .fa-lg { font-size: 2em; }

.border-box { padding: 1em; border: 1px solid #000; }

.purchase-button { background: #1d4869; border: none; color: #ffffff; padding: 0.5em 0.75em; text-transform: uppercase; }

.purchase-button:hover { background: #dca14c; }

.grid-item { text-align: center; }

.grid-item h3 { font-size: 1.25em; padding: 3em 0.25em; display: block; min-height: 3.9em; background: #f0dbbc; border: 2px solid #1d4869; }

.grid-item h3 .sub-head { font-family: "Oswald", sans-serif; font-size: .8em; display: block; padding-top: .75em; }

.grid-item a { color: #000000; }

.grid-item a:hover { color: #1d4869; }

/*~~~~~~~~ General content ~~~~~~~~*/
.single-bg, .full-gallery-wrapper { border-bottom: 3px solid #ffffff; }

.button { display: inline-block; font-family: "Oswald", sans-serif; text-align: center; padding: 0.5em 1.5em; text-decoration: none; font-size: 1em; color: #000000; text-transform: uppercase; background: transparent; border: 1px solid #000000; }

.button input { background: none; border: none; color: #1d4869; }

.button input:hover { color: #ffffff; }

.button select { display: block; margin: 0 auto; }

.load-more { margin: 0 0 0 30%; }

.button-lg { font-size: 1.5em; }

.button:hover { color: #ffffff; background: #dca14c; border-color: #dca14c; }

.large { font-size: 1.5em; }

.link-list { margin: 1em 0; padding: 0; list-style: none; }

.link-list li { margin-bottom: .75em; }

.link-list li a { text-decoration: none; }

.link-list a em { color: #888888; }

.list-column-2 { margin: 0; padding: 0; list-style: none; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }

.list-column-2 li { margin: 0 0 0.25em 0; }

.content-break { border-top: 1px solid #cccccc; margin-top: 1em; padding-top: 1em; }

blockquote { margin: 0; padding: 0; font-size: 2em; }

.single-page-section .contact-section { color: #1d4869; }

.single-page-section .contact-section address { font-style: normal; }

.single-page-section .contact-section ul { list-style: none; padding: 1em 0  0 0; }

/*~~~~~~ News and Events ~~~~~~~~~*/
.news-events a { color: #000000; }

.news-events a:hover { color: #ffffff; }

.news-events .content-title { font-size: 1.25em; }

.news-events .content-title .title-sub { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); }

/*~~~~~~~ Button Grid (menus) ~~~~~~~*/
.button-wrapper { margin-top: -11.2em; margin-bottom: -5em; overflow: hidden; }

.button-wrapper .button-item { width: 25%; float: left; padding: 11em 0em 9em 0; text-align: center; position: relative; }

.button-wrapper .image-button { font-family: "Oswald", sans-serif; text-transform: uppercase; color: #1d4869; border: 2px solid #1d4869; padding: 0.25em 0.75em; }

.button-wrapper .image-button:hover { color: #ffffff; border-color: #ffffff; }

.button-wrapper h3 { position: relative; z-index: 2; }

.button-wrapper .background-image { opacity: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; background-size: cover; background-repeat: no-repeat; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

.button-wrapper .button-item:hover .background-image { opacity: 1; }

.button-wrapper .button-item:hover a { color: #ffffff; border-color: #ffffff; }

.disclaimer { max-width: 500px; font-size: .8em; }

/*~~~~~~~~~~~ Popup Content ~~~~~~~~~~~~*/
.popup-content { padding: 2em; display: none; color: #ffffff; background-color: rgba(29, 72, 105, 0.9); border: 1px solid #646d75; /* Set your own width: percents, ems, whatever! */ overflow: auto; /* Recommended in case content is larger than the container */ margin: auto; /* Center the item vertically & horizontally */ position: fixed; /* Break it out of the regular flow */ top: 0; left: 0px; right: 0px; z-index: 1040; bottom: 0%; overflow: auto; }

.popup-content #ajax-content { width: 95%; margin: 3em auto; }

.popup-content .fixed-width { max-width: 600px; }

.popup-content h2 { color: #ffffff; }

.popup-content h2.content-title { text-align: center; display: block; }

.popup-content .gform_wrapper .gfield_required { color: #ffffff; }

.popup-content .gform_wrapper .top_label .gfield_label { margin: 1.5em 0 0 0; }

.popup-content .button { background: #ffffff; color: #1d4869; border-color: #a0c7e5; }

.popup-content .button:hover { color: #ffffff; background: #1d4869; border-color: #fff; }

.popup-content .button input { background: none; border: none; color: #a0c7e5; }

.popup-content .button input:hover { color: #ffffff; }

.popup-content .button select { display: block; margin: 0 auto; }

.large-popup { width: 80%; }

.close-button { position: fixed; top: .5em; right: 1.5em; font-size: 1.5em; color: #ffffff; text-decoration: none; }

.close-button:hover { text-decoration: none; color: #000000; }

.ajax-wait { background: url(images/ajax-loader-dark.gif) no-repeat center; display: block; width: 100%; min-height: 250px; }

#ajax-content .link-list { font-size: .75em; line-height: 1.2em; }

#ajax-content .link-list h5 { margin: 0; padding: 0; }

#ajax-content .link-list li { padding-bottom: 1.25em; }

#ajax-content .link-list a { color: #ffffff; }

#ajax-content .link-list a:hover { color: #0097cd; }

/*~~~~~~~ Food Menu~~~~~~~~~~~~~~~*/
.menu-content h1 { text-align: center; font-size: 2em; }

.menu-content h2 { font-size: 1.5em; color: #dca14c; }

.menu-content h3 { font-family: "Oswald", sans-serif; font-size: 1.2em; text-transform: uppercase; }

/*~~~~ Blog ~~~~~*/
.blog-column .entry-content { margin-bottom: 2em; }

.blog-column h1 { margin-bottom: 0; }

.entry-meta { color: rgba(255, 255, 255, 0.5); padding-bottom: .25em; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
footer[role="contentinfo"] { background: #1d4869; color: #ffffff; text-align: center; padding: 1em 2em; margin: 0; clear: both; }

footer[role="contentinfo"] h3 { font-family: "Oswald", sans-serif; font-size: .8em; padding: 0; margin: 0 0 2em 0; }

footer[role="contentinfo"] .col { padding: 0; }

footer[role="contentinfo"] ul { list-style: none; }

footer[role="contentinfo"] address { font-style: normal; }

.copy { font-size: .75em; padding: 0 0 1em 0; margin: 0; }

.inline-list { margin: 0; padding: 0; list-style: none; }

.inline-list li { display: inline; }

.social-list { font-size: 2.5em; }

.social-list li { padding: 0 0.1em; }

.social-list li a { position: relative; width: 1em; display: inline-block; }

.social-list span { display: none; position: absolute; bottom: -.75em; text-align: center; font-size: 10px; left: 0; right: 0; }

.social-list a:hover span { display: block; }

.logo-list { margin: 0; padding: 0; }

.logo-list li { float: left; margin: 0 1%; width: 30%; text-align: center; border-left: 1px solid #ffffff; }

.logo-list li:first-child { border: none; }

/*~~~~~~~~~~~~~~~~ Slick Carousel / Slideshow ~~~~~~~~~~~~~~~*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #fff url("images/ajax-loader.gif") center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 1em; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 40%; padding: 0; border: none; outline: none; z-index: 1039; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0; }

.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; display: block; font-size: 50px; line-height: 1em; color: #ffffff; opacity: 1; }

.slick-prev { left: 10px; }

[dir="rtl"] .slick-prev { left: auto; right: 10px; }

.slick-prev:before { content: "\f104"; }

[dir="rtl"] .slick-prev:before { content: "\f104"; }

.slick-next { right: 10px; }

[dir="rtl"] .slick-next { left: 10px; right: auto; }

.slick-next:before { content: "\f105"; }

[dir="rtl"] .slick-next:before { content: "\f105"; }

/* Dots */
.slick-slider { margin-bottom: 0px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #ffffff; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #cccccc; }

.mfp-preloader a:hover { color: white; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #000000; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #000000; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }

.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #000000; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/*~~~~~~~~~~ About Section ~~~~~~~~~*/
.about-section { position: relative; background-repeat: no-repeat; background-size: cover; }

.about-section .fp-tableCell { vertical-align: bottom; }

.news-wrapper { clear: both; background: #50575e; padding: 0 2em; }

.carousel .slick-slide { text-align: center; }

.carousel .slick-slide img { max-width: 75%; }

.carousel .slick-list { margin: 0 auto; padding: 0; width: 90%; }

.carousel .slick-prev::before, .carousel .slick-next::before { font-size: 30px; }

.carousel .slick-prev, .carousel .slick-next { opacity: .5; }

/*~~~~~~~ overlay ~~~~~~*/
.overlay-wrapper { position: relative; }

.overlay { position: absolute; display: none; left: 0; right: 0; bottom: 0; top: 0; padding: 1em; text-align: center; background-color: #50575e; background: rgba(80, 87, 94, 0.6); color: #ffffff; }

.overlay h4 { padding-top: 30%; }

.portfolio-section .overlay h4 { padding-top: 45%; }

.position { font-style: italic; }

.overlay-wrapper:hover .overlay { display: block; }

/*! SlickNav Responsive Mobile Menu v1.0.3 (c) 2015 Josh Cope licensed under MIT */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }

.slicknav_menu { *zoom: 1; }

.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }

.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text { margin: 0; }

.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_menu:before { content: " "; display: table; }

.slicknav_menu:after { content: " "; display: table; clear: both; }

.slicknav_nav { clear: both; }

.slicknav_nav ul { display: block; }

.slicknav_nav li { display: block; }

.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item { cursor: pointer; }

.slicknav_nav .slicknav_item a { display: inline; }

.slicknav_nav .slicknav_row { display: block; }

.slicknav_nav a { display: block; }

.slicknav_nav .slicknav_parent-link a { display: inline; }

.slicknav_brand { float: left; }

.slicknav_menu { font-size: 16px; box-sizing: border-box; background: #122d41; padding: 5px; }

.slicknav_menu * { box-sizing: border-box; }

.slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; }

.slicknav_menu .slicknav_icon-bar { background-color: #fff; }

.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #1d4869; }

.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; }

.slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }

.slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; }

.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; }

.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }

.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #a0c7e5; color: #222; }

.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }

.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }

.slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

@media only screen and (max-width: 827px) { .button-wrapper { margin: 0; }
  .button-wrapper .button-item { padding: 2em 0; width: 50%; } }

@media only screen and (max-width: 774px) { footer[role="contentinfo"] .span_4_of_12 { width: 100%; margin-left: 0; }
  #news-and-events .col { width: 100%; margin-left: 0; } }

@media only screen and (max-width: 1050px) { .menu-content .section, .menu-content .group { clear: none; }
  .menu-content .col { width: 44%; margin: 0 3%; } }

@media only screen and (max-width: 960px) { #access { display: none; }
  .slicknav_menu { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }
  .logo, .svg .logo { margin-top: 3em; } }

@media only screen and (min-width: 961px) { nav#access { display: block; }
  .slicknav_menu { display: none; } }

@media only screen and (max-width: 900px) { .popup-content #ajax-content { width: 95%; } }

@media only screen and (max-height: 950px) { nav#access { position: relative; float: none; } }

@media only screen and (max-width: 580px) { .span_12_of_12 { width: 100%; }
  .span_11_of_12 { width: 100%; }
  .span_10_of_12 { width: 100%; }
  .span_9_of_12 { width: 100%; }
  .span_8_of_12 { width: 100%; }
  .span_7_of_12 { width: 100%; }
  .span_6_of_12 { width: 100%; }
  .span_5_of_12 { width: 100%; }
  .span_4_of_12 { width: 100%; }
  .span_3_of_12 { width: 100%; }
  .span_2_of_12 { width: 100%; }
  .span_1_of_12 { width: 100%; }
  .menu-content .section, .menu-content .group { clear: none; }
  .menu-content .col { width: 100%; margin: 0; }
  .logo, .svg .logo { margin-top: 3em; height: 320px; width: 80%; background-size: contain; background-position: center center; }
  .grid-item { width: 48%; margin: 0 1%; float: left; }
  .single-page-section { padding: 2em 0.5em; }
  .single-page-section .fixed-width { padding: 0; }
  .button-wrapper .button-item { padding: 1em 0; width: 100%; }
  .popup-content { padding: 1em 2.2em 1em 1em; }
  .popup-content #ajax-content { width: 100%; }
  .logo-list li { float: none; margin: 0 0 1em 0; width: 100%; text-align: center; border: none; } }