@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&family=Gloock&display=swap');
/*
font-family: 'Figtree', sans-serif;
font-family: 'Gloock', serif;

blue: #163050;
orange: #e56127;
light blue: #c0e8ff

*/

html,
body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  font-size: 18px !important;
  color: #011012;
  font-family: 'Figtree', sans-serif;
  font-weight: 400;
  
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/*
------------------
 GLOBAL
------------------
*/

.row { 
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

/*x-lg*/
@media only screen and (min-width: 78.063em) { 
  .hide-for-x-lg { 
    display: none; 
    padding: 0;
  }
}

/*xx-lg*/
@media only screen and (min-width: 98.063em) { 
  .hide-for-xx-lg { 
    display: none; 
    padding: 0;
  }
}


h1, h2, h3, h4 { 
  font-family: 'Gloock', serif;
  color: #163050;
  letter-spacing: .05em;
}

h2 { 
  text-align: center; 
  font-size: 2rem;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  h2 { 
    font-size: 2.5em; 
    margin-bottom: .75em;
    text-align: center;
    font-weight: normal;
  }
}

h3 { font-size: 1.75rem; }

.page-intro h3 { text-align: center; }

h3.subheading { 
  color: #163050;
  text-align: center;
  margin-top: 0;
}

a { 
  color: #e56127;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -transition: all 0.4s;
}

a:hover { color: #163050 ; }

ul,
ul li ul  {
  font-size: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  display: block;
  width: 100%;
}

.strong { font-weight: bold;}
.center { text-align: center; }

p.intro {
  background: none;
  font-size: 1.25em;
}

 /*Medium Up*/
@media only screen and (min-width: 78.063em) {  
  p.intro {
    background: none;
    font-size: 1.25em;
    width: 75%;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

}



/*---------------
   Positioning 
---------------*/
.push-wrapper { 
  min-height: 100%; 
  margin-bottom: -40em;
} 

.push { height: 40em;} 



/*
------------------
 HEADER
------------------
*/
.header-wrapper {
  position: fixed;
  z-index:999;
  width: 100%;
}

header { 
  position: absolute;
  background-color: #fff;
  width: 100%;
}

#header_row {
  background: #163050;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

h1 { 
  margin: 0;
  padding: 0;
  font-size: 0;
}

header .logo {
  display: block;
  margin: 0 auto;
  padding: 1rem 0 .25em;
  transition-duration: 0.5s;
  width: 250px;
  max-width: 250px;
}

 /*Medium Up*/
@media only screen and (min-width: 78.063em) {  
  header .logo {
    padding: .5rem;
    transition-duration: 0.5s;
    width: 125px;
    max-width: 125px;
  }
}


/*New Nav*/
.top-bar { 
  padding: 0; 
  border-top: .5px solid #fff;
}

.top-bar,
.dropdown.menu { 
  background-color: #163050; 
  margin: 0 auto;
}

.menu.vertical { 
  margin-top: -1px;
  background-color: #fff;
  border-top: none; 
    border-right: 1px solid #e2e6e6;
    border-bottom: 1px solid #e2e6e6;
    border-left: 1px solid #e2e6e6;
}

.dropdown.menu li { margin: 0 .25em;}

 /*Medium Up*/
@media only screen and (min-width: 78.063em) {  
  .dropdown.menu li { margin: 0 .75em;}
}

.dropdown.menu li li { margin: 0;}

.dropdown.menu > li > a { 
  color: #fff;
  font-family: 'Figtree', sans-serif;
  margin-top: -1px;
  padding: 0.2rem .2rem;
  line-height: 1.5em;
}


 /*Medium Up*/
@media only screen and (min-width: 78.063em) {  
 .dropdown.menu > li > a { 
    font-family: 'Gloock', serif;
    letter-spacing: .06em;
  }
}

 /*wide - small */
@media only screen and (min-width: 30.063em) { 
  .dropdown.menu > li > a { padding: .5rem; }
}

.dropdown.menu li a:hover, 
.dropdown.menu li a:focus,
.dropdown.menu > li.is-active > a { 
  color:#163050; 
  background-color: #fff; 
}

.dropdown.menu a { color: #163050; }

.menu.vertical li a:hover {
  background-color: #163050;
  color: #fff;  
}

.donate-btn,
a.donate-link  {
    color: #fff;
  background: #e56127;
}

.donate-btn {
  cursor: pointer;
  position: absolute;
  top: .5em;
  left: .5em;
  border: none;
  border-radius: 5px;
  padding: .15em .5em;

}

.donate-btn:hover { 
  background-color: #e56127;
  color: #fff;
}


  .top-bar { margin: 0; }
  .top-bar .top-bar-right { 
    flex: none ;
    margin: 0 auto;
  }




/* 
================
   MAIN
================
*/

section{ 
  padding-bottom: 3%; 
  position: relative;
}

 /*Medium Up*/
@media only screen and (min-width: 78.063em) {  
   section{ padding-bottom: 2%; }
}

section { position: relative; }

footer section.donate-wrapper { 
  margin: 0 auto;
}

section.donate-wrapper,
section.donate { 
  padding: 0;
}

main { position: relative; }




/* 
================
  HOME PAGE
================
*/


/*note: hero wrapper padding below  with form styling*/
.hero-wrapper { 
  position: relative; 
  margin-bottom: 1.5em;
  background: rgb(165,223,255);
  background: linear-gradient(335deg, rgba(165,223,255,1) 0%, rgba(218,242,255,1) 100%);

}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) {  
  .hero-wrapper::before {
    content:"";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%; 
  }
}

.hero-wrapper img { vertical-align: none;  }

.intro {
  background: url(/img/palmtrees_2.png) center center no-repeat;
  background-size: cover;
}

.community-involvement {
  background-color: #c0e8ff;
}

.community-involvement .text-box ul { 
  margin: 0; 
  padding: 0;
}

.community-involvement h4 { font-weight: 500 }

.community-involvement .text-box ul {
  list-style: none;
}

.community-involvement .text-box li {
  display: block;
  background: #fff;
  margin: 3%;
  padding: 3%;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) {
  .community-involvement .text-box li {
    float: left;
    width: 44%;
    display: block;
    background: #fff;
    margin: 3%;
    padding: 3%;
  }
}

.community-involvement h3 {
  padding-top: 1rem;
}


.community-involvement img {
  display: block;
  margin: 0 auto;
  width: 300px;
  max-width: 300px;
  
}

.community-involvement h3,
.community-involvement h4 {
  line-height: 2rem;
}

.community-involvement h4 {
  font-family: 'Figtree', sans-serif;
}



img.border {
  border: 5px solid #ccc;
}

.subtitle {
  text-align: center;
  font-family: 'Figtree', sans-serif;
}

a.button {
  width: 40%;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 1rem auto 2rem;
  padding: 1rem;
  display: block;
  paddign: 1rem;
  color: #e56127;
  background: #fff;
  border: 1px solid #e56127;
}

a.button:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #e56127;
}


.hp-endorsements {

}




/* 
================
   JOIN US
================
*/

#logo_wrap,
#can_embed_form #d_sharing,
.action_description {
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  display: none;
}



#index #can-form-area-join-team-anyse h4 {  
  display: none !important; 
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.form-wrapper h3 {
  color: #3379a0;
  font-family: 'Gloock', serif;
  letter-spacing: .05em;
  font-size: 3em;
  text-align: center;
  background: #fff;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) {
  .form-wrapper h3 { background: none; }
}



#index #can-form-area-join-team-anyse {
  display: block;
  margin: 0 auto !important;
  padding: 1em;
  background-color: #81c1e4;
  padding: 20px;
}

 /*Medium Only*/
@media only screen and (min-width: 46.063em) and (max-width: 64.063em) {
  .form-wrapper h3 {
    font-size: 2rem;
  }

  .hero-wrapper {
    padding-top: 6%;
  }

  #index .form-wrapper.join-us {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 50%;
/*    border: 1px solid blue;*/
  }
}

 /* large  only */
