.widget .arlo-cal-month {
  background-color:#ff7b61 ;
  font-size:11px;
}

.widget .arlo-cal-day {
  font-size:25px;
  background-color:white!important;
}

.arlo-cal.arlo-left {
  max-width:8%!important; 
  position:relative;
  padding-top: -15px!important;
}

.arlo-list .arlo-widget-upcoming a{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*.entry-content-wrapper div li {
  display:inline-block!important;
  margin:auto;
}*/

.widget .harlo-cf li{ 
  display:inline-block!important;}

#arlo-for-wordpress-upcoming-widget-2 .widgettitle {
 text-align: center;
 padding-bottom:180px!important;
}

#arlo-for-wordpress-upcoming-widget-2 p{
  font-size: 11px;
  display:block;
  position:relative;
  padding-left:60px;
  line-height: 1.3;
  padding-top:5px;
}

#arlo-for-wordpress-upcoming-widget-2 li{
 height:100%;
 width:33%;
 display:inline-block;
 vertical-align:top;
 padding-bottom:30px!important;

}

#arlo-for-wordpress-upcoming-widget-2 a{
  font-size: 13px!important;
}

#arlo-for-wordpress-upcoming-widget-2 ul{
 list-style-type:none;
 margin:0px;
 padding:0px;
}

/*---------------------EVENT PAGE---------------------*/

.tabbed-area ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 250px;
}

.tabbed-area ul a {display:inline-block; width:270px;}

.tabbed-area li {
  display: table-cell;
}

.tabbed-area li a:hover, li a:visited, li a:link, li a:active{
    text-decoration: none;
}

.tabbed-area li a{
  color:#cef5f0;
  font-size:16px;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   word-spacing: 2px;
}

.tabbed-area a {
  display: inline-block;
  border: 5px solid;
  border-color:#1b2f5b!important;
  padding: 8px 16px;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#1b2f5b;
}

/* Change the link color on hover */
.tabbed-area a:hover {
  background-color: #ff7b61;
  color: white;
  display: inline-block;
  border: 5px solid;
  border-color:#ff7b61!important;
  padding: 8px 16px;
  padding-top:10px;
  padding-bottom:10px;
}

.tabbed-area li a:hover{
  color:#ffffff;
  font-size:16px;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.tabbed-area input[type="submit"]:hover {
    background-color: #555!important; 
    color: white;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0.0625em;
   word-spacing: 3px;
}

.tabbed-area input[type="submit"] {
  width: 270px;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  height:55px;
  font-weight:bold;
  font-size:17px;
  font-family: font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0.0625em;
   word-spacing: 3px;
}

.row{ background-color: #ffffff!important;
  border: 0px solid transparent!important;
  padding:0px;
  display:table-row;
}

.cell {
  border: 0px solid transparent!important;
  border-collapse: separate;
  border-spacing: 10px 5px;
  display:table-cell;
}

.left_column {
  padding-top:5px;
}

.td-content{
  display:flex;
}


.right{
  text-align:left;
  width:35%;
  border-left:2px solid;
  padding-left:30px;
}

.location {
  color: black; 
  font-weight:20px; 
  text-align: left; 
  font-weight: bold;
}

.date {
  color: black; 
  font-weight:20px; 
  text-align: left; 
  margin-bottom:30px;
}

.price {
  font-size:30px!important; 
  text-align: left; 
  font-weight: bold;
}

.arlo-cal2 {
  font-weight:16px; 
  text-align: left; 
  color:black;
}

.left_cell {
  vertical-align:top !important;
  height:auto!important; 
  padding:0px; 
  position:relative;
  float:left;
  width:25%;
  z-index:2;
}

.right_cell {
  height:auto;
  float:right;
  width:75%;
  z-index:1;
}

.right_cell_event {
  background-color:#ebedef; 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.box-wrap {
  padding: 0;
  width:100%;
  margin: 0;
  position:relative;
           }

.course-frame{
  width: 30%;
  height:100%;
  border: 2px solid;
  margin: 1%!important;
}

.button_learn_more {
  font-size: 10px;
  text-decoration : none;
  background-color: #1fa1d4;
  color: white!important;
}

.button_learn_more:hover{
  background: #ff7b61;
}

.nav {
    float:left;
    width:20%;
    height: 500px;
    background:grey;
}
.main {
    float:left;
    width:60%;
    height: 500px;
}

.arlo-category-list li a {
    display: block;
    color: #000;
  background-color:#1b2f5b;
    padding: 8px 16px;
    text-decoration: none;
}

.arlo-category-list li a:hover {
    background-color: #555;
    color: white;
}

.arlo-category-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
}

