/*
Theme Name: revivportal
Theme URI: http://www.cuckoodesign.com
Author: Cuckoo Design
Author URI: http://www.cuckoodesign.com
Description: The revivportal theme for WordPress. 
Version: 1.00

Tags: revivportal
*/

body
{
  margin:0px auto 0px auto;
  text-align:left;
  color:#333333;
  font-size: 16px;
}

/****** TYPOGRAPHY ******/
body
{
  font-family:'Work Sans', sans-serif;
}
h1, h2
{
  font-family:'Abel', sans-serif;
}
.home h1,
.home h2,
.cover-image h1,
.cover-image h2
{
  text-shadow: 0px 0px 15px #999999;
}


h1,
legend
{
  font-size:30px;
  color:#024A6B;
}
h2,
h2 p,

{
  font-size:18px;
  line-height:24px;
}
h3
{
  font-size:22px;
  color:#024A6B;
}
a
{
  color:#1E9FD8;
  text-decoration:none;
  outline:0!important;
}
a.selected
{
  color:#024A6B!important;
}
a:focus,
a:visited
{
  text-decoration:none;
}
a.express
{
  color:#F17D23;
}
a.flagship
{
  color:#91C0DE;
}
a:hover
{
  color:#024A6B;
  text-decoration:none;
}
a.inverse
{
  color:#024A6B;
}
a.inverse:hover
{
  color:#1E9FD8;
}
a.button,
input[type=submit],
button[type=submit].button.submit
{
  margin-top:10px;
  margin-bottom:10px;
  padding:10px 50px 10px 50px;
  color:#024A6B;
  font-size:24px;
  border:2px solid #024A6B;
  border-radius:5px;
  background-color:transparent;
  display:inline-block;
}
a.button.light
{
  color:#1E9FD8;
  border:2px solid #1E9FD8;
}
a.button:hover,
input[type=submit]:hover,
button[type=submit].button.submit:hover
{
  background-color:#024A6B;
  color:#FFFFFF;
  border:2px solid #024A6B;
}
a.button img
{
  width:20px;
  padding-bottom:5px;
  margin-right:10px;
}
a.white
{
  color:#FFFFFF;
}
a.white:hover
{
  color:#1E9FD8;
  text-decoration:underline;
}


ul
{
  padding:0px;
  list-style:none;
}
li
{
  margin-bottom:10px;
  font-size:16px;
}
p
{
  font-size:16px;
}

img.imageStretch
{
  width:100%;
}
img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}



/****** COLOURS ******/
.dark-blue
{
  color:#024A6B;
}
.red
{
  color:#DD5340;
}
.grey
{
  color:#333333;
}
.white
{
  color:#FFFFFF;
}

#bg-reviv
{
  background-color: #F2F2F2;
}
#bg-flagship
{
  background-color:#EAF2F8;
}
#bg-express
{
  background-color:#FCF2EB;
}

.bg-blue
{
  background-color:#024A6B;
}
.bg-dark
{
  background-color:#333333;
}



/****** BOOTSTRAP AND BROWSER OVERRIDES ******/
.row
{
  margin-top:30px;
  margin-bottom:30px;
}

.no-margin
{
  margin:0px;
}
.no-padding
{
  padding:0px;
}
.right
{
  float:right;
}
.left
{
  float:left;
}

.page-template-page-contact-php input[type=text],
.page-template-page-contact-php input[type=email],
.page-template-page-contact-php textarea
{
  border:none;
  border-bottom:2px solid #024A6B;
  outline:none;
  width:100%;
  font-size:18px;
  color:#1E9FD8;
}

textarea
{
  resize:none;  
}


/****** CONTENT ******/
.hero
{
  padding-bottom:30px;
}
.hero h1
{
  margin-top:30px;
  margin-bottom:30px;
}

.heading
{
  overflow:hidden;
  margin-bottom:0px;
}
.heading [class*="col-"] img,
img.threedots
{
  width:60px;
  padding-bottom:10px;
}

.divider img
{
  width:50px;
  margin-top:30px;
  margin-bottom:30px;
}


.tile-wrapper
{
  position:relative;
  top:0;
  left:0;
  height:100%!important;
  width:100%;
}
.tile-content-wrapper
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;

}
a.tile-link
{
  display:block;
  color:#FFFFFF;
}
a.tile-link.flagship:hover div
{
  background-color:rgba(30, 159, 216, 0.3);
}
a.tile-link.express:hover div
{
  background-color:rgba(241, 125, 35, 0.3);
}
#home-grid a.tile-link:hover div
{
  background-color:rgba(2, 74, 107, 0.5);
}
#home-grid .table-cell
{
  vertical-align:bottom;
}
.tile-wrapper
{	
  background-color:#000000;
}
.tile-wrapper img
{
  opacity:0.8;
  filter:alpha(opacity=80);
}