@media only screen and (min-width: 64.063em) and (max-width: 78.063em) {
  .form-wrapper h3 {
    font-size: 1.5em;
  }

  .hero-wrapper {
    padding-top: 10%;
  }

  #index .form-wrapper.join-us {
    position: absolute;
    top: 3%;
    right: 15%;
    padding: 0;
    width: 40%;
/*    border: 1px solid green;*/
  }
}

 /* medium large only*/
@media only screen and (min-width: 78.063em) and (max-width: 90.063em) {
  .form-wrapper h3 {
    font-size: 2.25em;
  }

  .hero-wrapper {
    padding-top: 7%;
  }

  #index .form-wrapper.join-us {
    position: absolute;
    top: 3%;
    right: 12%;
    padding: 0;
    width: 33%;
/*    border: 1px solid black;*/
  } 
}

 /* x large only*/
@media only screen and (min-width: 90.063em) and (max-width: 108.063em) {
  .form-wrapper h3 {
    font-size: 2rem;
  }

  .hero-wrapper {
    padding-top: 4%;
  }

  #index .form-wrapper.join-us {
    position: absolute;
    top: 7%;
    right: 12%;
    padding: 0;
    width: 33%;
/*    border: 1px solid red;*/
  } 
}

 /* XX large up*/
@media only screen and (min-width: 108.063em) {

  .form-wrapper h3 {
    font-size: 2.5rem;
  }

  #index .form-wrapper.join-us {
    position: absolute;
    top: 5%;
    right: 12%;
    padding: 0;
    width: 33%;
/*    border: 1px solid purple;*/
  } 
}



