/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 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-2019 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-style: normal; font-weight: 700; 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; }

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

Arana College CSS

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

.titleinner {
    background: url(gfx/banner.jpg) center 0px no-repeat;
    padding-top: 14px;
}
#title h1 {
  background: url(gfx/title.png) 5px 50px no-repeat;
  color: #1f4a8c;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 45px;
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 1.1;
  opacity: 1;
  padding: 260px 43px 21px 23px;
  position: static;
  margin-top: 3px;
  max-width: 650px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#content h2 {
    border-bottom: none;
    border-top: 4px dotted #dddddd;
    color: #000000;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 35px;
    line-height: 1.3;
    margin: 0px 0 21px 0;
    padding-top: 28px;
    text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content h3 {
    color: #1f4a8c;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 14px;
    margin-top: 21px;
}
#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;
}
#content ul.pagesubnav {
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding-bottom: 14px;
	padding-top: 14px;
}
#content ul.pagesubnav li {
	margin-bottom: 4px;
}
#content ul.pagesubnav li a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#content ul.pagesubnav li ul {
  margin-top: 4px;
}
#content ul {
	margin-left: 16px;
}
#content ul li {
	margin-bottom: 5px;
}
#content table td {
	font-size: 13px;
}
#content ul.pagesubnav {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
  margin-top: 14px;
	padding-top: 14px;
	padding-bottom: 21px;
}
#content ul.pagesubnav li a {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content ul.pagesubnav li {
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
  list-style-position: outside;
  margin-bottom: 7px;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 14px;
}
#content .caption186 img,
#content .caption232 img {
	max-width: 97%;
}
#right {
    background: none;
}
.feedback-box {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 5px 10px #f9f9f9;
	box-sizing: border-box;
	min-height: 155px;
	margin-top: 14px;
	padding: 28px;
	position: relative;
}
.feedback-box p {
    font-style: italic;
}
.feedback-box:after {
	background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	width: 20px;
	bottom: -14px;
	left: 14px;
}
#content .feedback-box p img {
	border: 0;
	float: right;
	margin: 0 0 14px 14px;
    max-width: 30%;
	padding: 0;
}
#content p + p.fullwidthimage.nocaption {
    margin-top: 28px;
}
#content p.fullwidthimage.nocaption img {
    width: 100%;
}

#right {
    margin-top: 12px;
}
#right h2 {
    margin-bottom: 14px;
}
#right li {
    line-height: 1.5;
    margin-bottom: 4px;
}

/*  FRONTPAGE  */

body.frontpage #content h2:first-of-type {
    border-top: 0;
   padding-top: 0;
}




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


@media only screen and (min-width: 1024px) and (max-width: 1160px) {
	#contentwrapper {
		padding: 0 0 14px 0;
	}
}


/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }
}


@media only screen and (min-width: 769px) and (max-width: 928px) {
	#contentwrapper {
		padding: 0 0 14px 0;
	}
}



@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #right {
        border-bottom: none;
    }
    #features .events {
        width: 418px;
        margin-left: 232px;
        border-left: none;
    }
    #features .events article {
        margin-top: 14px;
    }
    #features .events article:first-child {
        margin-top: 14px;
    }
}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body.frontpage .titleinner,
    .titleinner {
        background: url(gfx/banner-inner.jpg) -500px 0px no-repeat;
        width: 100%;
    }
    #title h1,
    #title h1.notopimage {
        background-position: 0 32px;
        background-size: 240px;
        box-sizing: border-box;
        max-width: 97%;
        padding: 185px 4% 14px 4%;
    }
    body.frontpage .titleinner {
        padding-bottom: 0;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
    }
    body.frontpage #content h2 {
        padding-bottom: 0;
    }
    body.frontpage #content p img,
    body.frontpage #content p img[align="right"] {
        box-sizing: border-box;
        float: none;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 14px;
        max-width: 100%;
        width: 100%;
    }
    body.frontpage #content p.caption186 {
        margin-left: 0;
    }
    #features .events {
        margin-left: 0px;
        padding: 0;
        width: 97%;
    }
    #features .events article {
        margin-right: 5%;
        width: 47.5%;
    }
    #features .events article:nth-of-type(2n) {
        margin-right: 0;
    }
    #content p.caption232 {
      margin-left: 0;
    }
    #content p.caption232 img {
      max-width: 100%;
      width: 100%;
    }
}