#home-icon a.tile-link
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  color:#FFFFFF;
}

.article
{
  margin-bottom:40px;
}

.icon-section
{
  width:60px;
  margin-right:15px;
  margin-top:15px;
  margin-bottom:5px;
}  

.icon
{
  width:100px;
  margin-top:20px;
  margin-bottom:20px;
}
.icon.resource
{
  margin:0px;
}
.activity-section-left
{
  border-right: 3px solid #024A6B;
  padding-bottom: 50px;
  height: 100%;
}

.activity-titles
{
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 30px 15px 30px;
}
.activity-titles h1
{
  margin: 0px;
  color: inherit;
  font-size: 24px;
}
.activity-titles .counter
{
  display: inline-block;
  border: 2px solid #024A6B;
  color: #024A6B;
  float: right;
  font-size: 16px;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
}
.activity-titles a:hover .counter
{
  border: 2px solid #024A6B;
  background-color: #024A6B;
  color: #FFFFFF;
}
.activity-titles .counter.red
{
  border: 2px solid #DD5340;
  background-color: #DD5340;
  color: #FFFFFF;
}
.activity-titles.highlight
{
  background-color: #024A6B;
}
.activity-titles.highlight h1
{
  color: #FFFFFF;
}

/****** POP-UP ******/
.popup-wrapper
{  
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:4;
  background-color:rgba(0, 0, 0, 0.7);
  opacity:1;
  filter:alpha(opacity=100);
}
.popup
{
  display:inline-block;
  padding:40px 60px 40px 60px;
  background-color:#024A6B;
  border:2px solid #FFFFFF;
  border-radius:5px;
  overflow:hidden;
}
.popup img
{
  width:30px;
}
.popup .form-wrapper
{
  display:inline-block;
}
.popup form
{
  margin-top:30px;
}
.popup label
{
  color:#FFFFFF;
  margin-right:30px;
  font-size:18px;

}
.popup input[type=email],
.popup input[type=text],
.popup input[type=password]
{
  width:300px;
  height:40px;
  padding:5px;
  margin-bottom:15px;
  border-radius:5px;
  border:2px solid #FFFFFF;
  box-shadow:none;
  -webkit-appearance:none;
  outline:none;
  font-size:18px;
  color:#1E9FD8;
}
.popup input[type=submit]
{
  margin-top:10px;
  margin-bottom:10px;
  padding:10px 30px 10px 30px;
  color:#FFFFFF;
  font-size:24px;
  border:2px solid #FFFFFF;
  border-radius:5px;
  background-color:transparent;
  display:inline-block;
}
.popup input[type=submit]:hover
{
  color:#024A6B;
  background-color:#FFFFFF;
}
.popup-hidden
{
  pointer-events:none;
  opacity:0;
  filter:alpha(opacity=0);
}

/****** ANIMATIONS ******/
a.tile-link div,
.header,
.header ~ div,
.popup-wrapper
{
  transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}



/****** ISOTOPE ******/
.grid-item
{
  width:25%;
}
.grid-item img
{
  width:100%;
}
#home-grid .grid-item
{
  width:33.33%
}


.cover-image
{
  background-repeat:no-repeat;
  background-position:right top;
  background-size:cover;
  background-origin:initial;
  position:relative;
  overflow:hidden;
  
  text-align:center;
}
.cover-image.home
{
  background-position:left top;
  
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}
.home h1
{
  font-size:32px;
}

.bar
{
  margin-top:30px;
  margin-bottom:15px;
  overflow:hidden;
}
.bar .left
{
  padding-top:10px;
}
.bar.bar-m a
{
  font-size:14px;
  display:inline-block;
  padding:10px 15px 5px 15px;
  border-radius:5px;
}
.bar.bar-m a:hover
{
  color:#FFFFFF;
  background-color:#024A6B;
}
.bar img
{
  width:5px;
  margin-left:10px;
  padding-bottom:5px;
}


/****** HELPER CLASSES ******/
.table
{
  position:relative;
  display:table;
  top:0;
  left:0;
  height:100%;
  width:100%;
  margin-bottom:0;
}
.table-cell
{
  display:table-cell;
  vertical-align:middle;
  width:100%;
}
.offset
{
  padding-left:90px;
}
.margin-15
{
  margin-top:15px;
  margin-bottom:15px;
}
.padding-30
{
  padding:30px;
}
.margin-top30
{
  margin-top:30px;
}