/*Medium Only*/
@media only screen and (min-width: 56.063em) and (max-width: 64.063em) {

  .donate { 
    margin: 0 auto 2em;
  }
}

 /*large Up*/
@media only screen and (min-width: 78.063em) { 
  .donate { margin: -68px auto 2em;}
}

/*large 1 only*/
@media only screen and (min-width: 64.063em) and (max-width: 68em) {
  .donate { 
    margin: 0 auto 2em;
  }

  #can-form-area-join-team-anyse { padding: 10px; }
}

#can_embed_form .check_radio_field { margin-bottom: 10px !important; }

#index #can_embed_form .check_radio_field label,
#espanol #can_embed_form .check_radio_field label { 
  color: #fff; 
}

.can_embed.form #can_embed_form_inner > h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 15px !important;
  padding-bottom: 15px !important;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #fff !important;
}

#can_embed_form #action_info .action_info_user { display: none; }

/*removes all the pesky required title lines*/
.can_embed.v3.form.form_full.full .entry-title.js-entry-title,
.can_embed.v3.form.form_full.full .action_description { 
  display: none;
  margin: 0;
  padding: 0;
  border: none;
}

#can_embed_form #d_sharing,
.international_link-wrap,
#can_embed_form .international_link-wrap,
#can_embed_form .international_link,
#can_embed_form .action-info,
#can_embed_form:not(.full) #action_info,
#can_embed_form #action_info .action_owner,
#can_embed_form_inner > h4,
#can_embed_form h2,
#can_embed_form .entry-title,
#can_embed_form h2.entry-title.js-entry-title
#subscribe #can_embed_form h2 { 
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important; 
}

#can_embed_form .floatlabel-wrapper .floatlabel-label-active { color: #fff !important;
}

.floatlabel-wrapper .floatlabel-label::after {
  background: rgba(000, 0, 0, 0.6)!important;
}

#can_embed_form_inner > h2 + h4,
#can_embed_form #d_sharing label { color: #fff; }


body #can_embed_form input[type="submit"] { 
  display: block;
  width: 25%;
  margin: 0 auto 5px;
  padding: 1em 0 !important;
  padding-bottom: 0; 
  font-weight: bold !important;
  color: #fff;
  background-color: #3379a0 !important;
}

body #can_embed_form input[type="submit"]:hover { 
  background-color: #e56127 !important; 
  
}


body #can_embed_form img:not(.leaflet-marker-icon):not(.leaflet-marker-shadow):not(.leaflet-tile):not(.ajax-loading).main_action_image {
  box-sizing: border-box !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: none !important;
  border: none !important;
}





/*Thank you*/
/*#can_thank_you { background-color: #1c386d !important; }*/

#can_embed_form #can_thank_you h1 { 
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  color: #002450; !important;
}