.box-wrap ul li {  
  display:list-item!important;
  list-style-type: none;
  padding-left:5%;
}

.box-wrap li:before {
display: marker;
marker-offset: 3em;
content: counter(mycounter, disc) "  ";
} 

.to-top-btn {
  font-size:12px;
  text-transform:uppercase!important;
}

.top-btn-right {
  text-align:right;
}

.outline-section{
 padding: 5% 10% 5% 10%;
}

.reg {
font-family: 'Lato'!important, 'HelveticaNeue'!important, 'Helvetica Neue'!important, Helvetica!important, Arial!important, sans-serif!important;
}


@media only screen and (max-width: 800px) {
    /* For mobile phones: */

  .left_cell, .right_cell, .tabbed-area a{
    width:100%; 
    }
  
  .right{
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }
     
 .tabbed-area ul {
  width: 100%;
  display: table;
  table-layout: fixed; /* optional */
}

.tabbed-area ul li {
  display: table-cell;
  width: auto;
  text-align: center;
}
 
  .event_cell{
    width:90%!important;
    float:middle!important;
  }  
  
  .text_on_image{
    margin-top:-40%!important;
    margin-left:10%!important;
    font-size:20px!important;
    width:80%!important;
  }
  
  .text_on_image_el{
    margin-top:-20%!important;
    margin-left:10%!important;
    font-size:20px!important;
    width:80%!important;
  }
  
  .left_cell{
  text-align: center!important; 
    margin:auto!important;
  }
  
  select{
    text-align:center;
  } 
  .bg{
    height:125px!important;
  } 
  .bg_01{
    height:125px!important;
  }  
}

@media only screen and (min-width: 1920px) {
 .bg{
   min-height:760px!important;
  }
  .bg_01{
   min-height:760px!important;
  }
   .bg_02{
   min-height:760px!important;
  }
  .bg_03{
   min-height:760px!important;
  }
}

@media only screen and (min-width: 2560px) {
 .bg{
   min-height:1000px!important;
  }
  .bg_01{
   min-height:1000px!important;
  }  
  .bg_02{
   min-height:1000px!important;
  }
  .bg_03{
   min-height:1000px!important;
  }
}

@media only screen and (max-width: 500px) {
  
  .text_on_image{
    color:black!important;
    font-size:15px!important;
    width:100%!important;
    padding-top:200px;
    padding-left:-10px!important;
  }
  
  .text_on_image_el{
    color:black!important;
    width:100%!important;
    padding-top:180px;
    padding-left:-10px!important;
  }
  
  .main_color strong{
    color:black!important;
  }
  
  h3{text-align:center!important;}
  
  .event_cell_01{
    padding-top:-20%!important;
  }
  
  .bg_01{
    background-position:70% 60%!important;
  }
  .bg{
    background-position:70% 60%!important;
  }
  .av-special-heading-tag strong{
color:white!important;
}
}

@media only screen and (max-width: 330px) {
   .bg_01{
    background-position: 70% 40%!important;
  }
  .bg{
    background-position: 70% 40%!important;
  }
  .av-special-heading-tag strong{
color:white!important;
}
}

@media only screen and (min-width: 800px) and  (max-width: 1024px){
    /* For tablets: */
  .right_cell {
  display:inline-block;  position:relative; 
  }
  
  .table{
    margin-left:auto;
    margin-right:auto;
    max-width:1024px;
    width:100%;
}
  
  .event_cell{
    width:45%!important;
    padding: 10px!important;
}
  
  .left_cell{
    font-size:13px!important;
    display:inline-block;  position:relative;
}
  
  .text_on_image{
  font-size:18px;
}
}


