/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*********

Otago University Childcare Association CSS

*********/

body {
    background: url(gfx/background2020.jpg) center 0px repeat-x #ffffff;
}
header#global_intro h1 {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}

#wrapper {
	background: url(gfx/banner2020.jpg) right 0px no-repeat;
}
#title h1.notopimage {
    padding-right: 165px;
    width: 100%;
    max-width: 882px;
    margin-bottom: 15px;
}
#title img {
	display: none;
}
/* #content h2 {
	margin: 35px 0 14px 0;
    text-rendering: optimizeLegibility;
    border-bottom: none;
    color: #528ba2;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 700;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 26px;
} */
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
    font-size: 16px;
    line-height: 1.55;
}
#content h2 strong {
    font-weight: 700;
}
#content  h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#title h1, body.frontpage #title h1.notopimage {
    background: url(gfx/title2020.png) 0px 65px no-repeat;
    color: #1da1a3;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0px 0 28px 23px;
    max-width: 882px;
    padding: 420px 0 0 0;
    position: static;
    text-rendering: optimizeLegibility;
}
#content h2 {
      border-bottom: none;
      color: #e4b011;
      font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1.25;
      padding-bottom: 10px;
      text-rendering: optimizeLegibility;
}
#content h3 {
      color: #1da1a3;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 23px;
      line-height: 1.3;
      margin-top: 21px;
}
#content h4 {
      color: grey;
      font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 22px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}
#right {
	background-image: none;
    padding: 0 0 0 43px;
}
#content {
  max-width: 882px;
  position: relative;
  width: 100%;
}
#content ul,
#content li,
#right ul li,
#content ol{
	margin-left: 0;
	list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
	list-style-position: outside;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-bottom: 8px;
	margin-left: 7px;
}
#content li {
	padding-bottom: 8px;
}
#content table td p,
#content table td{
	font-size: 15px;
	line-height: 1.4;
    padding: 9px 0 11px 0;
}
#content table td:first-of-type{
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
	font-size: 22px;
    color: #6eaca3;
}
#content table th {
	font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
	font-size: 20px;
	padding-bottom: 12px;
	padding-top: 12px;
	color: #25436f;
}
#content p.fullwidthimage img {
    border: none;
}
#content p img {
    border: none;
}
#content p.caption232 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 13px;
    border-bottom: none;
}
/* #content form fieldset legend {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    color: red;
} */
body.OTAGO065013 #content table td strong{
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
	font-size: 21px;
    color: #898f89;
}

body.OTAGO065013 #content table td:first-of-type {
    padding-right: 30px;
    width: 60%;
}
body.OTAGO065008 ol li {
    margin-bottom: 10px;
    line-height: 1.6;
/*     color: red; */
    
}
#content .tile-box-shadow-thumbnail-no-description.grid-third:hover,
#content .grid-half:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px)
} 
#content .tile-box-shadow-thumbnail-no-description.grid-third,
#content .grid-third {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease;
     margin-top: 30px;
}
body.OTAGO047864 #content .tile-box-shadow-thumbnail-description.grid-third h2 {
    color: #1da1a3;
    font-size: 26px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body.OTAGO047864 #content .grid-third h2{
    color: #2dafba;
    font-size: 26px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    padding-bottom: 30px;
}
#content .tile-box-shadow-thumbnail-description.grid-third a p:last-of-type {
    color: #333333;
    padding-bottom: 20px;
}
body.OTAGO065007 #content a {
    font-size: 20px;
	background: #1da1a3;
	border-radius: 22px;
	color: #ffffff;
    display: inline-block;
	margin-top: 10px;
	padding: 4px 20px 6px 20px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    border: solid 3px silver;
    letter-spacing: .25px;
}
body.OTAGO065007 #content a:hover {
    background: #e4b011;
    color: #ffffff;
}
body.OTAGO000528 #content form button.submit {
    color: #ffffff;
	padding: 4px 25px 6px 40px;
	border: solid 3px silver;
	background: url(/_assets/_gfx/circle-white-confirm.svg) no-repeat 14px center #18a39d;
    border-radius: 22px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: .25px;;
}
body.OTAGO000528 #content form button.submit:hover {
    color: #ffffff;
	padding: 4px 25px 6px 40px;
	border: solid 3px silver;
	background: url(/_assets/_gfx/circle-white-confirm.svg) no-repeat 14px center #e4b011;
    border-radius: 22px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
}
body.OTAGO065005 #content p.intro-text {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 26px;
    color: #1da1a3;
    line-height: 1.4;
    margin-bottom: 40px;
    padding: 25px;
/*     border: solid #e4b011 1px; */
    border-color: #e4b011;
    border-style: double;
}
#content .centre-image img {
    width: 100%;
    margin: 30px 0 0 0;
    
}
/* //////////Forms//////////// */