#can_embed_form #can_thank_you #action_info {
  border-top: 1px solid #fff!important;
}
#can_embed_form #can_thank_you { margin: 0 !important; }

#action_thank_you_text p { text-align: center !important; }

#can_thank_you h4,
#can_thank_you #ty_instructions h2,

/*Instructions from your host*/
#can_alt_title {
  display: none;
  border: none;
  margin: 0;
  padding: 0;
}

#can_embed_form .graytext { color: #011012 !important;  }

.rsvp {
  border-radius: 5px;
  padding: .5em 0;
  display: block;
  width: 33%;
  margin: 1em auto 0;
  color: #fff;
  background-color: #1c386d ;
  text-align: center;
 }

 .rsvp:hover { 
  background-color: #1c386d; 
  color: #fff;
}


body img.ajax-loading { 
  width: 0;
  height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  display: none !important; 
}




/* 
================
  PAGES
================
*/ 

.row.quote {
  margin-bottom: 3% !important;
}

.quote .text-box {
display: block;
  padding: 1em 1em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 3%;
  text-align: center;
  font-family: 'Gloock', serif;
  font-size: 1.5em;
  font-weight: 400;
}


/*medium-large only */
@media only screen and (min-width: 4.063em) and (min-width: 64.063em) { 
  .quote .text-box {
  display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 3%;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 1.25em;
    font-weight: 400;
  }

}

/*large Up*/
@media only screen and (min-width: 84.063em) { 
  .quote .text-box {
    padding: 3em 1em;
    margin: 5% 0 0;
    font-size: 1.5em;
  }
}


.quote .text-box .quote-sig {
  display: block;
  font-family: 'Gloock', serif;
  font-size: 1em;
  padding: .75em 0;
}




/*Media Page*/
.article-title a { color: #e56127; }
.article-title a:hover { color: #163050 ; }

#can-form-area-endorse-anyse,
#can-form-area-take-our-survey-32,
#can-form-area-support-anyse-smith-for-palm-desert-city-council,
#can-form-area-anyse-smith-community-meet-greet, 
#can-form-area-request-a-lawn-sign-3 {
  background: #fff;
  display: block !important;
  margin: 0 auto !important;
  padding: 40px !important;
  border: 5px solid #81c1e4; !important;
  width: 100%;
}

#can-form-area-endorse-anyse img,
#can-form-area-take-our-survey-32 img ,
#can-form-area-support-anyse-smith-for-palm-desert-city-council img,
#can-form-area-anyse-smith-community-meet-greet img
#can-form-area-request-a-lawn-sign-3 img {
   display: none;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0;
}

.all-districts-map p { 
  text-align: center;
  font-size: .75rem;
}



section.form {
  padding-top: 1.5rem;
  background: #c0e8ff;
}

section.form h2 {
  color: #3379a0;
}

.voter-links ul {
  text-align: center;
  margin: 1.5em auto;
}



.voter-links li {
  display: inline-block;
  margin: .5em auto;
  width: 90%;
}

/*Medium Up*/
@media only screen and (min-width: 64.063em) { 
  .voter-links li {
    display: inline-block;
    margin: .5em 1.5%;
    width: 46%;
  }
}

.voter-links li a {
  display: block;
  background: #c0e8ff;
  text-aling: center;
  color: #163050;
  font-size: 1.5em;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: .75em;
}

.voter-links li a:hover {
  background: #fff;
  border: 3px solid #c0e8ff;
}


.important-dates {
  display: block;
  margin: 2em 0;
}

.important-dates h3,
.redistricting h3  {
  font-size: 2em;
  text-align: center;
}

.important-dates ul {
  text-align: left;
}

.important-dates li {
  display: block;
  font-size: 1.5rem;
  padding: .5em;
}



/*my journey*/
img.inline  {
  width: 90%;
  display; block;
  margin: 0 auto;
  padding: 1em;
  border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.17);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.17);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.17);
}


/*Medium Up*/
@media only screen and (min-width: 64.063em) { 
  img.inline  {
    width: 500px;
    float: left;
    display: inline;
    margin: 0 1.5rem 1.5rem 0;
  }
}


/* 
================
   DONATE
================
*/
.column.donate-right,
.columns.donate-right { padding: 0;}