@media only screen and (min-width: 800px) and  (max-width: 1024px){
    /* landscape: */
.right_cell{max-width:70%;
  min-width:40%;
  z-index:2;
  }
  
.left_cell{width:20%;}
  
.tabbed-area ul{
      max-width:250px!important;
  }
  .tabbed-area ul a{
     max-width:250px!important;
  }
  input{
     max-width:250px!important;
  }
  
  .bg_01{
    background-position:70% 70%!important;
  }
  
  .bg{
    background-position:70% 70%!important;
  }
  
}

@media only screen and (min-width: 1024px) and  (max-width: 1200px){
    /* landscape: */
.right_cell{max-width:70%;
  min-width:40%;
  z-index:2;
  }
  
.left_cell{width:20%;}
 
.tabbed-area ul{
      max-width:270px!important;
  }
  .tabbed-area ul a{
     max-width:270px!important;
  }
}

/*---------------------------------CATALOGUE PAGE--------------------------*/
select {
      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background: url('dropdown_arrow.png') no-repeat;  /*Adds background-image*/
      background-position: 82px 7px;  /*Position of the background-image*/  
      width: 99%!important; /*Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
      /*My custom style for fonts*/
      color: #1455a2!important;
     font-size:15px;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   word-spacing: 2px;
}

select:hover{
  color: #ff7b61!important;
  font-size:16px;
  font-family: font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   word-spacing: 2px;
 
}

.event_cell{
  float:left; 
  width:30%; 
  position:relative;
  height:200px; 
  padding:20px;
  background: #eff2f7;
  border-radius: 2px;
  display: inline-block;
  margin: 1rem;
  position: relative;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-top:thick solid #ff7b61!important; 
}

.event_cell:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.button_learn_more{
  padding:7px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
  width: 100px;
  text-align:center!important;
  font-weight:bold;
}

.arlo-category-list li a {
  background-color:#ebedef!important;
}

.arlo-category-list li a:hover{
  color:#ff7b61 !important;
}

.event_cell{
  margin-left:15px!important;
  margin-top:20px!important;
  margin-bottom:20px!important;
}

.text_on_image{
  color: white;
  font-size: 30px; 
  margin-top: -25%; 
  margin-left: 20%; 
  width: 60%;
}