.titelcase
{
  text-transform:capitalize;
}

.faded
{
  opacity:0.3;
  filter:alpha(opacity=30);
  /*pointer-events:none;*/
}


/****** HEADER AND FOOTER ******/
.header
{
  position:fixed;
  left:0%;
  height:100%;
  background-color:#024A6B;
  text-align:center;
  z-index:1;
  transition:all 0.5s cubic-bezier(.78,.01,.18,1);
  -ms-transition:all 0.5s cubic-bezier(.78,.01,.18,1);
  -moz-transition:all 0.5s cubic-bezier(.78,.01,.18,1);
  -webkit-transition:all 0.5s cubic-bezier(.78,.01,.18,1);
  
}
.header.open
{
  left:50%;
}
#close-menu img
{
  width:30px;
  margin-top:25px;
  margin-right:25px;
}
#nav
{
  clear:both;
  padding-left:75px;
  padding-right:70px;
}
#nav img
{
  width:35px;
}
#nav ul
{
  margin-top:25px;
  margin-bottom:25px;
}
#nav ul li
{
  font-size:20px;
  margin-bottom:15px;
}
#nav ul li a
{
  color:#FFFFFF;
}
#nav ul li a:hover
{
  color:#1E9FD8;
}
#nav ul li ul
{
  padding-left:20px;
  margin-top:15px;
  margin-bottom:15px;
}
#nav ul li ul li
{
  font-size:16px;
  margin-bottom:15px;
}

.footer
{
	margin-top:30px;
}

.footer h5
{
  color:#FFFFFF;
}
#footer-text
{
  float:right;
  text-align:center;
}

.contact-banner
{
  background-color:rgb(161, 182, 195);
}


/******** RESPONSIVE ********/
/* Max width override of jquery width calculation */
@media all and (max-width:420px)
{
  .header.open
  {
    left:5%!important;
    width:95%!important;
  }
  .popup
  {
    width:90%;
  }
  .activity-section-left
  {
    border-right: none;
  }
}
/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width:0px)
{
  img.logo
  {
    width:125px;
  }

  .bar .left
  {
    float:right;
  }
  
  #footer-text
  {
    float:none;
  }
  .grid-item,
  .grid-item-6,
  #home-grid .grid-item
  {
    width:100%;
  }

  .popup
  {
    padding:30px;
  }
  .popup form
  {
    text-align:left;
  }
  .popup input[type=text],
  .popup input[type=email],
  .popup input[type=password]
  {
    width:100%;
  }

  .heading [class*="col-"] img,
  img.threedots
  {
    width:60px;
    padding-bottom:10px;
  }
  .activity-section-left
  {
    border-right: none;
  }
}

/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width:375px)
{
  img.logo
  {
    width:155px;
  }

  .bar .left
  {
    float:right;
  }

  #footer-text
  {
    float:none;
  }
  .grid-item,
  .grid-item-6,
  #home-grid .grid-item
  {
    width:100%;
  }

  .popup
  {
    padding:30px;
  }
  .popup form
  {
    text-align:left;
  }
  .popup input[type=email],
  .popup input[type=text],
  .popup input[type=password]
  {
    width:100%;
  }

  .heading [class*="col-"] img,
  img.threedots
  {
    width:60px;
    padding-bottom:10px;
  }
  .activity-section-left
  {
    border-right: none;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px)
{
  img.logo
  {
    width:200px;
  }

  .bar .left
  {
    float:left;
  }
  
  #footer-text
  {
    float:right;
  }
  .grid-item,
  .grid-item-6
  {
    width:50%;
  }
  #home-grid .grid-item
  {
    width:33.33%
  }

  .popup
  {
    padding:40px 60px 40px 60px;
  }
  .popup form
  {
    text-align:right;
  }
  .popup input[type=email],
  .popup input[type=text],
  .popup input[type=password]
  {
    width:300px;
  }

  .heading [class*="col-"] img,
  img.threedots
  {
    width:50px;
  }
  .activity-section-left
  {
    border-right: 3px solid #024A6B;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px)
{
  img.logo
  {
    width:200px;
  }

  .grid-item
  {
    width:25%;
  }
  .grid-item-6
  {
    width:16.66%;
  }

  .heading [class*="col-"] img,
  img.threedots
  {
    width:60px;
    padding-bottom:10px;
  }
}

/* to deal with iPad held landscape */
/*@media all and (min-width:1025px)*/
@media all and (min-width:1025px)
{
  
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px)
{

}

@media (min-width:1600px)
{
  
}