.quick-donate {
  color: #fff;
  text-align: center;
  background-color: #163050;
  z-index: 99;
  border: 8px solid #fff;
}

.contribute { 
/*  background-color: #fff;*/
  text-align: center;
}

.contribute h2 {
  font-size: 1.25rem;
  margin: 0;
  font-weight:  normal;
  /*color: #163050;*/
}

@media only screen and (min-width: 42.063em) { 
  .contribute { background: none; }
  .contribute h2 {
    color: #fff;
    line-height: 50%;
    padding: 13% 0;
  }
}

.quick-donate ul { 
  font-size: 0;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

.quick-donate li {
  font-size: 18px;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 25%;
  cursor: pointer;  
 }

 .quick-donate li:hover { 
  background-color: #e56127;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -transition: all 0.4s; 
}

.quick-donate li a { 
  border-left: 3px solid #fff;
  display: block;
  color: #fff;
  line-height: 50%;
  padding: 25% 0;
}

.quick-donate li:hover a { color: #fff; }




/*DONATE FOOTER*/

/*white*/
footer .donate-wrapper {
  81d2ff
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(129,210,255,1) 50%);
}

/*This is a different blue gradient for footer .donation for background-image pages*/
#endorse footer .donate-wrapper{ 
  background: rgb(225,225,255);
  background: linear-gradient(180deg, rgba(192,232,255,1) 50%, rgba(129,210,255,1) 50%);
}


 /*large Up*/
@media only screen and (min-width: 64.063em) { 
  footer .donate { margin: -68px auto 0;}
}

.contribute h2 { 
  font-family: 'Figtree', sans-serif;
  text-transform: uppercase;
}

 /*Small Only */
@media only screen and (max-width: 46.063em) {
  .contribute h2 {
    color: #fff;
    padding: 1em 0 .5em;
    background: #163050;
  }
}

 /*X-Small Only */
@media only screen and (max-width: 36.063em) {
  .contribute h2 {
    color: #fff;
    padding: 1em 0 .5em;
    background: none;
    font-weight: 600;
  }
}

/* 
================
   PRIORITIES
================
*/

.page-intro { padding-top: 2%; }

.page-intro h2.with-subtitle { margin-bottom: 0; }

.text-box { 
  display: block;
  padding: 2em 0; 
}

.text-box ul {
/*  list-style: disc;*/
  margin-left: 1.5em;
}

.text-box ul li { padding: .2em 0;}

#footer .text-box ul,
#footer .text-box li { 
  list-style: none;
  margin: 0;
  padding: 0;
}

.register .text-box ul {
  list-style: none;
}

.register .text-box ul ul { 
  list-style: disc;
}

#priorities .page-content li h3 { 
  color: #e56127; 
  letter-spacing: .05em;
}


/*Background-img*/

section.background-img  { 
  position: relative;
  overflow: hidden;
  /*background-color: #84C3CA;*/
}

.background-img img { 
  position: absolute; 
  bottom: 0;
  object-fit: contain;
  width: auto;
}

.background-img.top img { top: 0; }

section.lt-blue { background-color: #84C3CA; }
section.blue { background-color: #163050; }
section.background-img.grey { background-color: #e7e7e7; }

section.lt-blue,
section.lt-blue h2,
section.lt-blue h3,
section.lt-blue a,
section.background-img.blue h3,
section.blue,
section.blue h2,
section.blue h3,
section.blue a { color: #fff; }

section.blue a { text-decoration: underline;}
section.blue a:hover { color: #e56127;}


/*Priorities*/
#priorities .text-box .page-nav,
.page-nav {
  text-align: center;
  list-style: none;
  margin: 2em 0 0 0;
  padding: 0;
}

.page-nav li {
  display: inline-block;
  width: 100%;
  margin: .5em auto;
}

.page-nav li a { 
  display: block;
  color: #fff; 
  padding: .75em 0;
  text-align: center;
  font-size: 1.25em;
  color: #fff;
  background-color: #f1672e;
  border: 1px solid #fff;
  cursor: pointer;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  .page-nav { margin: 1em 0 0; }

  .page-nav li {
    display: inline-block;
    width: 250px;
    margin: .5em ;
  } 

  .page-nav li a { 
    padding: .5em;
    text-align: center;
    font-size: 1.25em;
    color: #fff;
    background-color: #f1672e;
    border: 1px solid #fff;
    cursor: pointer;
  }
}

.page-nav li a:hover,
.page-nav li a:active { 
  color: #f1672e; 
  background-color: #fff;
  border: 1px solid #f1672e;
}




/*Video Page*/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 1.5em;
}


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




/* 
================
  ENDORSEMENTS
================
*/


body#all-endorsements-draft .item,
body#endorse .item {
  background: #c0e8ff;
  border: 20px solid #fff; 
  padding: 1em;
}

body#all-endorsements-draft h3,
body#endorse .item h3 {
  display: block;
  text-align: center;
}


body#all-endorsements-draft h4,
body#endorse .item h4 {
  display: block;
  padding: 0 1rem 1rem;
  font-size: 1.25rem;
  font-family: 'Figtree', sans-serif;
  text-align: center;
}

body#all-endorsements-draft .moreinfo,
body#endorse .item .moreinfo  {
  padding: .5em;
}