.bg{
   position:relative;
   background: url(https://projectplus.co.nz/wp-content/uploads/2016/11/training_header_all.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   border-bottom:10px solid #2388c2!important;
   left: 0;
   right:0;
   min-height:670px;
   margin-left: calc(35% - 50vw);
   margin-right: calc(35% - 50vw);
   margin-top:-170px!important;
}

 .bg_01{
   position:relative;
   background: url(https://projectplus.co.nz/wp-content/uploads/2016/11/iStock_94025537_header_sk.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   border-bottom:10px solid #2388c2!important;
   left: 0;
   right:0;
   min-height:350px;
   margin-left: calc(35% - 50vw);
   margin-right: calc(35% - 50vw);
   margin-top:-170px!important;
}

.bg_02{
   position:relative;
   background: url(https://projectplus.co.nz/wp-content/uploads/2016/11/cert_pr_head_01.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   border-bottom:10px solid #2388c2!important;
   left: 0;
   right:0;
   min-height:670px;
   margin-left: calc(35% - 50vw);
   margin-right: calc(35% - 50vw);
   margin-top:-150px!important;
}

.bg_03{
   position:relative;
   background: url(https://projectplus.co.nz/wp-content/uploads/2016/11/elearning_01.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   border-bottom:10px solid #2388c2!important;
   left: 0;
   right:0;
   min-height:670px;
   margin-left: calc(35% - 50vw);
   margin-right: calc(35% - 50vw);
   margin-top:-250px!important;
}

.content_sub{
  position:relative;
  display:block;
  width:100%;
}

.box_color {
  width: 220px;
  height: 170px;
  padding: 40px;
  background-color: #379cd6;
  display: flex;
  align-items: center;  
  position:relative;
  margin-top:-80px;
}

.box_color_02 {
  width: 220px;
  height: 170px;
  padding: 40px;
  background-color: #379cd6;
  display: flex;
  align-items: center;  
  position:relative;
  margin-top:-150px!important;
}

.box_color_03 {
  width: 220px;
  height: 170px;
  padding: 40px;
  background-color: #379cd6;
  display: flex;
  align-items: center;  
  position:relative;
  margin-top:-280px!important;
}

.icon_sub{
  margin-top:-60px;
  margin-left:35%;
  text-align:center;
  position:relative;
}

.heading_sub{
  position:relative;
  margin-left:-66px;
  margin-top:40px;
  text-align:center;
}

.text_on_image_02 h1{
 font-size: 30px!important; 
  color: white!important; 
  font-weight: 300!important; 
  letter-spacing: 1px!important; 
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; 
  line-height: 1.1em!important; 
  text-align: center!important; 
}

.text_on_image_02{
  color: white;
  font-size: 30px; 
  margin-top: -30%; 
  margin-left: 20%; 
  width: 60%;
}

.text_on_image_el{
  color: white;
  font-weight:normal;
  font-size: 30px; 
  margin-top: -32%; 
  margin-left: 20%; 
  width: 60%;
  position:absolute;
  font-size: 1em;
  letter-spacing: 1px;
  font-weight: 300;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 768px) and  (max-width: 1024px){
    /* For tablets: */
    .text_on_image_02{
  margin-top: -360px!important; 
  }
  
  .box_color_02 {
      margin-top:-120px!important; 
  }
  .text_on_image_el{
   margin-top: -300px!important; 
   width:80%!important;
   margin-left:10%!important;
  } 
  .box_color_03 {
   margin-top:-200px!important; 
  }
}


@media only screen and (max-width: 768px) {
 .text_on_image_02{
   margin-top: -370px!important; 
   width:80%!important;
   margin-left:10%!important;
  } 
  .text_on_image_02 h1{
   font-size:25px!important; 
    color:white!important;
  }  
  .box_color_02 {
   margin-top:-20px!important; 
  }
  .text_on_image_el{
   margin-top: -330px!important; 
   width:80%!important;
   margin-left:10%!important;
  } 
  .box_color_03 {
   margin-top:-180px!important; 
  }
}

@media only screen and (max-width: 500px) {
  .text_on_image_02{
   margin-top: -400px!important; 
   width:90%!important;
   margin-left: 5%!important; 
  }  
  .text_on_image_02 h1, .text_on_image_02 strong{
   font-size:20px!important; 
   color:white!important;
  }
  .box_color_02 {
   margin-top:40px!important; 
  }
  .text_on_image_el{
   margin-top: -500px!important; 
  } 
  .text_on_image_el h1, .text_on_image_el strong{
    color:white!important; 
    font-size:25px!important;
  }
  .box_color_03 {
   margin-top:-140px!important; 
  }
  
}

@media only screen and (max-width: 330px) {
   .text_on_image_02 h1, .text_on_image_02 strong{
     font-size:16px!important; 
} 
   .box_color_02 {
   margin-top:40px!important; 
  }
  .text_on_image_el h1{
    font-size:20px!important;
  }
}

.row_header {
  display: flex; /* equal height of the children */
  width:100%;
  height:150px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  position:relative;   
overflow:overlay;
}

.col_1, .col_2 {
  padding: 1em;
}

.col_1{
  width:30%;
  color: #555;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:bold;
  margin-left:20px!important;
  text-align:center;
  }
  
  .col_2{
    width:100%;
    background: url(https://projectplus.co.nz/wp-content/uploads/2016/11/pexels-photo-large.jpg) no-repeat center center;
    background-size:cover;
    border:solid;
  }

.text_header{ 
  font-size:30px;
  color: #666666;
  text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
  margin-left:-20px;
  text-align: center; 
  margin-top:20%;
}

.breadcrumbs {
  color:#555!important;
  font-size:13px;
  padding-left:5px;
  padding-right:5px;
}

.breadcrumbs:hover {
  color:rgb(255, 123, 97)!important;
}

@media only screen and (max-width: 768px) {
  .col_1{
    width:100%!important;
  }
}


.arlo-template_tags-list {    
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0 16px 8px 0;
    padding: 0 10px 0 12px;
    background: #1fa1d4;    
    -webkit-border-bottom-right-radius: 3px;    
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;    
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #ebedef;
    font-size: 12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    text-decoration: none;
    font-weight: bold;
    }
 
.arlo-template_tags-list:before {
    content: "";
    position: absolute;
    top:0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #1fa1d4 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;        
}


.arlo-template_tags-list:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(1,0,0,0.4);
    }

.arlo-template_tags-list:hover{
	box-shadow: 5px 5px 5px rgba(6,0,0,0.4);
}

#arlo-filter-category, #arlo-filter-location, #arlo-filter-delivery{
  font-size:16px!important;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
   word-spacing: 2px!important;
}


#arlo-event-filter option{
  color: #1455a2!important;
     font-size:16px;
  font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#arlo-event-filter option:hover{
  color: #1455a2!important;
}

.arlo-group-divider{
  margin-left:14px!important;
  margin-top: 7px!important;
  color:black!important;
  font-size: 1.3rem;!important;
  font-weight:bold!important;
}

.arlo-cf_1{
  float:left!important; 
  width:100%!important;
  display:inline-block!important; 
  position:relative!important;
}
 .arlo-cf_1::before, .arlo-cf_1::after {
   content: " "; 
   display:inline-block!important;
   position:relative!important; 
   width:100%!important;
}

.sp1{
margin-top:90px!important;
}

.cat_duration{
  position:absolute;  
  color:black;
  float:left;
  font-size:90%!important;
  color:black !important;
  margin-top:4%!important;
}

.arlo-places-remaining {display:block!important; margin-top:10px!important;font-size:11px!important;}









time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 4.8em;
  height: 6.3em;
  background-color: #fff;
  margin: 1.8em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.2em 0;
  color: #fff;
  background-color: #ff7b61;
  border-bottom: 1px dashed white;
  box-shadow: 0 2px 0 #ff7b61;
}

time.icon em
{
  position: absolute;
  bottom: 0.2em;
  color: #ff7b61;
}

time.icon span
{
  width: 100%;
  font-size: 2.0em;
  letter-spacing: -0.05em;
  padding-top: 0.9em;
  color: black;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

.cal_upcoming{
float:left!important;
  position:relative;
  width:20%!important;
}

.new_line{
  display:block!important; 
  float:left!important;
margin-top:60px!important;
margin-bottom:30px!important;}


.arlo-cf_2{
  width:100%;
  padding-left:20px!important;
  padding-right:20px!important;
  float:left!important;
  display: flex!important;
  margin-bottom:40px!important;
}

.cell_upcoming{
  margin-left:40px!IMPORTANT;
  position:relative;
  width:85%!important;
  margin-top:30px!important;
}

.cell_upcoming a{
color:#555!important;
font-size:20px!important;
}

.cell_upcoming h4:hover{
color:#9d9d9d;!important;
}

.registration_upcoming{
  position:relative; 
  display:inline!important;
   top:20px!important;
}

.cal_upcoming{flex:1;width:15!important;}

.arlo-template-summary {
  height: auto!important;
  font-size:14px!important; 
  font-family: "Source Sans Pro", Arial, Tahoma, sans-serif; 
  color: #969696!important;
  margin-bottom:15px!important;
}

#reg_btn_up .arlo-register{
text-decoration: none;
color: #fff!important;
padding: 8px 15px;
font-size:15px!important;
border-radius:25px!important;
}

#reg_btn_up{width:15%!important; float:right!important;}

.btn-more_info{
background: #ff7b61;
border:none!important;
float:right!important;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;  
border-radius:25px!important;
}

#reg_btn_up .arlo-register:hover {
  background-color:#555!important;
}