body.OTAGO000528 #content form fieldset legend,
body.OTAGO000528 #content form fieldset legend.required {
	color: #18a39d !important;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 26px !important;
	line-height: 1.25;
    margin-bottom: 21px;
	margin-top: 14px;
	float: none;
}
body.OTAGO000528 #content input[type="checkbox"]{ 
    width: 25px; min-height: 25px;
    margin-bottom: 30px;
}
body.OTAGO000528 #content input {
    background-color: #f9f9f9;
}
body.OTAGO000528 #content form fieldset {
    background: none;
    font-size: 16px;
}
body.OTAGO000528 #content form fieldset label {
    font-size: 16px;
    padding-top: 4px;
}

/* ///////location-info boxes/////// */



#content .location-info table th {
    font-size: 23px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    color: #e4b011;
    background-color: #f9f9f9;
    letter-spacing: 0.4px;
    padding: 20px;
    line-height: 1.2;
}
#content .location-info table a {
    border-bottom: none;
}
body #content .location-info table tr td  {
    font-size: 21px;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    color: grey;
}
body #content .location-info table tr td:first-of-type {
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    color: #1da1a3;
/*     color: #e4b011; */
    padding-left: 20px;
}
body #content .location-info table tr td {
    padding: 3px 0 7px 0
}
body #content .location-info table tr td:first-of-type {
    width: 17%
}
body #content .location-info table {
    border-left: solid #1da1a3 6px;
}

body #content .values-info span{
    color: #1da1a3;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 23px;
    line-height: 1.5;
    margin-top: 21px;
}
body #content .motto {
    color: #1da1a3;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 27px;
    padding: 15px 0 25px 0;
/*     background-color: #f9f9f9; */
/*     border-radius: 5px; */
    margin-top: 50px;
    text-align: center;
    border-top : 4px dotted #dddddd;
    border-bottom : 4px dotted #dddddd;
    line-height: 1.3
}
body.OTAGO047865 #content .location-info table th {
    color: #1da1a3;
}
body.OTAGO047865 #content .location-info table {
    margin-bottom: 50px;
}
body.OTAGO743864 #content h2+h3+p strong,
body.OTAGO065015 #content h3+p strong{
    font-size: 21px;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    color: grey;
    letter-spacing: .3px;
}

body #content .photo-features {
/*     background: red; */
    margin-bottom: 30px;
    margin-top: 50px;
}
body #content .photo-features p img {
    width: 31.9%;
    margin: 0px;
    padding-right: 15px;
}
body #content .photo-features p img:nth-of-type(3) {
    padding-right: 0px;
}
/* body #content .photo-features img:hover{
  -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);
  -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}
body #content .photo-features img:focus {
  outline: none;
  -webkit-transform: rotate(-3deg) scale(12.5); -moz-transform: rotate(-3deg) scale(12.5);
   -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
} */









/* ////////////


Frontpage styles


/////////////// */

body.frontpage #content .intro-text  {
    color: #1da1a3;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    color: #e4b011;
}
#title h1, body.frontpage #title h1.notopimage {
    margin-bottom: 0px;
}


@media (-webkit-min-device-pixel-ratio: 2),
      (min--moz-device-pixel-ratio: 2),
      (min-resolution: 2dppx),
      (min-resolution: 192dpi) {
           #title h1, #title h1, body.frontpage #title h1.notopimage {
               background-image: url(gfx/title2020@2x.png);
               background-size: 243px;
           }



/* MEDIA QUERIES ***************************************/



/*******************************************************

iPad landscape >

*******/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	body {
        background: none;
    }
    #title h1, body.frontpage #title h1.notopimage {
        background-position: 0 40px;
        background-size: 200px;
        max-width: 100%;
        padding-right: 0;
        padding: 300px 0 0 0;
    }
    #wrapper {
        background-position: 50px 35px;
        background-size: 1000px;
    }
    #contentwrapper {
        width: 879px;
    }
	body.frontpage #title h1.notopimage {
		max-width: 650px;
	}
      #content {
    max-width: 97%;
}
    #content {
        background-size: contain;
    }
}






/*******************************************************

Portrait tablet ^

*******/

@media only screen and (max-width: 768px) {
    body.frontpage {
        background: none;
    }
    #title h1 {
        background-size: 150px;
        background-position: 0 25px;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
        font-size: 32px;
    }
	body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 26px;
    }
	body.frontpage #content {
        padding-top: 0;
        padding-bottom: 42px;
    }
    body.frontpage #content .grid3 {
        width: 46%;
        overflow: hidden;
        margin-right: 9%;
    }
    body.frontpage #content .grid3 img {
        overflow: hidden;
    }
    body.frontpage #content .grid4 {
        width: 100%;
    }
    body.frontpage #content .grid4 .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid2:nth-of-type(2n) {
        margin-bottom: 28px;
    }
    body.frontpage #content .grid4 .grid_third {
        width: 100%;
    }
    body.frontpage #content .grid4 .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;                                
    }
	body.frontpage #right {
		margin-top: 0px;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
        padding: 0 0 0 232px;
	}
    body.frontpage #right .relatedinfo {
        width: 186px;
    }
    body.frontpage .shadow-box {
        background-size: 100%;
    }
}







/*******************************************************

Mobile styles (phone and small tablet) media query

*******/

