/* Chapman University Homepage CSS */


/***************************************************
* General homepage styles
***************************************************/

/* Override default stylesheet */
html { background:#ecebe5 !important;  }
h1, h2, h3, h4, h5, h6 { font-style: normal; }

/* Call to action buttons */
a.button { display: inline-block; padding:15px 25px; font-size:16px; border-radius: 3px; background:#dad8cf no-repeat center; color:#353430; }
a.button:hover { background-color:#cac9c4; text-decoration: none; }
a.button.red { background:#a82439 no-repeat center; color:#FFFFFF; }
a.button.red:hover { background-color:#C92741; text-decoration: none; }
a.button.blue { background:#407892 no-repeat center; color:#FFFFFF; }
a.button.blue:hover { background-color:#4c87a2; text-decoration: none; }

a.button { width:80%; margin-bottom:10px; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (min-width:500px) {
    a.button { width:auto; margin-bottom:0; }
}

/* Padding for content area */
#main .maxWidth { margin:0 15px; }

@media only screen and (min-width:780px) {
    #main .maxWidth { margin:0 30px; }
}

@media only screen and (min-width:1180px) {
    #main .maxWidth { margin:0 auto; }
}

/***************************************************
* Hero area navigation controls
***************************************************/

#main #mastheadNavigationWrapper { position: relative; height: 0px; overflow: visible; z-index: 100; }

#main #mastheadNavigation { position: absolute; top:15px; right:0; z-index: 100; display: none; }
#main #mastheadNavigation .smallButton {
    color:#FFFFFF;
    border:none;
    border-radius: 3px;
    width:44px;
    height:44px;
    padding:5px;
    margin:0 0 0 10px;
    background:url('../img/gray_50.png');
    text-indent: -9999px;
    opacity: 0.75;

    -webkit-transition: opacity 0.2s ease-out, height 0s ease-out;
       -moz-transition: opacity 0.2s ease-out, height 0s ease-out;
         -o-transition: opacity 0.2s ease-out, height 0s ease-out;
            transition: opacity 0.2s ease-out, height 0s ease-out;
}

#main #mastheadNavigation .smallButton.disabled { opacity:0; cursor: default; height:0px; padding:0px; overflow: hidden; }

#main #mastheadNavigation .smallButton:hover { opacity:1; }
#main #mastheadNavigation .smallButton:focus { outline: none; }

#main #mastheadNavigation #changeVolume {
    background: rgba(0,0,0,0.8) url('../img/icons/svg/volume-on_white.svg') no-repeat center;
    background-size: 20px;
}
#main #mastheadNavigation #changeVolume.muted {
    background: rgba(0,0,0,0.8) url('../img/icons/svg/volume-off_white.svg') no-repeat 16px center;
    background-size: 20px;
}
#main #mastheadNavigation #showOlderContent {
    background: rgba(0,0,0,0.8) url('../img/icons/svg/arrow-right_white.svg') no-repeat center;
    background-size: 20px;
}
#main #mastheadNavigation #showNewerContent {
    background: rgba(0,0,0,0.8) url('../img/icons/svg/arrow-left_white.svg') no-repeat center;
    background-size: 20px;
}

 @media only screen and (min-width:680px) {
    #main #mastheadNavigation { display: block; }
}

/***************************************************
* Main Hero Area
***************************************************/
.fast_transition {
  -webkit-transition: left 1s ease-out, opacity 1s ease-out;
     -moz-transition: left 1s ease-out, opacity 1s ease-out;
       -o-transition: left 1s ease-out, opacity 1s ease-out;
          transition: left 1s ease-out, opacity 1s ease-out;
}

.slow_transition {
  -webkit-transition: left 2s ease-out, opacity 2s ease-out;
     -moz-transition: left 2s ease-out, opacity 2s ease-out;
       -o-transition: left 2s ease-out, opacity 2s ease-out;
          transition: left 2s ease-out, opacity 2s ease-out;
}

#heroWrapper { overflow: auto; background:#111111; }

#hero {
    clear: both;
    position: relative;
    overflow: hidden;
    min-height:300px;
    padding:15px 0 80px 0;
    background:#333333 no-repeat center;
    background-size: cover;
    color:#FFFFFF;
}

#hero .button { margin-right:10px;}
#hero .actions { margin-top:50px; }

@media only screen and (min-width:780px) {
    #hero { min-height:350px; padding:15px 0 150px 0; }
    #hero .actions { margin-top:70px; }
}

@media only screen and (min-width:1180px) {
    #hero { min-height:450px;  }
}

@media only screen and (min-width:1480px) {
    #hero { min-height:550px;  }
}


/*
* Top content layer & Title Styles
***************************************************/
#hero #mastheadContent { position: relative; z-index: 20; }


/* Dark BG Colors */
#hero.dark-bg .heading,
#hero.dark-bg .subheading,
#hero.dark-bg .excerpt { color:#FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

/* Light BG Colors */
#hero.light-bg .heading,
#hero.light-bg .subheading,
#hero.light-bg .excerpt { color:#353430; }


/* Alignment */
#hero.align-left { text-align: left; }

#hero.align-right { text-align: right; }
#hero.align-right .excerpt { margin-left: auto !important; margin-right: 0 !important; }

#hero.align-center { text-align: center; }
#hero.align-center .excerpt { margin-left: auto !important; margin-right: auto !important; }

/* Styles */
#hero .heading      { margin:0; padding:40px 0 0 0; font-size:32px; line-height: 32px; text-transform: none; font-weight: 800; }
#hero .subheading   { margin:0; padding:0;          font-size:32px; line-height: 32px; text-transform: none; font-weight: 800; }
#hero .excerpt      { margin:20px 0; padding:0; font-size:14px; line-height: 16px; max-width:600px; display: none; }

#hero .heading.uppercase    { }
#hero .heading.lowercase    { }
#hero .heading.extended     { }
#hero .heading.thin         { }

#hero .subheading.uppercase { }
#hero .subheading.lowercase { }
#hero .subheading.extended  { }
#hero .subheading.thin      { }

@media only screen and (min-width:480px) {

    #hero .heading      { display: block; }
    #hero .subheading   { display: block; }
    #hero .excerpt      { display: block; }

    #hero .heading.uppercase    { text-transform: uppercase; }
    #hero .heading.lowercase    { text-transform: lowercase; }
    #hero .heading.extended     { letter-spacing: 4px; }
    #hero .heading.thin         { font-weight: 100; }

    #hero .subheading.uppercase { text-transform: uppercase; }
    #hero .subheading.lowercase { text-transform: lowercase; }
    #hero .subheading.extended  { letter-spacing: 4px; }
    #hero .subheading.thin      { font-weight: 100;  }
}


@media only screen and (min-width:780px) {
    #hero .heading      { font-size:48px; line-height: 48px; padding-top:100px; }
    #hero .subheading   { font-size:48px; line-height: 48px; }
    #hero .excerpt      { font-size:18px; line-height: 22px; }

    #hero .heading.uppercase    { }
    #hero .heading.lowercase    { }
    #hero .heading.extended     { }
    #hero .heading.thin         { font-size:62px; line-height: 62px; }

    #hero .subheading.uppercase { }
    #hero .subheading.lowercase { }
    #hero .subheading.extended  { }
    #hero .subheading.thin      { }
}

@media only screen and (min-width:1140px) {
    #hero .heading      { font-size:52px; line-height: 52px; }
    #hero .subheading   { font-size:52px; line-height: 52px; }
    #hero .excerpt      { font-size:18px; line-height: 22px; }

    #hero .heading.big800      { }
    #hero .heading.lowercase    { }
    #hero .heading.extended     { }
    #hero .heading.thin         { font-size:62px; line-height: 62px; }

    #hero .subheading.big800   { }
    #hero .subheading.lowercase { }
    #hero .subheading.extended  { }
    #hero .subheading.thin      { }
}

/*
* Middle gradient layer
***************************************************/
#hero #mastheadGradient { 
    position: absolute; top:0; left:0; width: 100%; height:100%; z-index: 10;

    background: rgba(0,0,0,0.4);
    background: url('../img/gray_30.png') repeat;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

/*
* Background image or video layer
***************************************************/
#hero #mastheadBackground { position: absolute; top:0; left:0; width: 100%; min-height:100%; overflow: hidden; }
#hero #mastheadBackground img { width:100%; height:auto; }
.backgroundsize #hero #mastheadBackground img { display: none; }

#hero #mastheadVideo { position: absolute; top:0; left:0; width: 100%; height:auto; }

@media only screen and (max-width:639px) { 
    #hero #mastheadVideo { display: none; }
}

@media only screen and (min-width:640px) { 
    /*#hero.video-playing[style] { background:#111111 !important; }*/
}

/***************************************************
* Story styles - For Homepage
***************************************************/

/* Hides stacked images on older browsers */
.imagerotator { position: relative; }
.imagerotator img { position: absolute; top:0; left:0; }

#featured_stories { width:100%; padding:25px 0; position: relative; z-index: 30; overflow: auto; }

#featured_stories .announcement { overflow:auto; clear:both; margin:0 0 25px 0; padding:10px; }

#featured_stories .announcement .details { float: none; max-width:100%; margin-top:15px; }
#featured_stories .announcement .imagerotator { float: none; max-width:100%; /*height:300px;*/  }

#featured_stories .announcement .imagerotator img { width:100%; height: auto; border-radius: 3px; }
#featured_stories .announcement .title { text-transform: none; color:#a82439; font-size:24px; line-height: 24px; margin:0; }

#featured_stories .announcement .source { margin:4px 0 0;  }
#featured_stories .announcement .source a { background-position: 0 center !important; padding-left:24px !important; }

#featured_stories .announcement .source a,
#featured_stories .announcement a.tag { color:#000000; opacity: 0.5; }

#featured_stories .announcement .source a:hover,
#featured_stories .announcement a.tag:hover { opacity: 0.8; color:#a82439 }

#featured_stories .third { display: none; }

@media only screen and (min-width:680px) {

    #featured_stories { padding:50px 0; }

    #featured_stories .third { display: block; width:50%; }
    #featured_stories .third .story-3 { display: none; }

    #featured_stories .announcement .details { float: left; max-width:65%; margin-top:0; }
    #featured_stories .announcement .imagerotator { float: left; margin-right:2%; width:33%; }

    #featured_stories .actions { padding:25px 0 0 0; }

}

@media only screen and (min-width:960px) {

    #featured_stories .third { width:33%; }
    #featured_stories .third .story-3 { display: block; }

    /* IE Compatibility */
    .ie7 #featured_stories .third { padding:0; width:31%; margin-right:2%; }

    #featured_stories .announcement .details { float: left; max-width:55%; }
    #featured_stories .announcement .imagerotator { float: left; margin-right:2%; width:43%;  }

    #featured_stories .announcement .details .title { font-size:30px; line-height: 36px; }

}

@media only screen and (min-width:1180px) {
    #featured_stories .announcement .details { max-width:349px; }
    #featured_stories .announcement .imagerotator { width:725px; margin-right:34px; }
}

.stories .story .publication_date { display: none; }
.stories .story .story-bg { margin-top:15px; }

/* Limit story tile height */
.stories .story .permalink { max-height:265px; }
.stories .story .title { color: #a82439; text-transform: none; min-height:50px; }

/* NOTE: ICON DATA IS DOWNLOADED FROM cu_icons.css; these rules supplement the data which is loaded. */
.stories .blogname a { background-repeat: no-repeat !important; background-position: 10px center !important; background-size: 20px !important; display: block; padding-left:35px !important; }

/* from Inside.Chapman styles */
/***************************************************
* Story structure
***************************************************/
.stories .story { width:100%; margin-bottom:15px; border:1px solid #eaeaea; }
.stories .story { color:#a82439; background:#FFFFFF; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); border-radius: 3px; }
.stories .story .story_footer,
.stories .story .story_footer .meta { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.stories .story a { color:#a82439; text-decoration: none; }
.stories .story p { margin:0; }
.stories .story img { max-width:100%; }

.stories .story .title { margin:0 20px 0 20px; font-size:18px; line-height: 20px; }
.stories .story .publication_date { margin:5px 0 20px 24px; font-size:12px; clear:both; color:#62605a; }

.stories .story a.permalink     { display: block; overflow: hidden; }
.stories .story.big a.permalink   { max-height:483px; }
.stories .story.small a.permalink { max-height:365px; }

/* Truncate long titles */
.stories .story .title .beginning:after { content:"…"; }
.stories .story .title .end { display: none; }

/* Expand long titles */
.stories .story a.permalink:hover .title { color:#C92741; }
.stories .story a.permalink:hover .title .beginning:after { content:""; }
.stories .story a.permalink:hover .title .end { display: inline; /*max-height:99px;*/ }

.stories .story .tag {
  display: inline-block;
  padding:5px 10px 5px 20px;
  /*background:#f7f6f0;*/
  /*border-left:5px solid #a82439;*/
  margin:15px 0 0 0;
  color:#62605a;
  text-decoration: none;
  font-size:12px;
  /*border-radius: 3px;*/

  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
/*.stories .story .tag:hover { background: #eceadf; color:#a82439; padding-left:25px; }*/
.stories .story .tag:hover { background: #f7f6f0; color:#a82439; padding-left:25px; }

.stories .story-bg { background-size: cover; background-repeat: no-repeat; background-position: center; background-color:#f7f6f0; min-height:200px; }
.stories .story-bg img { display: none; }

@media only screen and (min-width:980px) {
    .stories .story .title { font-size:24px; line-height: 24px; }
}

@media only screen and (min-width:1180px) {
  .stories .story.big .title { font-size:30px; line-height:32px; }
  .stories .story.big .story-bg { min-height:350px; }
  .stories .story .publication_date { margin-bottom:30px; }
}

/* from Inside.Chapman styles */
/***************************************************
* Footer Elements
***************************************************/

.stories .story_footer { position: relative; background:#f7f6f0; overflow: visible; min-height:40px; font-size:12px; line-height:20px; }
.stories .story_footer p { margin:0; font-size:12px; line-height:18px; }

.stories .story_footer a,
.stories .story_footer .meta a:hover { opacity:1; }

.stories .story_footer .source { position: absolute; top:0; left:0; background:#f7f6f0; }

.stories .story_footer .source:hover a { z-index: 2; opacity:1; color:#a82439; }
.stories .story_footer .source a { padding:14px 50px 13px 24px; display: block; color: #000000; opacity:0.6; text-decoration: none; line-height: 11px; overflow: hidden; }

.stories .story_footer .source.facebook:before {
    content:"";
    display:block;
    width:15px;
    height:15px;
    background: url('../img/icons/svg/facebook_red.svg') no-repeat center left;
    background-size: contain;
    position: absolute;
    top:10px;
    left:10px;
    opacity:0.8;
    -webkit-filter: grayscale(1);
}

.stories .story_footer .source.instagram:before {
    content:"";
    display:block;
    width:15px;
    height:15px;
    background: url('../img/icons/svg/instagram_red.svg') no-repeat center left;
    background-size: contain;
    position: absolute;
    top:10px;
    left:10px;
    opacity:0.8;
    -webkit-filter: grayscale(1);
}

.stories .story_footer .source.twitter:before {
    content:"";
    display:block;
    width:15px;
    height:15px;
    background: url('../img/icons/svg/twitter_red.svg') no-repeat center left;
    background-size: contain;
    position: absolute;
    top:12px;
    left:11px;
    opacity:0.8;
    -webkit-filter: grayscale(1);
}

.stories .story_footer .source.blogs:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    background: url('../img/cu_monogram_red.svg') no-repeat center left;
    background-size: contain;
    position: absolute;
    top:10px;
    left:8px;
    opacity:0.8;
    -webkit-filter: grayscale(1);
}

.stories .story_footer .source:hover:before { -webkit-filter: grayscale(0); }

.stories .story_footer .source.facebook a,
.stories .story_footer .source.instagram a,
.stories .story_footer .source.twitter a,
.stories .story_footer .source.blogs a { padding-left:30px !important; }

.stories .story_footer .meta { position: absolute; top:0; right:0; background:#f7f6f0; }
.stories .story_footer .meta .icon { display: block; color: #000000; opacity:0.6; text-decoration: none; padding:13px 20px 13px 10px; float:left; }

.stories .story_footer .meta .action { display: block; color: #000000; opacity:1; text-decoration: none; float:left; }
.stories .story_footer .meta .action:hover { opacity:0.8; }

/* from Inside.Chapman styles */
/***************************************************
* Icon Elements
***************************************************/

.stories .icon,
.stories a.icon { color:#FFFFFF; text-decoration: none; }
.stories a.icon:hover { opacity:0.75; }

.stories .icon { background-size:14px; background-repeat: no-repeat; background-position: center right; padding-right:20px; min-height:14px; margin-right:10px; }

.stories .icon.comments { background-image: url('../img/icons/svg/bubble-dots3_white.svg'); }
.stories .icon.shares   { background-image: url('../img/icons/svg/share_white.svg'); }
.stories .icon.views    { background-image: url('../img/icons/svg/eye2_white.svg'); }

.stories .story .icon.comments { background-image: url('../img/icons/svg/bubble-dots3.svg'); }
.stories .story .icon.shares   { background-image: url('../img/icons/svg/share.svg'); }
.stories .story .icon.views    { background-image: url('../img/icons/svg/eye2.svg'); }

/* No SVG Support */
.no-svg .stories .icon.comments { background-image: url('../img/icons/png/bubble-dots3_white_14.png'); }
.no-svg .stories .icon.shares   { background-image: url('../img/icons/png/share_white_14.png'); }
.no-svg .stories .icon.views    { background-image: url('../img/icons/png/eye2_white_14.png'); }

.no-svg .stories .story .icon.comments { background-image: url('../img/icons/png/bubble-dots3_14.png'); }
.no-svg .stories .story .icon.shares   { background-image: url('../img/icons/png/share_14.png'); }
.no-svg .stories .story .icon.views    { background-image: url('../img/icons/png/eye2_14.png'); }


.stories .action { display: inline-block; background-size:14px; background-repeat: no-repeat; background-position: center; height:40px; text-indent: -9999px; width:0; position: relative; 

  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}

.stories .action.facebook { background-image:url('../img/icons/svg/facebook_white.svg'); background-color: #38659f; background-position: center !important; }
.stories .action.twitter  { background-image:url('../img/icons/svg/twitter_white.svg');  background-color: #3aa8dd; background-position: center !important; }

.stories .meta.share_action .action { width:40px; }

.stories .meta.share_action .icon.comments,
.stories .meta.share_action .icon.views { display: none; }
.stories .meta.share_action .icon.shares { opacity:0.2 !important; cursor: default; }

/***************************************************
* Statistics Blocks
***************************************************/
ul.statistics { list-style-type: none; margin:75px 0; text-align: center; overflow: auto; /*max-width:50%; */}
ul.statistics p { margin:0; }

ul.statistics li { max-width:100%; padding:10px; background:url('../img/gray_50.png'); }
ul.statistics li:last-of-type { margin-right:0; }

ul.statistics li .bigstat { font-size:32px; line-height:32px; font-family: 'futura-pt', sans-serif;  color:#FFFFFF; margin-top:0px; font-weight: 800; }
ul.statistics li .label   { font-size:18px; line-height:18px; font-family: 'futura-pt', sans-serif; color:#FFFFFF; }

@media only screen and (min-width:680px) {

    /* Break stats and label onto two lines */
    ul.statistics li .bigstat   { display: block; }
    ul.statistics li .label     { display: block; font-size: 16px; line-height: 16px; }

    /* Centered <ul> */
    .borderradius #undergraduateAdmission ul.statistics { overflow:visible; float:right; position: relative; right:50%;  }
    .borderradius #undergraduateAdmission ul.statistics li { position: relative; left:50%; }

    /* Red circles */
    .borderradius ul.statistics li { float:left; width:85px; height: 85px; padding:30px; margin-right:-15px;  background:#a82439; background:rgba(168,36,57,0.7); border-radius: 50%; padding:30px;  }
}

@media only screen and (min-width:980px) {
    ul.statistics li .bigstat   { font-size:38px; line-height:38px; }
    ul.statistics li .label     { font-size:18px; line-height:18px; margin-top:10px; }

    .borderradius ul.statistics li { width:100px; height: 100px; padding:50px; margin-right:-40px; }
}

@media only screen and (min-width:1180px) {
    ul.statistics li .bigstat   { font-size:52px; line-height:52px; }
    ul.statistics li .label     { font-size:22px; line-height:22px; font-weight: 800; }

    .borderradius ul.statistics li { width:150px; height: 130px; padding:70px 50px 50px 50px; }
}

/***************************************************
* Section Styles
***************************************************/

.section { position: relative; }

/* Headings */
.section .heading    { font-size: 28px; line-height: 28px; text-transform: none; margin:0; }
.section .subheading { font-size: 18px; line-height: 18px; text-transform: none; margin:0; }

/* Dark BG */
.section.dark-bg { background-color:#111111; }
.section.dark-bg .heading,
.section.dark-bg .subheading { color:#FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font- }

/* Light BG */
.section.light-bg .heading,
.section.light-bg .subheading { color:#353430; }

.section.light-bg .heading    { color:#353430; font-size:18px; line-height: 18px; margin:40px 0 0 0; text-align: center; }
.section.light-bg .subheading { color:#353430; font-size:18px; line-height: 18px; margin:0 0 40px 0; text-align: center; }


@media only screen and (min-width:680px) {
    .section .heading    { font-size: 32px; line-height: 32px; }
    .section .subheading { font-size: 22px; line-height: 22px; }

    .section.light-bg .heading    { font-size:24px; line-height: 24px; margin:75px 0 0 0; font-weight: 800; }
    .section.light-bg .subheading { font-size:24px; line-height: 24px; margin:0 0 75px 0; font-weight: 800; }
}
@media only screen and (min-width:980px) {
    .section .heading    { font-size: 56px; line-height: 56px; }
    .section .subheading { font-size: 32px; line-height: 32px; }

    .section.light-bg .heading    { font-size:32px; line-height: 32px; margin:75px 0 0 0; }
    .section.light-bg .subheading { font-size:32px; line-height: 32px; margin:0 0 75px 0; }
}
@media only screen and (min-width:1180px) {
    .section .heading    { font-size: 64px; line-height: 64px; }
    .section .subheading { font-size: 32px; line-height: 32px; }
}

.section .actions { text-align: center; clear: both; }
.section .actions .button { background-size: 15px; background-position: 15px center; padding-left:35px; padding-right:20px; margin:5px; }
.section .actions .button.apply      {
    background-image: url('../img/icons/png/file6_white_15.png');
    background-image: none, url('../img/icons/svg/file6_white.svg');
}
.section .actions .button.request {
    background-image: url('../img/icons/png/email_white_15.png');
    background-image: none, url('../img/icons/svg/email_white.svg');
}

.section .actions .button.monogram {
    background-image: url('../img/cu_icons/cu_monogram_gray_25.png');
    background-image: none, url('../img/cu_icons/cu_monogram_gray.svg');
    background-size:25px;
    padding-left:43px;
}
.section .actions .button.calendar {
    background-image: url('../img/icons/png/calendar4_white_15.png');
    background-image: none, url('../img/icons/svg/calendar4_white.svg');
}

/* Column Thirds */
.section { overflow: auto; background:#ecebe5; }

.section .third { padding:10px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box;  }

.section .third h3 { font-weight: 800; padding:0; margin:0; text-transform: uppercase; font-size:24px; line-height:26px; }
.section .third img { width:100%; }
.section .third .imagerotator { width:100%; margin: 0 0 15px 0; }

@media only screen and (min-width:400px) { 
    .section .third .imagerotator { width:40%; float:left; margin: 0 15px 15px 0; }
}

@media only screen and (min-width:680px) { 
    .section .third { float:left; width:33%; }
    .section .third .imagerotator { width:100%; height:auto; margin: 0 0 20px 0; }
}

/* IE Compatibility */
.ie7 .section .third { padding:0; width:31%; margin-right:2%; }

/***************************************************
* Undergraduate Admission Section
***************************************************/
#undergraduateAdmission { background:#111111 url('../img/big_backgrounds/undergrad_admissions_960.jpg') no-repeat center; background-size: cover;  color:#FFFFFF; padding:65px 0 140px 0; text-align: center;} 
#undergraduateAdmission .maxWidth { margin:0 auto;}

#undergraduateAdmission:before,
#graduateAdmission:before { content:""; display: block; width:30px; height:12px; position: absolute; top:0; left:50%; margin-left:-15px; background: url('../img/pulldown_arrow.svg') no-repeat center top; background-size: contain; }

.skrollr #undergraduateAdmission { background-attachment: fixed; }

#undergraduateAdmission .subheading { font-weight: 100; }

@media only screen and (min-width:680px) {

}
@media only screen and (min-width:980px) {
    #undergraduateAdmission { background-image:url('../img/big_backgrounds/undergrad_admissions_1200.jpg'); }
}
@media only screen and (min-width:1180px) {
    #undergraduateAdmission { background-image:url('../img/big_backgrounds/undergrad_admissions_1786.jpg'); }
}

/***************************************************
* General Admission Information
***************************************************/
#generalInformation { padding:0 0 30px 0;}

#generalInformation a:after { content: " »"; }

@media only screen and (min-width:680px) {
    #generalInformation { padding:0 0 80px 0;}

}

/***************************************************
* Admission CTA form
***************************************************/
#admissionCTA {  padding:30px 0;  display: block; color:#333; position: relative; text-align: center; }
#admissionCTA_form { padding:15px 15px 5px 15px; border-radius: 3px; background: #ecebe5; background: rgba(255,255,255,0.6);  display: inline-block; position: relative; }

#admissionCTA .status { font-weight:normal; font-size:36px; color:#FFFFFF; font-family: 'proxima-nova', sans-serif; }
#admissionCTA .status small { font-size:60%; }

#admissionCTA .textinput { background-color:#FFFFFF; padding:10px; border:none; border-radius: 3px; font-size:16px; margin:0 10px 10px 0; height: 20px; }

#admissionCTA .textinput:hover,
#admissionCTA .textinput:focus { outline:none;  }

#admissionCTA .textinput.dimmed { background-color: #F5F5F5; color:#9a9996; }
#admissionCTA .textinput.dimmed:hover { color:#666666; background-color: #FFFFFF; }

#admissionCTA #admission_CTA_submit { border:none; background:#a82439; color:#FFFFFF; border-radius: 3px; padding:10px; height: 40px; font-size:16px; }

#admissionCTA .student_type_section { padding:15px 15px 25px 15px; }
#admissionCTA .student_type_section legend { font-style: italic; opacity:0.8; }
#admissionCTA .student_type_section label { font-weight: 800; }

/* Select box styles */
select.selector {
    background: #F5F5F5 url('../img/arrow_down.png') no-repeat right center;
    background-size:40px;
    width: auto;
    padding: 5px 30px 5px 10px;
    margin:0 10px 10px 0;
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
    border:none;
    outline: none;
    border-radius: 3px;
    height: 40px;
    max-width:100%;

    cursor: pointer;

   -webkit-appearance: none;
   -ms-appearance: none;
   appearance:none;

   -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
           transition: all 0.1s ease-out;
}

select.selector:hover,
select.selector.selected { background-color:#FFFFFF; outline: none; }

/* Firefox fix - we cannot style the dropdown arrow */
@-moz-document url-prefix() {
    select.selector {
        background-image:none;
        padding-right:5px;
    }
} 

/* IE we cannot sytle the dropdown arrow */
.ie select.selector { background-image:none; padding-right:5px; }

/* Radio selector styles */
#admissionCTA input[type="radio"] { display:none; }
#admissionCTA input[type="radio"] + label { background:url('../img/radio_off.svg') no-repeat left top; background-size: contain; padding:2px 10px 2px 25px; }
#admissionCTA input[type="radio"]:checked + label { background:url('../img/radio_on.svg') no-repeat left top; background-size: contain; }

/* Small devices */
@media only screen and (max-width:679px) {
    #admissionCTA input,
    #admissionCTA select { width:85%; padding:10px !important; margin:5px 0 !important; -moz-box-sizing: content-box; box-sizing: content-box; }
}

/***************************************************
* Graduate Admission Section
***************************************************/

#graduateAdmission { background:#111111 url('../img/big_backgrounds/graduate_admissions_960_v3.jpg') no-repeat center; background-size: cover; color:#FFFFFF; padding:50px 0; text-align: center; overflow: hidden; }
#graduateAdmission p,
#graduateAdmission h3 { color:#FFFFFF; }

.skrollr #graduateAdmission { background-attachment: fixed; }

#graduateAdmission .maxWidth { position: relative; }

#graduateAdmission .heading { margin:0 auto 15px auto; font-weight: 800; text-align: center; }
#graduateAdmission .subheading { margin:0 auto; font-weight: 400; font-size: 26px; line-height: 30px; text-align: center; }
#graduateAdmission p.subheading { font-family: 'proxima-nova', sans-serif; font-weight: 800; margin-top:15px; }

#graduateAdmission .statistics { margin:0 0 30px 0; }
#graduateAdmission .statistics li { margin:0; }

#graduateAdmission .actions { margin:35px 0 40px 0; }

#graduateAdmission br.large-screens { display: none; }

@media only screen and (min-width:680px) {
    #graduateAdmission { background-image:url('../img/big_backgrounds/graduate_admissions_1200_v3.jpg'); }
    #graduateAdmission { text-align: left; background-position: center; }

    #graduateAdmission .statistics  { position: absolute; top:0; left:40px; }
    #graduateAdmission .heading     { z-index: 1; position: relative; }
    #graduateAdmission .subheading  { z-index: 1; position: relative; }
    #graduateAdmission .actions     { }

}

@media only screen and (min-width:980px) {
    #graduateAdmission .actions { margin:40px 0 100px 0; }
    #graduateAdmission .statistics  { left:20px; }
    #graduateAdmission .heading     { }
    #graduateAdmission .subheading  { }

}
@media only screen and (min-width:1180px) {
    #graduateAdmission { background-image:url('../img/big_backgrounds/graduate_admissions_1706_v3.jpg'); padding:100px; }

    #graduateAdmission .statistics  { left:-50px; }
    #graduateAdmission .heading     { }
    #graduateAdmission .subheading  { }
}

@media only screen and (min-width:1250px) {
    #graduateAdmission br.large-screens { display: block; }
}


/***************************************************
* Chapman Family Section
***************************************************/

#chapmanFamily { margin-bottom:50px; }

#chapmanFamily .heading { margin:30px auto 0 auto; }

#chapmanFamily .story { display: none; }
#chapmanFamily h2 { margin-top:0; }

@media only screen and (min-width:680px) {
    #chapmanFamily .heading { margin:50px auto; }
    #chapmanFamily .story { display: block; }

    #chapmanFamily .story.big .story-bg { min-height:200px; }
    #chapmanFamily .third:nth-of-type(3) { padding-left:20px; }
}

/***************
Image Quick View
****************/
#heroQuickView {display:none; width:100%; height:100%; background:#333333; background:rgba(0,0,0,0.6); z-index:99999; position:fixed; top:0; left:0; color:#FFFFFF; }
#heroQuickViewTable { display:table; width:100%; height:100%; }
#heroQuickViewCell { display:inline-block; display:table-cell; vertical-align: middle; text-align: center; width:100%; height:100%; }
#heroQuickView img,
#heroQuickView iframe { max-width: 90%; max-height: 90%; box-shadow: 2px 2px 5px rgba(0,0,0,0.8); cursor: pointer; }

/* End of file */