/*
 Theme Name:   Fife House
 Description:
 Version:      1.0.0
*/

/*******************************************************/
/* General
/*******************************************************/

*, *:before, *:after {-webkitbox-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html,body{}
body{margin:0;color:#231f20;background:#fff;font-family: 'Lato', sans-serif;font-size:16px;line-height:1.6}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a{color:#231f20;}
a img{border:none;}
a:focus{outline:none;}
.clear:after {content: "";display: table;clear: both;}

h1{font-size:2.50em;line-height:1.2;font-weight:normal;margin:00px 0 20px 0;}
h2{font-size:1.75em;line-height:1.2;font-weight:normal;margin:20px 0 10px 0;}
h3{font-size:1.50em;line-height:1.2;font-weight:normal;margin:20px 0 10px 0;}
h4{font-size:1.25em;line-height:1.2;font-weight:normal;margin:20px 0 10px 0;}
h5{font-size:1.00em;line-height:1.2;font-weight:normal;margin:20px 0 10px 0;}

img{max-width:100%;height:auto}
table{margin-bottom:1.5em;}

.floatright{float:right;margin:0 0 10px 15px;}
.floatleft{float:left;margin:0 15px 10px 0;}
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }


.button{display:inline-block;background:#000;color:#fff;padding:7px 25px 9px 25px;text-decoration:none;border-radius:30px;transition:all .10s ease-in;font-size:inherit;font-family:inherit;border:none}
.button:hover{}

.button-blue{background:#034b8f;color:#fff;}
.button-blue:hover{background:#00396f;}

.button-yellow{background:#ffde01;color:#000;}
.button-yellow:hover{background:#ffb401;}

.button-yellow.button-outline{background:none;border:2px solid #ffde01;color:#fff;}
.button-yellow.button-outline:hover{background:#ffde01;color:#000}

.content-container{margin:0 auto;max-width:1100px}

/*******************************************************/
/* Header
/*******************************************************/

.header-wrapper{border-bottom:15px solid #ffde01;background-color:#4c81b0;background-size:cover;background-position:50% 50%;}
body.level2 .header-wrapper{}
.header {display:flex;align-items:center;}

.logo{background:#fff;padding:10px}
.logo img{width: 200px; }
body.level2 .logo{margin:0 0 10px 0}

.nav-mobile{display:none}
.nav-mobile-trigger{}
.nav-mobile-content{display:none}


.nav{flex:1}
.nav-wrapper{}
.nav{text-align:center;position:relative}
.nav ul{margin:0;padding:0;list-style:none;display:inline-flex;}
.nav ul li{margin:0;padding:0;list-style:none;position:relative;}
.nav ul li a{color:#fff;text-decoration:none;display:block;padding:14px 15px;transition:all .10s ease-in;}
.nav ul li a:hover{color:#ffdf01}
.nav ul li a:after{content:"";margin:0 0 0 5px;display:inline-block;width:7px;height:7px;background-size:cover;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 292.362 292.362' style='enable-background:new 0 0 292.362 292.362;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");}
.nav ul li.current_page_item a{}
.nav ul li ul{display:block;opacity:0;padding:10px 0;margin-top:5px;visibility:hidden;width:250px;position:absolute;left:0;background:rgba(0,0,0,0.8);transition:all .10s ease-in;}
.nav ul li:hover ul{opacity:1;visibility:visible;margin:0}
.nav ul li ul li{text-align:left;line-height:1;margin:0 0 3px 0}
.nav ul li ul li a{padding:5px 20px;}
.nav ul li ul li a:after{display:none}

.header-content p{margin:0}
.header-content .button{margin:0 0 0 5px}

.hero{width:50%;margin:10vh 0}
.hero .slide{color:#fff}
.hero .slide h2{line-height:1.5;margin:0 0 30px 0}


/*******************************************************/
/* Content
/*******************************************************/

.content-wrapper{padding:50px 20px}
.content{}

.content-wrapper a {color: #0033A0 !important;}

.post-featured-image {display: flex;justify-content: center;width: 100%;}
h1.pagetitle {font-weight: 900 !important;}


.post-featured-image{float:right;margin:0 0 50px 50px;}
.post-date{margin:0 0 20px 0;}

.grid{display:flex;flex-flow:row wrap;justify-content:space-between;}
.grid-columns-2 > div{width:48%;}
.grid-columns-2 > div:nth-last-child(-n+2) {margin-bottom:0}
.grid-columns-3 > div{width:31%;}
.grid-columns-3 > div:nth-last-child(-n+3) {margin-bottom:0}


.article {}
.article .article-image{border:1px solid #4c81b0;font-size:0;margin:0 0 20px 0;}
.level1 .article .article-image{max-height:180px;overflow:hidden}
.article .article-image img{width:100%}
.article h2.article-title{margin:0 0 20px 0;}
.article h2.article-title a{text-decoration:none;}
.article .article-content{margin:0 0 20px 0;}
.article .article-button{margin:0 0 20px 0;}


.callouts-wrapper{margin:0 0 20px 0;padding:50px 20px}
.callouts{}

.client-stories-wrapper{background:#ec5a1e;padding:50px 20px 20px 20px;margin:0 0 20px 0}
.client-stories{color:#fff}
.client-stories a{color:#fff}
.client-stories h2{}
.client-stories h2 a{color:#fff;text-decoration:none}
.client-stories .client-stories-image{float:right;text-align:center;margin:0 0 0 50px}
.client-stories .client-stories-image img{border:1px solid rgba(255,255,255,0.5)}


.homepage-misc-wrapper{padding:50px 20px;margin:0 0 20px 0}
.homepage-misc{}
.homepage-misc h2{margin:0 0 20px 0}

.homepage-misc .in-the-news{}
.homepage-misc .in-the-news ul{margin:0 0 20px 20px;padding:0}

.homepage-misc .make-a-donation{}

.homepage-misc .our-supporters{}
.homepage-misc .our-supporters ul{margin:0;padding:0;list-style:none;display:flex;flex-flow:row wrap;}
.homepage-misc .our-supporters ul li{margin:0 0 20px 0;padding:0;list-style:none;width:50%;text-align:center}


.newsletter-wrapper{padding:50px 20px;background:#ebebeb}
.newsletter-wrapper h2{margin:0 0 30px 0}
.newsletter .sortables{display:flex;align-items:flex-end}
.newsletter div{flex:1;padding:0 20px 0 0}
.newsletter div:last-child{width:100%;flex:0}
.newsletter div label{display:block;}
.newsletter div input[type="text"],
.newsletter div input[type="email"]{width:100%;padding:10px 20px;margin:0}
.newsletter div input[type="submit"]{}

body.page-id-1779 h3{margin-top:40px;border-top:1px dotted #4d81b1;padding:10px 0 0 0;color:#00488d}
body.page-id-1779 #field_6_16 h3{border:none;padding:0}

/*******************************************************/
/* Footer
/*******************************************************/

.footer-wrapper{background:#034b8f;padding:50px 20px}
.footer{color:#fff;font-size:14px;}
.footer a{color:#fff;text-decoration:none;}
.footer ul{margin:0;padding:0;list-style:none;}
.footer ul li{margin:0 0 5px 0;padding:0;list-style:none;}

.footer-columns{display:flex;margin:0 0 50px 0;padding:0 0 50px 0;border-bottom:1px solid #2767a0}
.footer-columns .footer-column{flex:1}
.footer-columns .footer-column h3{margin:0 0 20px 0;font-size:15px}

.footer-copyright{}
.footer-copyright p{margin:0 0 1em 0}
.footer-copyright .footer-social{float:right}


/*******************************************************/
/* Mobile
/*******************************************************/

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

body{}

.content-container{max-width:100%}

.grid{display:block}
.grid-columns-2 > div{width:auto}
.grid-columns-3 > div{width:auto}

.article{text-align:center;margin:0 0 50px 0 !important}
.article h2{margin:0 0 10px 0}


.header{display:block}

.logo{text-align:center;background:none;margin:0 0 20px 0}
.logo img{height:100px}


.nav{display:none}
.nav-mobile{display:block;text-align:left}
.nav-mobile .nav-mobile-trigger{width:30px;cursor:pointer;position:absolute;top:35px;left:20px;}
.nav-mobile .nav-mobile-close{width:20px;cursor:pointer;position:absolute;top:20px;right:22px}
.nav-mobile .nav-mobile-content{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:1}
body.mobile-menu-open .nav-mobile .nav-mobile-content{display:block}
.nav-mobile .nav-mobile-content{padding:70px 0 0 0}
.nav-mobile .nav-mobile-content ul{margin:0;padding:0;list-style:none;border-bottom:1px solid rgba(255,255,255,0.3);}
.nav-mobile .nav-mobile-content ul li{border-top:1px solid rgba(255,255,255,0.3);margin:0;padding:10px 20px;list-style:none;font-size:20px;}
.nav-mobile .nav-mobile-content ul li .nav-expand{cursor:pointer;margin:0 10px 0 0;display:inline-block;width:16px;height:16px;background-size:cover;background-position:50% 50%;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 384 512'%3E%3Cpath d='M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E");}
.nav-mobile .nav-mobile-content ul li .nav-expand.active{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 384 512'%3E%3Cpath d='M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E");}
.nav-mobile .nav-mobile-content ul li a{color:#fff;text-decoration:none;}
.nav-mobile .nav-mobile-content ul li ul{display:none;padding:10px 0 0 0;border:none}
.nav-mobile .nav-mobile-content ul li ul li{padding:5px 0;margin:0;font-size:13px;font-weight:normal;border:none}
.nav-mobile .nav-mobile-content ul li ul li a{}

body.admin-bar .nav-mobile .nav-mobile-trigger{top:80px;}
body.admin-bar .nav-mobile .nav-mobile-close{top:60px;}
body.admin-bar .nav-mobile .nav-mobile-content{padding:100px 0 0 0}


.header .header-content{text-align:center;width:100%;margin:0 0 20px 0}

.hero{width:100%;margin:3vh 0}
.hero .slide{text-align:center}
.hero .slide h2{font-size:20px}

.callouts-wrapper{padding:30px 30px}

.client-stories-wrapper{padding:30px 30px}
.client-stories .client-stories-image{float:none;margin:0 0 20px 0}

.homepage-misc-wrapper{padding:30px 30px}

.newsletter-wrapper{padding:30px 30px}
.newsletter{display:block}
.newsletter div:last-child{margin:20px 0 0 0}

.footer{text-align:center}
.footer-columns{display:block;}
.footer-copyright{}
.footer-copyright .footer-social{float:none;margin:0 0 20px 0}


}




/* Slick Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-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;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;}
.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;}
.slick-arrow.slick-hidden{display:none;}
.slick-slider ul.slick-dots{display:none;margin:0;padding:0;text-align:center;position:absolute;width:100%;;bottom:-30px;left:0;right:0;z-index:2;margin:0;padding:0}
.slick-slider ul.slick-dots.slick-dots li{display:inline-block;cursor:pointer;width:12px;height:12px;margin:0px 6px;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;box-shadow:0 0 1px #fff, 0 0 1px #fff;text-indent:-9999px}
.slick-slider ul.slick-dots li.slick-active{background:#fff}



/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{@page{size:landscape}html.with-featherlight>*>:not(.featherlight){display:none}}

/**
 * Featherlight Gallery an extension for the ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;fon