.btn-more_info:hover{
  background-color:#555!important;
}

.left_c{float:left!important;width:84%;}

.upcoming_filter select{
font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
background-color: #F1F7FB!important;
margin-right: 20px!important;
position: relative;
color: #636363!important;
text-align:center!important;
cursor: pointer!important;
width:200px!important;
text-transform: capitalize;
display: inline-block!important;
border-radius: 30px!important;
}

.upcoming_filter option{text-align:left!important;}

.upcoming_filter select:hover{
opacity:0.7;
color:#555;}

.upcoming_filter{
  text-align:center!important;
}

#arlo-filter-month{
font-size: 16px !important;
font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.arlo-filters-buttons a{
display:none!important;}

.arlo-list{
margin-top: -30px !important;
}

.arlo-boxed{margin-top:30px!important}

.a1{
    background: url(https://www.projectplus.co.nz/wp-content/uploads/2016/11/female-865110_960_720.jpg) no-repeat center center;
}

.arlo-boxed .arlo-list.upcoming .arlo-cf.arlo-group-divider {font-size:26px!important;}

.icon strong{color:white!important;}


@media only screen and (max-width: 600px) and (min-width: 480px){
  .cell_upcoming {width:80%!important;}
  .cell_upcoming a{width:150px!important;position:relative!important;}
  .cal_upcoming{width:10%!important;}
  .arlo-cf_2 {
    padding-left: 10px !important;
    padding-right: 10px !important;}
  
  .arlo-boxed .arlo-ellipsis {
    text-overflow: none!important;
    white-space: nowrap;
    overflow: none!important;}

  #reg_btn_up .arlo-places-remaining{font-size:10px!important;  line-height: 93%; width:110px!important; position:relative!important;  }
  
}
  
  
@media only screen and (max-width: 480px){
  .cell_upcoming{
  width:60%!important;
  }
    
  #reg_btn_up, .left_c {position:relative!important;}
  
  .left_c {margin-right:40%!important;margin-top:20px!important; max-width:200px!important; min-width:110px!important; }
  
  #reg_btn_up {width:100%!important;}
  
  .btn-more_info {float:left!important;}
  
  #reg_btn_up .arlo-places-remaining{font-size:10px!important;  line-height: 93%; width:110px!important; position:relative!important; float: left !important;}
  
  #sp_up_1{ display:block!important; margin-left:0px!important;}
  
}

#btn-upcoming-courses{
position:relative;
padding: 10px 10px 13px 10px;
max-width: 200px;
text-align: center !important;
font-weight: bold;
font-size: 10px;
text-decoration: none;
background-color: #1fa1d4;
color: white !important;
border-top:3px solid #ff7b61;
}

#btn-upcoming-courses:hover{
  background-color:#ff7b61;
}