/* 
================
  PRESS
================
*/


.press h3 {
  text-align: center;
}

.press .item {
  padding: 1.5em;
}

.press .item .inside {
  border: 1px solid #163050;
}

.read-button {
  display: block;
  width: 50%;
  margin: 1rem auto;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background: #e56127;
  border: 1px solid #fff;
}

.read-button:hover {
  background: #fff;
  color: #e54b27;
  border: 1px solid #e54b27;
}



/* 
================
  ARROW UP
================
*/

.arrow-up {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: .5em;
  font-size: 3em;
  color: #eff3f3;
  opacity: 0;
  transition: all 0.5s ease-in;
   -webkit-transition: all 0.5s ease-in;
   z-index: 999;
}

.arrow-up:hover,
 .arrow-up:active { 
  opacity: 1;
  color: #65b1dc;
}

.arrow-up.active {
  opacity: 1;
}



/*
------------------
 FOOTER
------------------
*/

footer {
  position: relative;
  text-align: center;
  background: #65b1dc;
  height: 40em;
}

footer .logo {
  display: inline-block;
  border: 10px solid #1690a7;
  width: 300px;
}

.footer-top,
.footer-bottom {
  /*margin: 0;*/
  padding: 1em;
  width: 100%;
  min-width: 100%;
  background-color: #81d2ff;
}

.footer-bottom { background-color: #163050; }


.site-nav { 
  text-align: center; 
  padding: 1.5em 0;
}


footer .menu.vertical {
  background: none;
  border: none;
}


  footer .menu.vertical li a {
    background: none;
    color: #fff;
  }


  footer .menu.vertical li a:hover {
    background: none;
    color: #163050;
  }

@media only screen and (min-width: 46.063em) {
  footer .menu.vertical li a:hover
{
    background: none;
    color: #163050;
  }
}


footer .site-nav li {
  font-family: 'Gloock', serif;
  letter-spacing: .05em;
  display: inline-block;
  font-size: 2em;
  line-height: 1.75em;
  color: #fff;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  .site-nav li  { font-size: 1.5em; }
}

footer .site-nav h3 { 
  color: #fff ;
  letter-spacing: .05em;
}

.site-nav li li { 
  border: none;
  background: none;
  display: block; 
  font-size: .9em;
  line-height: 1.5em;
  text-transform: none;
    font-family: 'Figtree', sans-serif;

}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  .site-nav li li { font-size: 1.25em; }
}