@media only screen and (max-width: 700px) {                         
    body, body.frontpage {
        background: none;
    }
    body.frontpage #wrapper,
    #content {
        padding-top: 0;
    }
    #title h1, body.frontpage #title h1.notopimage {
        font-size: 28px;
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
     body.frontpage #title h1.notopimage, #title h1.notopimage {
        background-position: 0 50px;
        background-size: 150px;
        max-width: 100%;
        padding-right: 0;
        padding: 250px 0 0 0;
    }
    body.frontpage #wrapper,
    #wrapper {
        background-position: -200px 35px;
        background-size: 900px;
    }
    #title h1.notopimage {
        font-size: 40px;
    }
    body.frontpage #title h1 {
        margin-left: 0;
    }
    #content h2 {
        font-size: 35px;
    }

    body.frontpage #content .grid4 .grid1 {
        width: 30%;
        margin-right: 5%;
        margin-bottom: 0;
    }
    body.frontpage #content .grid4 .grid1:nth-child(2) {
        margin-right: 5%;
    }
    body.frontpage #content .grid4 .grid1:nth-child(3) {
        margin-right: 0;
    }
    body.frontpage #content .grid4 .grid1:nth-child(5) {
        width: 100%;
    }
    body.frontpage #content .grid4 .grid1.circle-icons-one h2,
    body.frontpage #content .grid4 .grid1.circle-icons-two h2,
    body.frontpage #content .grid4 .grid1.circle-icons-three h2,
    body.frontpage #content .grid4 .grid1.circle-icons-four h2 {
        background-size: 80px;
        padding: 14px 0;
        font-size: 40px;
    }
    body.frontpage #content .grid3 {
        overflow: hidden;
        width: 100%;
        margin-right: 0%;
        min-height: 20px;
    }
    body.frontpage #content .grid3 img {
        display: none;
    }
    body.frontpage #content .grid1.not-mobile-header {
        display: none;
    }
    .mobile-header {
        display: block;
        clear: both;
    }
    body.frontpage #content .grid1 p img {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    body.frontpage #right {
		width: 100%;
        padding: 0;
	}
    #content {
        max-width: 97%;
    }
    #content table {
        border: none;
    }
    #content table td {
        padding-right: 25px;
    }
    #content table td:last-of-type {
        padding-right: 0px;
    }
    body.OTAGO065005 #content p.intro-text {
        font-size: 23px;
        padding: 17px;
}
    body.frontpage #content .intro-text  {
        font-size: 28px;
        line-height: 1.2;
}
    body #content .photo-features {
/*         border: solid blue 2px; */
        margin-bottom: 30px;
        margin-top: 30px;
        flex-wrap: wrap;
        box-sizing: border-box;
         
}
    body #content .photo-features p img {
        width: 32.4%;
        margin-right: 7px;
/*         border: solid orange 2px; */
        box-sizing: border-box;
        padding: 0px;
}
    body #content .photo-features p {
        margin-bottom: 0px;
    }
    body #content .photo-features p img:nth-of-type(3){
        margin-right: 0px;
}
    #content .photo-features img,
	#content .photo-features p img,
	#content .photo-features p img[align="right"] {
		max-width: 100%;
		float: none;
		margin-left: 0px;
	}
     #content p.centre-image img{
        max-width: 100%;
        float: none;
    }
}
          
          
@media only screen and (max-width: 520px) {    
    body.frontpage #wrapper,
    #wrapper {
       background-position: -230px 35px;
    }
    body.OTAGO000528 #content form button.submit {
        width: 70% !important;
    }
    body #content .location-info table tr td  {
    font-size: 20px;
}
    body #content .location-info table tr td:first-of-type {
    width: 35%
}
    body #content .location-info table th {
    font-size: 22px;
}
    body #content .motto {
        font-size: 22px;
        margin-top: 0px;
    }
#title h1, body.frontpage #title h1.notopimage {
    margin-bottom: 12px;
}
        body #content .photo-features p img:first-of-type {
        width:100%;
}
    body #content .photo-features p img:nth-of-type(2),
    body #content .photo-features p img:nth-of-type(3){
        width: 48.9%;

}
}
      
          
          
@media only screen and (max-width: 375px) {
     body.frontpage #title h1.notopimage, #title h1.notopimage {
        background-size: 130px;
        background-position: 0 4px;
        padding-top: 165px;
    }
    body.frontpage #wrapper,
    #wrapper {
        background-position: -100px 35px;
        background-size: 580px;
    }
    #content {
        max-width: 97%;
    }
   #content table td {
        font-size: 15px;
        padding-right: 20px;
    }
    #content table td:first-of-type {
        font-size: 20px;
        padding-right: 16px;
    }
    body.OTAGO000528 #content form fieldset legend,
    body.OTAGO000528 #content form fieldset legend.required {
	   font-size: 21px !important;
        width: 100%;
}
    body.OTAGO000528 #content form fieldset label.required {
        line-height: 1.5;
    }
    body.OTAGO065005 #content p.intro-text {
        font-size: 19px;
        line-height: 1.4;
        margin-bottom: 30px;
        padding: 13px;
} 
    #content .tile-box-shadow-thumbnail-no-description.grid-third,
    #content .grid-third {
        margin-bottom: 20px;
        margin-top: 10px;
}
}