*
{
box-sizing:border-box
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}
ul li
{
list-style:none
}
img
{
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}
body
{
line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block
}
nav ul
{
list-style:none
}
blockquote,q
{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after
{
content:'';
content:none
}
a
{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}
ins
{
background-color:#ff9;
color:#000;
text-decoration:none
}
mark
{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold
}
del
{
text-decoration:line-through
}
abbr[title],dfn[title]
{
border-bottom:1px dotted;
cursor:help
}
table
{
border-collapse:collapse;
border-spacing:0
}
hr
{
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0
}
input,select
{
vertical-align:middle
}
input,select,button
{
-webkit-appearance:none;
outline:none;
margin:0px
}
*
{
box-sizing:border-box
}
/*
the font softwares linked herebelow are the property of swiss typefaces sàrl.
you may not download the font softwares.
Purchase and licensing informations are available at http://www.swisstypefaces.com/ licensing/
copyright (c) swiss typefaces sàrl */
@font-face
{
font-family:'SimplonBP-Light';
src:url('font/SimplonNorm-Light-WebSd41d.eot?#iefix') format('embedded-opentype'),url('font/SimplonNorm-Light-WebS.woff') format('woff');
font-weight:normal;
font-style:normal
}
html,body
{
font-size:15px;
line-height:19px;
font-family:'SimplonBP-Light',sans-serif;
font-weight:normal;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
height:100%;
width:100%
}
@media (min-width: 1400px)
{
html,body
{
font-size:17px;
line-height:21px
}
}
h1,h2,h3,h4,h6
{
font-weight:normal
}
.left-align
{
text-align:left
}
.centre-align
{
text-align:center
}
.right-align
{
text-align:right
}
a
{
text-decoration:none;
color:#000000;
-webkit-transition:color 0.2s;
transition:color 0.2s
}
a:hover
{
color:#0e76bc
}
.orange a
{
color:#FFF
}
.orange a:hover
{
color:#000000
}
.body_wrap
{
opacity:1;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.body_wrap.loaded
{
}
@media (max-width: 768px)
{
.body_wrap.open
{
-webkit-transform:translateX(-60%);
-ms-transform:translateX(-60%);
transform:translateX(-60%)
}
}
.wrap
{
position:relative;
background-position:center;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat
}
@media (max-width: 768px)
{
.wrap
{
background-size:cover;
background-position:center;
background-attachment:local
}
}
.wrap .window
{
height:600px;
background-position:center;
background-attachment:scroll;
background-size:cover;
background-repeat:no-repeat
}
@media screen { @media (min-width: 0px) {
.wrap .window
{
background-attachment:fixed;
}
} }
@media (max-width: 768px)
{
.wrap .window
{
background-size:auto 100%;
background-position:top center;
background-attachment:local
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
.wrap .window
{
background-size:100% auto;
background-position:top center;
background-attachment:local
}
}
.wrap .window.small
{
height:80px
}
@media (max-width: 768px)
{
.wrap .window.small
{
display:none
}
}
.wrap .content
{
padding-top:50px;
padding-bottom:50px;
max-width:90%;
margin-left:auto;
margin-right:auto
}
.wrap .content:after
{
content:"";
display:table;
clear:both
}
@media (max-width: 768px)
{
.wrap .content
{
padding-top:20px
}
}
.wrap .content p
{
width:75%
}
@media (max-width: 768px)
{
.wrap .content p
{
width:100%
}
}
.wrap .content img
{
max-width:100%
}
.wrap .content .left-col
{
min-height:1px;
float:left;
display:block;
margin-right:2.35765%;
width:48.82117%
}
.wrap .content .left-col:last-child
{
margin-right:0
}
@media (max-width: 768px)
{
.wrap .content .left-col
{
float:left;
display:block;
margin-right:2.35765%;
width:100%
}
.wrap .content .left-col:last-child
{
margin-right:0
}
}
.wrap .content .right-col
{
min-height:1px;
float:left;
display:block;
margin-right:2.35765%;
width:48.82117%
}
.wrap .content .right-col:last-child
{
margin-right:0
}
@media (max-width: 768px)
{
.wrap .content .right-col
{
float:left;
display:block;
margin-right:2.35765%;
width:100%
}
.wrap .content .right-col:last-child
{
margin-right:0
}
}
.wrap .content .right-col iframe
{
width:100%;
padding-top:48px
}
.wrap.white
{
background-image:url('../images/bg-top.jpg')
/* EDIT background-color: rgba(76, 175, 80, 0.3)*/
}
.wrap.orange
{
background-color:#0e76bc
}
#issue .content:nth-child(1)
{
display:block
}
#issue .content:nth-child(1):after
{
content:"";
display:table;
clear:both
}
#issue .content:nth-child(1) .left-col
{
min-height:1px;
float:right;
display:block;
margin-left:2.35765%;
width:48.82117%;
margin-right:0
}
#issue .content:nth-child(1) .left-col:last-child
{
margin-left:0
}
@media (max-width: 768px)
{
#issue .content:nth-child(1) .left-col
{
float:right;
display:block;
margin-left:2.35765%;
width:100%
}
#issue .content:nth-child(1) .left-col:last-child
{
margin-left:0
}
}
#issue .content:nth-child(1) .right-col
{
min-height:1px;
float:right;
display:block;
margin-left:2.35765%;
width:48.82117%;
margin-right:0
}
#issue .content:nth-child(1) .right-col:last-child
{
margin-left:0
}
@media (max-width: 768px)
{
#issue .content:nth-child(1) .right-col
{
float:right;
display:block;
margin-left:2.35765%;
width:100%
}
#issue .content:nth-child(1) .right-col:last-child
{
margin-left:0
}
}
#issue .content:nth-child(1) .right-col iframe
{
width:100%;
padding-top:48px
}
.line
{
height:1px;
display:block;
margin-right:0
}
.line.white
{
background-color:#fff
}
.line.orange
{
background-color:#0e76bc
}
.line.black
{
background-color:#e5e5e5
}
nav#anchored
{
max-width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
font-size:17px;
line-heighte:20px
}
nav#anchored:after
{
content:"";
display:table;
clear:both
}
/*EDIT LOGO*/
nav#anchored .icon
{
background-image:url('../images/logo.png');
width:500px;
height:58px;
position:absolute;
text-indent:-9999px;
left:0px;
}
nav#anchored .icon2
{
background-image:url('../images/logo-berita.png');
width:241px;
height:109px;
position:absolute;
text-indent:-9999px;
left:0px;
}
nav#anchored ul
{
float:left;
display:block;
margin-right:2.35765%;
width:100%;
text-align:right;
list-style:none;
position:relative;
top:20px
}
nav#anchored ul:last-child
{
margin-right:0
}
nav#anchored ul li
{
display:inline-block;
padding-left:15px
}
@media (max-width: 768px)
{
nav#anchored
{
opacity:0
}
}
.toggler
{
position:absolute;
right:0px;
top:0px;
padding:20px;
height:75px;
width:76px;
background-color:#fff;
text-align:center;
line-height:26px;
font-size:26px;
display:none;
padding-top:28px
}
@media (max-width: 768px)
{
.toggler
{
display:block
}
}
nav#follow
{
position:fixed;
top:0px;
width:100%;
background-color:#FFF;
z-index:10000;
height:85px;
padding-top:10px;
-webkit-transform:translateY(-86px);
-ms-transform:translateY(-86px);
transform:translateY(-86px);
-webkit-transition:-webkit-transform 0.4s;
transition:transform 0.4s;
border-bottom:1px solid #e5e5e5;
font-size:17px;
line-heighte:20px;
opacity;
}
@media (max-width: 768px)
{
nav#follow
{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
}
nav#follow.stick
{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
nav#follow .inner
{
max-width:90%;
margin-left:auto;
margin-right:auto;
position:relative
}
nav#follow .inner:after
{
content:"";
display:table;
clear:both
}
/* EDIT LOGO-3*/
nav#follow .icon
{
background-image:url('../images/logo-3.png');
width:250px;
height:58px;
position:absolute;
text-indent:-9999px;
left:0px
}
nav#follow .icon2
{
background-image:url('../images/logo-berita2.png');
width:128px;
height:58px;
position:absolute;
text-indent:-9999px;
left:0px
}
nav#follow ul
{
width:80%;
right:5%;
position:absolute;
text-align:right;
padding-top:20px;
list-style:none
}
nav#follow ul li
{
display:inline-block;
padding-left:15px
}
nav#follow ul li a.current
{
border-bottom:0px solid #0e76bc;
padding-bottom:23px
}
@media (max-width: 768px)
{
nav#follow ul li a.current
{
border-right:4px solid #0e76bc;
border-bottom:none;
padding-bottom:10px
}
}
@media (max-width: 768px)
/*EDIT MENU MOBILE*/
{
nav#follow ul
{
width:60%;
left:100%;
top:0px;
padding-top:0px;
height:100vh;
background-color:#0e76bc;
padding-top:76px;
overflow:auto
}
nav#follow ul li
{
display:block;
padding-left:0px;
text-align:left
}
nav#follow ul li a
{
display:block;
background-color:#0568aa;
padding:10px 15px;
color:#FFF;
font-family:'Knockout 48 A','Knockout 48 B';
font-weight:400;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-transform:uppercase;
-moz-osx-font-smoothing:grayscale;
font-size:22px;
line-height:26px;
-webkit-transition:background-color 0.2s,border-right 0.2s;
transition:background-color 0.2s,border-right 0.2s
}
nav#follow ul li a:hover
{
background-color:#f9a81a
}
}
nav#follow.open
{
z-index:20000
}
@media (max-width: 768px)
{
nav#follow.open
{
-webkit-transform:translateX(-60%);
-ms-transform:translateX(-60%);
transform:translateX(-60%)
}
}
@-moz-document url-prefix()
{
nav#follow ul li a.current
{
padding-bottom:21px
}
}
h2,h6
{
font-family:'Knockout 48 A','Knockout 48 B';
font-weight:400;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-transform:uppercase;
-moz-osx-font-smoothing:grayscale;
font-size:48px;
line-height:40px;
color:#000000
}
h2 .yellow,h6 .black
{
color:#f9a81a
}
@media (max-width: 768px)
{
h2,h6
{
font-size:38.4px;
line-height:31.2px
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
h2,h6
{
font-size:48px;
line-height:40px
}
}
h6
{
font-size:26px;
line-height:28px
}
h3
{
font-family:'SimplonBP-Light',sans-serif;
font-weight:normal;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-size:21px;
line-height:26px;
color:#000000;
margin-bottom:10px;
margin-top:-3px
}
.orange h2,.orange h3,.orange h6,.orange p
{
color:#FFF
}
.orange h3
{
opacity:0.6
}
#top
{
height:600px;
padding-top:30px
}
#top .lead-in
{
position:absolute;
width:90%;
bottom:0px;
left:5%
}
/*EDIT*/
@media (min-width: 768px)
{
#top .lead-in
{
bottom:50px
}
}
#top .lead-in h1
{
font-family:'Knockout 48 A','Knockout 48 B';
font-weight:400;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-transform:uppercase;
-moz-osx-font-smoothing:grayscale;
font-size:50px;
line-height:45px;
color:#000000;
margin-bottom:0px
}
#top .lead-in h1 .orange
{
color:#0e76bc
}
#top .lead-in h2
{
font-family:'Knockout 48 A','Knockout 48 B';
font-weight:400;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-transform:uppercase;
-moz-osx-font-smoothing:grayscale;
font-size:40px;
line-height:35px;
color:#000000;
margin-bottom:20px
}
#top .lead-in h2 .orange
{
color:#0e76bc
}
@media (max-width: 768px)
{
#top .lead-in h1
{
font-size:40px;
line-height:35px;
}
#top .lead-in h2
{
font-size:35px;
line-height:30px;
}
}
@media (max-width: 600px)
{
#top .lead-in h1
{
font-size:35px;
line-height:30px;
}
#top .lead-in h2
{
font-size:30px;
line-height:25px;
}
}
@media (max-width: 768px)
{
#top .lead-in p
{
margin-top:5px
}
}
#stories .standfirst
{
float:left;
display:block;
margin-right:2.35765%;
width:48.82117%;
margin-left:25.58941%;
text-align:center
}
#stories .standfirst:last-child
{
margin-right:0
}
@media (max-width: 768px)
{
#stories .standfirst
{
float:left;
display:block;
margin-right:2.35765%;
width:82.94039%;
margin-left:8.5298%
}
#stories .standfirst:last-child
{
margin-right:0
}
}
#stories .figures_list p
{
font-size:17px;
line-height:20px;
margin-top:10px
}
@media (max-width: 950px) and (min-width: 769px)
{
#stories .figures_list p
{
margin-top:5px;
font-size:13.6px;
line-height:16px
}
}
@media (max-width: 480px)
{
#stories .figures_list p
{
margin-top:5px;
font-size:13.6px;
line-height:16px
}
}
.tile-1-mission
{
width:50%;
margin-top:0px;
margin-bottom:10px
}
@media (max-width: 768px)
{
.tile-1-mission
{
display:none
}
}
.figures_list:after
{
content:"";
display:table;
clear:both
}
@media screen { @media (min-width: 0px) {
.slideshow .slides li .right
{
width:25%;
}
} }
.figures_list li
{
float:left;
width:24.9%;
position:relative;
border-right:1px solid #e5e5e5
}
@media screen { @media (min-width: 0px) {
.figures_list li
{
width:25%;
}
} }
@media (max-width: 768px)
{
.figures_list li
{
width:50%
}
}
@media (max-width: 840px)
{
.figures_list.trustee li
{
width:50%
}
}
@media (max-width: 560px)
{
.figures_list.trustee li
{
width:100%
}
}
.figures_list li .inner
{
text-align:center;
position:absolute;
top:50%;
width:80%;
left:10%;
height:100px
}
.figures_list li .inner h4
{
text-align:center;
font-size:89.6px;
line-height:72.8px
}
@media (max-width: 950px)
{
.figures_list li .inner h4
{
font-size:64px;
line-height:52px
}
}
@media (max-width: 768px)
{
.figures_list li .inner h4
{
font-size:51.2px;
line-height:41.6px
}
}
@media (max-width: 768px)
{
.figures_list li .inner p
{
margin-top:5px
}
}
@media (max-width: 768px)
{
.figures_list li:nth-child(1)
{
border-bottom:1px solid #e5e5e5
}
}
@media (max-width: 768px)
{
.figures_list li:nth-child(2)
{
border-right:none;
border-bottom:1px solid #e5e5e5
}
}
.figures_list li:nth-child(4)
{
border-right:none
}
.figures_list li .supporter-logo
{
position:absolute;
top:50%;
left:6%;
max-width:100%;
width:88%
}
#supporters .figures_list li a
{
opacity:0.4;
-webkit-transition:opacity 0.2s;
transition:opacity 0.2s
}
#supporters .figures_list li a:hover
{
opacity:0.8
}
#supporters .figures_list li p
{
position:relative;
z-index:5000;
color:gray
}
#supporters .figures_list li .centred
{
position:absolute;
top:50%;
width:80%;
left:10%
}
.heightFix
{
height:700px;
background:rgba(255,255,255,0.5);
}
@media (max-width: 768px)
{
.heightFix
{
height:375px;
background-size:100% auto !important;
}
}
#inspired
{
position:absolute;
right:0px;
top:100px;
width:70px;
height:49px;
background-image:url('../images/inspired.png');
z-index:5000;
-webkit-transform:translateX(100px);
-ms-transform:translateX(100px);
transform:translateX(100px);
-webkit-transition:-webkit-transform 0.4s ease 0.5s;
transition:transform 0.4s ease 0.5s
}
#inspired.shown
{
-webkit-transform:translateX(0px);
-ms-transform:translateX(0px);
transform:translateX(0px)
}
@media (max-width: 768px)
{
#inspired
{
display:none
}
}
#contact .wrapped {
height:143px;
}
.slideshow
{
position:relative;
overflow:hidden
}
.slideshow .arrow
{
position:absolute;
height:48px;
width:48px;
margin-top:-16px;
top:50%;
z-index:3000;
background-color:#000000;
opacity:0;
-webkit-transition:opacity 0.2s;
transition:opacity 0.2s;
background-size:auto 32px;
background-position:center;
background-repeat:no-repeat;
text-indent:-9999px
}
@media (max-width: 768px)
{
.slideshow .arrow
{
display:none
}
}
.slideshow .arrow.left
{
left:0px;
background-image:url('../images/slideshow-left2.png')
}
.slideshow .arrow.right
{
right:0px;
background-image:url('../images/slideshow-right2.png')
}
.slideshow:hover .arrow
{
opacity:1
}
.slideshow nav
{
position:absolute;
bottom:0px;
z-index:5000;
left:50%;
padding:30px;
width:50%
}
.slideshow nav li
{
float:left;
display:block;
margin-right:2.35765%;
width:14.70196%;
padding-top:10px;
border-top:2px solid #0e76bc;
opacity:0.5;
-webkit-transition:opacity 0.2s;
transition:opacity 0.2s
}
.slideshow nav li:last-child
{
margin-right:0
}
.slideshow nav li:not(.active)
{
cursor:pointer;
color: #ed1c24;
border-top:2px solid #ed1c24;
}
.slideshow nav li:hover
{
opacity:1;
color: #000;
border-top:2px solid #0e76bc;
}
.slideshow nav li.active
{
opacity:1
}
.slideshow .slides
{
-webkit-transition:-webkit-transform 0.6s;
transition:transform 0.6s;
}
.slideshow .slides li
{
position:absolute;
height:500px;
width:100%;
}
/* EDIT */
.slideshow .slides li .left
{
width:50%;
float:left;
min-height:1px;
height:700px;
background-size:cover;
background-position: center
}
@media screen { @media (min-width: 0px) {
.slideshow .slides li .right
{
width:50%;
}
} }
.slideshow .slides li .right
{
width:40%;
float:left;
min-height:1px;
padding:30px
}
.slideshow .slides li .right h3
{
color:gray;
width:50%
}
@media (max-width: 768px)
{
.slideshow .slides li .right h3
{
width:100%
}
}
.slideshow .slides li .right p
{
width:calc(100% - 25px)
}
@media (max-width: 768px)
{
.slideshow .slides li .right p
{
width:100%
}
}
@media (max-width: 768px)
{
.slideshow
{
height:850px !important
}
.slideshow nav
{
left:0%;
width:100%;
top:450px;
bottom:auto;
background-color:#FFF
}
.slideshow nav li
{
float:left;
display:block;
margin-right:2.35765%;
width:23.23176%
}
.slideshow nav li:last-child
{
margin-right:0
}
.slideshow .slides li .left
{
width:100%;
float:none;
min-height:1px;
height:450px;
background-size:auto 100%;
background-position: center
}
.slideshow .slides li .right
{
width:100%;
float:none;
min-height:1px;
padding:30px;
height:352px;
margin-top:48px;
overflow:auto;
width:100%
}
}
.left-side,.right-side
{
width:50%;
float:left;
min-height:1px;
background-size:cover;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 768px)
{
.left-side,.right-side
{
width:100%;
float:none;
background-size:auto 100%;
background-position:center
}
}
.left-side
{
width:calc(50% - 1px)
}
@media (max-width: 768px)
{
.left-side
{
width:100%;
float:none
}
}
.right-side
{
width:calc(50% + 1px)
}
@media (max-width: 768px)
{
.right-side
{
width:100%;
float:none
}
}
.clearfix:after
{
content:"";
display:table;
clear:both
}
p
{
margin-bottom:10px;
margin-top:25px
}
.wrapped
{
position:absolute;
top:50%;
width:30%;
left:35%;
-webkit-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
opacity:0
}
@media (max-width: 768px)
{
.wrapped
{
width:60%;
left:20%;
top:40%
}
}
@media (max-width: 480px)
{
.wrapped
{
top:calc(76px + 8%);
margin-top:0px !important
}
}
.wrapped a
{
opacity:0;
-webkit-transition:opacity 0.4s ease 0.5s;
transition:opacity 0.4s ease 0.5s;
font-size:21px;
line-height:26px;
margin-top:10px;
display:block
}
@media (max-width: 768px)
{
.wrapped a
{
font-size:15px;
line-height:19px;
margin-top:0px
}
}
.wrapped.shown
{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
opacity:1
}
.wrapped.shown a
{
opacity:1
}
footer
{
height:100%;
overflow:hidden
}
footer .bottom
{
position:absolute;
width:90%;
left:5%;
bottom:30px;
font-size:13px;
line-height:16px;
color:gray
}
footer .bottom .left
{
float:left;
display:block;
margin-right:2.35765%;
width:31.76157%;
min-height:1px
}
footer .bottom .left:last-child
{
margin-right:0
}
@media (max-width: 768px)
{
footer .bottom .left
{
float:left;
display:block;
margin-right:2.35765%;
width:100%;
text-align:center
}
footer .bottom .left:last-child
{
margin-right:0
}
}
footer .bottom .right
{
float:left;
display:block;
margin-right:2.35765%;
width:31.76157%;
margin-left:34.11922%;
min-height:1px;
text-align:right;
margin-right:0
}
footer .bottom .right:last-child
{
margin-right:0
}
@media (max-width: 768px)
{
footer .bottom .right
{
float:left;
display:block;
margin-right:2.35765%;
width:100%;
margin-left:0%;
text-align:center
}
footer .bottom .right:last-child
{
margin-right:0
}
}
footer .callTo
{
position:absolute;
width:26%;
left:37%;
bottom:30px;
text-align:center
}
@media (max-width: 768px)
{
footer .callTo
{
left:5%;
width:90%;
bottom:70px
}
}
@media (max-width: 768px)
{
footer .callTo p
{
margin-top:5px;
margin-bottom:5px
}
}
footer .callTo form
{
position:relative
}
footer .callTo input
{
width:100%;
-webkit-appearance:none;
border:1px solid #e5e5e5;
font-family:'SimplonBP-Light',sans-serif;
font-weight:normal;
font-style:normal;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-size:15px;
line-height:19px;
padding:8px;
padding-right:45px;
border-radius:0px
}
footer .callTo input[type=submit]
{
position:absolute;
width:37px;
right:0px;
top:0px;
padding-right:8px;
background-color:#FFF;
cursor:pointer;
-webkit-transition:background-color 0.2s,padding-left 0.2s;
transition:background-color 0.2s,padding-left 0.2s;
background-image:url('../images/form-arrow.png');
background-repeat:no-repeat;
background-position:center;
background-size:auto 20px;
text-indent:-9999px
}
footer .callTo input[type=submit]:hover
{
background-color:#e6e6e6
}
footer .callTo .icon_list li
{
display:inline-block;
padding:0px 4px
}
footer .callTo .icon_list a
{
text-indent:-9999px;
width:30px;
height:30px;
display:block;
background-size:100%
}
footer .callTo .icon_list a.twitter
{
background-image:url('../images/twitter.png')
}
footer .callTo .icon_list a.facebook
{
background-image:url('../images/facebook.png')
}
footer .callTo .icon_list a.youtube
{
background-image:url('../images/youtube.png')
}
.bootleg
{
font-size:18px;
color:gray
}
#involved h6
{
font-size:40px
}
.donate-button {
border:1px solid #fff;
padding:15px 20px 17px;
display:inline-block;
margin-top:20px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.2s ease-in-out;
margin-right:10px;
}
/* Adding the new donate button in the nav */
.donate-button-nav {
font-size:24px;
color:#fff;
background-color: #000;
font-family:'Knockout 48 A','Knockout 48 B';
font-weight:400;
text-transform: uppercase;
padding:10px 20px;
margin-left:10px;
-webkit-transition: all 0.3s ease-in-out;
}
nav#follow ul {
padding-top:17px;
}
.donate-button-nav:hover {
background-color:#0e76bc;
color:#fff;
}
.donate-button-nav2 {font-size:24px;
color:#fff;
background-color: #000;
font-family:'Knockout 48 A','Knockout 48 B';
font-weight:400;
text-transform: uppercase;
padding:10px 20px;
margin-left:5px;
-webkit-transition: all 0.3s ease-in-out;
border:1px solid #e5e5e5; color:#000; background-color:#fff;
position: relative;
top:2px;
}
.donate-button-nav2:hover {color:#fff; background-color: #000;}
.donate-button:hover {background-color: black; border:1px solid #000; color:#fff;}
.slides p {width:100%!important;}
.background1 {background-image:url('../images/background.jpg');}
/* .background2 {background-image:url('../images/running-charity-conrad-williamsNEW.jpg');} */
@media (min-width: 768px) and (max-width: 1498px)
{
h1, h2 {font-size:40px!important;
line-height:35px!important;}
.background1 {background-image:url('../images/background.jpg'); }
/* .background2 {background-image:url('../images/running-charity-conrad-williamsNEW.jpg'); } */
#top .lead-in {bottom:30px;}
}
@media (max-width:768px)
{
h1, h2, h6 {font-size:40px!important; line-height:35px!important;}
h3 {margin-top:15px!important;}
.wrap .content {padding-bottom:20px!important;}
.wrap.white {border-top:10px solid #e5e5e5;}
#patron .left-side {background-size: 100% auto!important; height:300px;}
h6 {margin-bottom:20px;}
.donate-button h6 {margin-bottom: 0px;}
.donate-button {margin-bottom: 20px; width:100%; text-align: center; border:1px solid #000; background-color: black;}
.slides p {width:100%!important;}
.donate-button-nav {display: none!important;}
}
@media (max-width:488px)
{
#patron .left-side {background-size: 100% auto!important; height:200px;}
.slideshow .slides li .left {height:350px;}
.slideshow .slides li .right {height:500px;}
.slideshow nav {top:350px;}
}
@media (max-width:1168px)
{
.slides p {width:100%!important;}
}
.individual_trustee {
position:relative;
cursor:pointer;
}
.individual_trustee .trustee_image {
width:100%;
max-height: 271px;
background-color:#808080;
}
.individual_trustee .trustee_image img {
max-width:100%;
max-height: 271px;
}
.individual_trustee .trustee_info {
position:absolute;
width:100%;
bottom:0px;
z-index:2000;
background-color:#FFF;
-webkit-transition:height .4s;
transition:height .4s;
padding:20px;
overflow:hidden;
height:50px;
padding-bottom:60px;
}
.individual_trustee .trustee_info p,.individual_trustee .trustee_info h15 {
color:#808080;
font-size: 9pt;
line-height:25px;
font-style: italic;
}
@media (max-width:1280px)
{
.individual_trustee .trustee_info {
height:180px;
}
}
@media (max-width:950px)
{
.individual_trustee .trustee_info {
height:240px;
}
}
@media (max-width:840px)
{
.individual_trustee .trustee_info {
height:120px;
}
}
.individual_trustee .trustee_info p,.individual_trustee .trustee_info h5 {
color:#808080;
}
.individual_trustee .trustee_info p {
opacity:0;
-webkit-transition:opacity .4s;
transition:opacity .4s;
}
.individual_trustee .toggle, .individual_trustee .toggle_close {
background-image:url('../images/plus.png');
background-size:cover;
background-position:center;
position:absolute;
bottom:10px;
right:10px;
width:48px;
height:48px;
-webkit-transition:opacity .2s;
transition:opacity .2s;
z-index:5000;
}
.individual_trustee .toggle_close {
background-image:url('../images/minus.png');
opacity:0;
}
.individual_trustee.open .toggle {
opacity:0;
}
.individual_trustee.open .toggle_close {
opacity:1;
}
.individual_trustee:hover .trustee_info {
height:150px;
}
@media (max-width:1280px)
{
.individual_trustee:hover .trustee_info {
height:210px;
}
}
@media (max-width:950px)
{
.individual_trustee:hover .trustee_info {
height:270px;
}
}
@media (max-width:840px)
{
.individual_trustee:hover .trustee_info {
height:150px;
}
}
.individual_trustee.open .trustee_info {
height:100%;
overflow:auto;
}
.individual_trustee.open .trustee_info p {
opacity:1;
}
/* Intro Animations */
@media (min-width:768px)
{
.icon {opacity: 1.0;}
.top-menu, .lead-in {
opacity: 0;
}
.fade-in {
opacity:1.0;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
/* #mission.move-in */
.window.background1.move-in {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity: 1.0;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.window.background1 {
opacity:0;
-webkit-transform:translateY(150px);
transform:translateY(150px);
}
@-webkit-keyframes pulse {
0% { opacity: 0; }
20% { opacity: 0.8; }
40% { opacity: 0.1; }
60% { opacity: 0.8; }
80% { opacity: 0.1; }
100% { opacity: 1; }
}
.pulse {
-webkit-animation-name: 'pulse';
-webkit-animation-duration: 2600ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
}