.btn-upc-2{margin-right: 20px; float:right!important;}

@media only screen and (max-width: 800px){
.btn-upc-2{position: relative; float:left!important;left:50%!important; margin-left:-60px!important; margin-top:-30px!important; margin-bottom:40px!important;z-index:99999!important;}
}

.outline-section p, .outline-section li{
color:#605f5f!important;
}

@media only screen and (max-width: 600px){
  .entry-content-wrapper div li {
    line-height: 150%!important;}
  
  .col_2 {display:none;}
  
  .text_header{margin-top:40px!important;}
}

.text_header-2{
font-size: 30px!important;
color: #666666;
text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
margin-left: -20px;
text-align: center;
 margin-top:15%!important;}

@media only screen and (max-width: 600px){
#box-one strong, #box-two strong, #box-three strong, #box-four strong, #box-five strong, #box-six strong, #box-seven strong, #box-eight strong{color:#1fa1d4!important;}
}


.arlo-boxed .arlo-event-registration span{line-height: 12px}

@media only screen and (max-width: 767px){.arlo-boxed .arlo-event-registration span{padding-top:13px!important;width:100%!important;}}

.arlo-oa-registration{
  text-align: right;
text-decoration:none!important;
margin-bottom:50px!important;
}


.arlo-event-offers span{
text-align:right; 
font-size:20px!important; 
color:#333;
font-weight:bold;
}

.box-wrap li::before{
 content: none!important;
 }

.arlo-event-offers{
text-align:right; 
  margin-top:25px!important;
}

.location2 {
    font-weight: 20px;
    text-align: left;
    font-weight: bold;
}

@media only screen and (max-width: 600px){
  .location2, .arlo-event-offers, .arlo-oa-registration {text-align:center!important;}
}

.arlo-list {
    margin-top: -20px !important;
}

.arlo-powered-by{display:none;}