.site-nav li li a { color: #fff; }

.site-nav li a:hover, 
.site-nav li a:active { color: #163050; }


/*social media*/
.social-media ul { text-align: center; }
.social-media li { 
  display: inline-block;
  padding: .75em .5em;
}

.social-media a { 
  color: #fff;  
  font-size: 3em;
}

.social-media a:hover,
.social-media a:active { color: #163050; }


/*footer bottom*/
.footer-bottom { color: #fff; }



.notice {
  border: 1px solid #fff;
  padding: .5em;
  margin-bottom: 1em;
}



.policy-links ul { text-align: center; }

.policy-links li { 
  color: #fff;
  display: inline-block;
  padding: 0 .25em;
}

.policy-links li a { color: #fff; }

.policy-links li a:hover,
.policy-links li a:active { 
  text-decoration: underline;
  color: #fff; 
}

.credit { font-size: .8em; }


.smooth-link { position: absolute; }


/* 
================
   BUFFER
================
*/

.buffer { 
  display: block;
/*  -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, .750);
  -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, .750);
  -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, .750);
  transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, .750); */
}

#index .buffer { background-color: #B2D4EF; }



/* 
================
   FACEBOOK
================
*/

/*POSTs*/
#cff .cff-header .fa{ float: none; }
#cff .cff-header span{ display: none; }
#cff .cff-header{ width: 50%; margin: 0 auto; float: none; }
#cff .cff-header .fa{ display: none; }
#cff .cff-header span{ display: block; }

#index #cff-wrapper { text-align: center; }

#index #cff .cff-item {
  z-index: 9;
  position: relative !important;
  background-color: #fff !important;
  color: #000;
  display: inline-block !important;
  width: 100% !important;
  margin: 3% auto !important;
  padding: 20px 20px 50px;
  clear: none !important;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  #index #cff .cff-item {
    width: 30% !important;
    margin: 1.5% !important;
    padding: 20px 20px 20px;
    height: 500px;
    max-height: 500px;
    overflow: hidden;
  }
}

/*Large up*/
@media only screen and (min-width: 78.063em) { 
  #index #cff .cff-item {
    position: relative;
    width: 30% !important;
    margin: 1.5% !important;
    padding: 20px 20px 90px !important;
    height: 600px;
    max-height: 600px;
    overflow: hidden;
  }
}

.cff-photo { width: 100%; }

.cff-text {
  font-family: 'Gloock', serif;
  letter-spacing: .05em;
  color: #011012;
}

/*likes/comments/etc*/
#index #cff .cff-meta-wrap {
  background-color: #fff !important;
  position: absolute !important;
  padding-bottom: 10px;
  bottom: 0 !important;
  width: 90%;
  z-index: 999;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  #index #cff .cff-meta-wrap { width: 100%; }
}

.blue #cff a  { color: #163050 ; } 
#cff .cff-post-links { float: left !important; } 

.cff-likebox,
.cff-author,
.cff-author-img,
#cff .cff-author-img { 
  float: none !important;
  display: none !important; 
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#index #cff .cff-author .cff-author-text * { margin-left: 0 !important;}

#index .cff-post-text::first-line { 
  font-weight: bold;
  font-size: 22px;
}


/*EVENTS*/
.cff-start-date,
.cff-end-date { font-weight: bold;}

/*.cff-start-date, .cff-month, .cff-day { display: block; }
.cff-end-date, .cff-more-dates, .cff-multiple-dates, .cff-lightbox-link { display: none !important; }
.cff-month{ font-size: 20px; }
.cff-day{ font-size: 30px; }
.cff-start-date { }*/


/*title*/
.cff-details p:first-child { 
  font-family: 'Gloock', serif;
  letter-spacing: .05em;
  font-size: 18px !important;
  font-weight: 700;
}



/*LANDING PAGE*/
#landing {
  position: relative;
  background-image: url("../img/landing_page/sky_sm.jpg");
  background-size: cover;
  background-color: #01b4ec;
  }

.landing-wrapper {
  position: absolute;
    top: 50%;
    width: 90%;
    margin: 0 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
} 

.coming-soon { 
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  display: block;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  margin: 2em auto;
  padding: 1.5em;
  text-align: center;
  text-transform: uppercase;
  width: 75%;
}

 /*Medium Up*/
@media only screen and (min-width: 46.063em) { 
  .coming-soon { width: 50%; }
}

 /*large Up*/
@media only screen and (min-width: 78.063em) { 
  .coming-soon { width: 25%; }
}
 
 /*Medium Up*/
@media only screen and (min-width: 46.063em) {  
  #landing { background-image: url("../img/landing_page/sky_med.jpg"); }
}

 /*Medium Up*/
@media only screen and (min-width: 78.063em) {  
  #landing { background-image: url("../img/landing_page/sky_lg.jpg"); }
}