/*
Theme Name: LA Semester 2017
Author: Jeff Passetti
Version: 1.0
*/

/* Sherman Serif Book */

@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-book-intl.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+00C0-024F;
}
/* Sherman Serif Book Italic */

@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSerif";
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermanserif-bookitalic-intl.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  unicode-range: U+00C0-024F;
}
/* Sherman Sans Book */

@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-book.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-book.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-book.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-book-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-book-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-book-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-book-intl.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+00C0-024F;
} 
/* Sherman Sans Bold */

@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  unicode-range: U+0020-00BF;
}
@font-face{
  font-family:"ShermanSans";
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.eot');
  src: url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.eot?#iefix') format('embedded-opentype'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.woff2') format('woff2'),
       url('https://assets.syracuse.edu/fonts/shermansans-bold-intl.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  unicode-range: U+00C0-024F;
}


@media all and (min-width:300px) {
body {
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;   
background-color: rgba(246,124,49,.2);
}
.noPadding {
 padding: 0px;   
}
.noMargin {
 margin: 0px;   
}
a {
color: #006cdf;
}
/*.sticky-wrapper{
 z-index: 9000;
 position:fixed;
 top: 0px;
 left:0px;
 width: 100%;
}*/
.syracuse-university-logo-container, .sula-logo-container {
 width: 100%;
 padding-top: 20px;
 padding-bottom: 20px;
 background-color: white;
 text-align: center;
}
.syracuse-university-logo-container {
 position: relative;
 z-index: 5000;
}
.su-logo {
height: 25px;
width: auto;
}
.sky-container {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b3ee+0,5ccaeb+100 */
background: #00b3ee; /* Old browsers */
background: -moz-linear-gradient(top, #00b3ee 0%, #5ccaeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00b3ee 0%,#5ccaeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00b3ee 0%,#5ccaeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ee', endColorstr='#5ccaeb',GradientType=0 ); /* IE6-9 */
position: relative;
}
.sula-logo {
 height: 100px;
 width: auto;
}
.sky-container h1 {
    padding: 0px;
    margin: 0px;
 text-align: center;
 font-family: 'Courgette', cursive;
 text-transform: none;
 color: white;
 font-size: 32px;
 line-height: 32px;
 font-weight: 400;
 text-shadow: 1px 1px rgba(0,0,0,.35);
 padding-bottom: 50px;
 padding-top: 30px;
 position: relative;
 z-index: 50;
}
.bend {
 position: absolute;
 width: 102%;
 left: -1%;
}
.bend-top {
 top: -2px; 
 left: -1%;
 z-index: 10;
 width: 102%;
}
.bend-top-violet {
 top: -15px;
 z-index: 5;
}
.page-container {
 background-color: white;  
 position: relative;
 z-index: 100;
 padding: 0px;
}
.palmtree1 {
 width:120px;
 height: auto;
 position: absolute;
 bottom: -40px;
 right: 0%;
 z-index: 3;
}
.palmtree2 {
 width:100px;
 height: auto;
 position: absolute;
 bottom: -40px;
 left: 0%;
 z-index: 3;
}
.palm-tree-group-left {
    width:55px;
 height: auto;
 position: absolute;
 bottom: -20px;
 left: 20%;
 z-index: 3;
}
.palm-tree-group-right {
    width:55px;
 height: auto;
 position: absolute;
 bottom: -20px;
 right: 20%;
 z-index: 3;
}
.hollywood {
 width:50%;
 height: auto;
 position: absolute;
 bottom: -10px;
 left: 25%;
 z-index: 1;
 opacity: 1.0;
}
.hollywood-lights {
 width:100%;
 height: auto;
 position: absolute;
 bottom: -120px;
 left: 0%;
 z-index: 2;
 opacity: 0.2;
}
.laNav {
 background-color: #291438;
 text-align: center;
 position: relative;
 z-index: 100;
 min-height: 60px;
}
#menuBtn {
 width: 50px;
 height: 50px;

 margin: 5px;
 border: 1px solid white;
 color: white;
 display:block;
 text-align:center;
 line-height: 50px;
 font-size: 28px;
 position: absolute;
 top: 5px;
 right: 5px;
 z-index: 1000;
}
.laNav ul {
 list-style:none; 
 padding: 0px;
    margin: 0px;
    display:none;
}
.laNav ul li {
 list-style:none;
 padding: 0px;
 margin: 0px;
 display:block;
 position: relative;
 cursor:pointer;
}
.laNav ul li {
 font-family: "ShermanSans", Arial, sans-serif;

 font-weight: bold;
 line-height: 60px;
 padding: 0px 15px;
 color: white;
 font-size: 15px;
 text-transform: uppercase;
 letter-spacing: 1.1px;
}
.laNav ul > li > a {
 color: white;
 display: block;
}
.laNav ul ul {
 display:none; 
 position: relative;
 background-color: white;
}
.laNav ul ul li {
 float: none;  
 
}
.laNav ul ul li a {
    color: #291438;
    text-transform: none;
}


    
    
    
.home-features__row:after {
    content:"";
    display:block;
    clear:both;
}
    
ul.home-events-carousel {
  list-style:none;
  padding: 0px;
  margin: 0px;
}
ul.home-events-carousel li {
 display:none;   
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}
ul.home-events-carousel li:first-child {
 display:block;   
}
.block__quarter {
 height: 30vh; 
 background-color: pink;
}
.col-50 {
   width: 100%;  
 float:none; 
}
.block__half-col,.block__quarter, .block__third {
 position: relative;
}
.block__half {
    
}


.block__item {
 position: relative;
 overflow:hidden;
  background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 width: 100%;
}
.block__content {
 margin-top: 20px;   
 padding: 20px;
 box-sizing: border-box;
}
.block__content h2 {
     font-family: "ShermanSerif", Arial, sans-serif;
     font-weight: 400;
     font-size: 24px;
}
.block__content p {
    font-family: "ShermanSans", Arial, sans-serif;
}
.block__item--gold  {
 background-color: #ECAC2A;  
color: black;
}
.block__item--gold .block__category {
 color: #ECAC2A;  
 background-color: black;   
}
.block__item--orange, .block__item--orange .block__category {
 background-color: #D44500;   
}

.block__item--green, .block__item--green .block__category  {
 background-color: #66681c;   
}
.block__item--blue, .block__item--blue .block__category  {
 background-color: #4376A9;   
}
.block__item--violet, .block__item--violet .block__category {
 background-color: #291438;   
}

.block__item--orange .block__content {
 color: white;   
}

.block__bg {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
  width: 100%;
 height: 30vh;
 opacity: 1.0;
 transition: all .5s; 
}
.block__bg--faculty {
 /*height: 25vw;*/
 height: 300px;
 opacity: 1.0;
}
.block__bg--event {
 position: relative;
 opacity: 1.0;
 height: 60vh;
}
.block__text {
    position: relative;
 z-index: 2;
 width: 100%;
 min-height: 100px;
 padding: 20px;
 box-sizing: border-box;
}
.block__caption {  
 /*height: 15vh;*/
 width: 100%;
  font-family: "ShermanSans", Arial, sans-serif;
  font-size: 16px;
  padding: 20px;
  box-sizing: border-box;
}
.block__caption--dark {
 background-color: #291438;
 color: white;
}

.block__title {
    padding: 0px;
    margin: 0px;
 font-size: 20px;
 color: white;
  font-family: "ShermanSerif", Arial, sans-serif;
}
.block__title a {
 color: white;   
}
.block__author {
    padding: 0px;
    margin: 0px;
  font-family: "ShermanSans", Arial, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: 400;
  margin: 10px 0px;
}
.block__category {
    padding: 0px;
    margin: 0px;
  font-family: "ShermanSans", Arial, sans-serif;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #D44500;
  z-index: 100;
  padding: 10px;
}
.block__position {
    padding: 0px;
    margin: 0px;
 font-family: "ShermanSerif", Georgia, serif;
 font-size: 14px;
 font-style: italic;
 color: white;
 margin: 5px 0px 10px 0px;
}
.block__company {
    padding: 0px;
    margin: 0px;
  font-family: "ShermanSans", Arial, sans-serif;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 5px 0px;
}
.block__cta {
margin-top: 20px;    
}
.block__cta a {
 display:block;
 /*background-color: #D44500;*/
 padding: 15px;
 color: white;

 font-size: 14px;
 font-weight: bold;
 border: 1px solid #fff;
}
.block__cta a i {
    float: right;
 background-color: rgba(0,0,0,.35);
 display: block;
}
.block__staff {
 color: white;   
}
.block__staff .list-group-item a {
 color: white;   
}
.block__staff-position {
   font-family: "ShermanSans", Arial, sans-serif;
 font-size: 14px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.content-image-group {
 padding-top: 10px;
 padding-bottom: 10px;
}
.button {
  background-color: #291438;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 40px;
    margin: 0;
    padding: 0.125em 1.25em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 250ms cubic-bezier(0.23,0.61,0.41,1);
    transition: background-color 250ms cubic-bezier(0.23,0.61,0.41,1);
    vertical-align: baseline;
    border: 0;
    display:none;
    }
.button--more {
    border-radius: 20px;
    position: relative;
    }
.button i {
 margin-left: 20px; 
}
.button:hover {
color: white;
}
.page__intro {
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    }
.page__intro--headline {
    padding:0px;
    margin:0px;
    font-family: "ShermanSerif", Georgia, serif;
    font-size: 28px;
    margin-bottom: 30px;
}
.page__intro--content { 
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 22px;
    line-height: 30px;
}
.page__content {
    padding-top: 40px;
    padding-bottom: 40px;
    }
.page__content p, .archive .main-archive-content p {
    font-family: "ShermanSans", Arial, sans-serif;
   /* font-size: 16px;*/
    line-height: 24px;
    margin-bottom: 20px;
}
.page__content p.lead {
 line-height: 32px;   
}
.page__content .well {
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.page__content .well p {
 margin-bottom: 0px;   
}
.page__content > h2, .archive .main-archive-content h2 {
 font-family: "ShermanSans", Arial, sans-serif;
 font-size: 24px;
 margin-top: 60px;
 margin-bottom: 20px;
}
.page__content h3, .archive .main-archive-content h3 {
     font-family: "ShermanSans", Arial, sans-serif;
     font-weight: bold;
     font-size: 16px;
     letter-spacing: 1px;
     margin-top: 40px;
     text-transform: uppercase;
     color: #D44500;
}
.archive .main-archive-content h3 {
    margin-top: 0px;    
}
.archive .main-archive-content article {
 padding-top: 20px;
 padding-bottom: 20px;
 border-bottom: 1px solid #ccc;
}
.page__content h5 {
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.page__content h5 span{
    margin: 0px 10px;
}
.page__content ul {
 margin-left: 20px;   
}
.page__content ul li {
     font-family: "ShermanSans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    list-style:disc;
}
.page__content img.attachment-medium.size-medium.wp-post-image {
 width: 200px;
 height: auto;
 margin-right: 20px;
 margin-bottom: 20px;
 float: left;
}
.page__title {
    font-family: "ShermanSerif", Georgia, serif;
    font-size: 28px;
    margin-bottom: 30px;
}
.blog-featured-img {
 width: 100%;
 height: auto;
}
.table {
    font-family: "ShermanSans", Arial, sans-serif;
}
.table th {
 font-weight:bold;
 color: #D44500;
}
.table tbody tr td:first-child {
 font-weight:bold;   
}
.deadlines .table {
 margin-top: 30px;   
}

.deadlines .table th {
 color: black;   
}
.deadlines .table>thead>tr>th, .deadlines .table>tbody>tr>td {
 border-color: black;   
}

footer {
  background-color: #291438;
  padding-top: 30px;
  padding-bottom: 30px;
  color: white;
  min-height: 200px;
}
footer h2 {
    font-family: "ShermanSerif", Georgia, serif;
    font-size: 24px;
}
footer h3 {
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
footer a {
 color: white;   
}
.footer-bio {
margin-bottom: 15px;
}
.footer-bio h4 {
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.footer-bio h5 {
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.footer-bio h6 {
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.footer-bio img {
width: 100px;
height: auto;
}
.footer-nav {
 margin-top: 20px;   
}
.footer-nav ul li {
 line-height: 24px;   
}
.footer-nav ul li a {
 color: white;  
 font-family: "ShermanSans", Arial, sans-serif;
 font-weight: bold;
}
.list-internships__item {
 border-bottom: 1px solid #ccc;
 padding-top: 20px;
 padding-bottom: 20px;
}
.list-internships__item h2 {
    padding: 0px;
    margin: 0px;
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight:bold;
    margin-bottom: 20px;
}
.list-internships__item h4 {
    padding: 0px;
    margin: 0px;
    font-family: "ShermanSans", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight:400;
    margin-bottom: 20px;
}

.course__item {
    
}
.course__item h4 {
 cursor:pointer;
 color: white;
 background-color: #d44500;
 margin: 0px;
 padding: 0px;
 padding: 20px;
 margin-bottom: 1px;
  font-family: "ShermanSans", Arial, sans-serif;
  font-weight: bold;
}
.course__item h4 i {
 float: right;
 font-size: 24px;
}
.course__item h4:hover {
 background-color: #C44000;   
}
.course__meta {
padding: 20px;
background-color: #eaeaea;
 display:none;
}
.course__meta p {
 margin: 0px;
 margin-bottom: 10px;
 line-height: 18px;
}
.course__description {
 display:none;   
}
.course__item h5 {
     font-family: "ShermanSans", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.course__item ol {
 margin-left: 20px;   
 margin-bottom: 20px;
}
.course__item ol li {
 list-style-type:decimal;   
 font-family: "ShermanSans", Arial, sans-serif;
 margin-bottom: 5px;
}
} /* ----- end of mobile ------- */

@media all and (min-width:700px) {
    .su-logo {
height: 30px;
}
    .sky-container h1 {
     font-size: 48px;
     line-height: 48px;
     padding-bottom: 100px;
    }
   
  .palmtree1 {
 width:160px;
 bottom: -80px;
 right: 10%;
}
.palmtree2 {
 width:140px;
 bottom: -80px;
 left: 10%;
}
.palm-tree-group-left {
    width:60px;
 left: 30%;
}
.palm-tree-group-right {
    width:60px;
 right: 30%;
}
.hollywood {
 width:50%;
 left: 25%;
 bottom: -15px;
}
.page__intro {
    padding: 60px;
    }
  
    .block__half-col, .block__quarter {
 width: 50%;
 float: left;
    }
    .block__fifth-col {
     width:20%;
     float:left;
    }
    .block__quarter-col {
     width:25%;
     float:left;
    }
   
    .col-50 {
     width: 50%;
     float: left;
    }
   
    .block__quarter {
     height: 30vh;   
    }
    .block__half {
       height: 60vh; 
       width: 50%;
       float: left;
        }
    .block__third {
        width:50%;
     /*height: 45vh;*/
      float: left;
    }
} /* ----- end of tablet ------- */

@media all and (min-width:992px) {
        .su-logo {
height: 35px;
}
     .sky-container h1 {
     font-size: 72px;
     line-height: 72px;
     padding-bottom: 140px;
    }
     .palmtree1 {
 width:200px;
 bottom: -100px;
right: 22%;
}
.palmtree2 {
 width:175px;
 bottom: -100px;
left: 22%;
}
.palm-tree-group-left {
    width:70px;
 left: 30%;
}
.palm-tree-group-right {
    width:70px;
 right: 30%;
}
.hollywood {
 width:40%;
 left: 30%;
 bottom: -30px;
}
     #menuBtn {
     display:none;   
    }
    .laNav {
     height: 60px;   
     position: relative;
     z-index: 1000;
    }
    .laNav ul {
        display:block;
    }
    .laNav ul li {
     display:inline-block; 
     position: relative;
    }
    .laNav > ul > li:first-child a {
    padding-left: 30px;
    }
    .laNav ul ul {
 position: absolute;
 top: 60px;
 left: 0px;
 width: 300px;
 z-index: 500;
 background-color: white;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
}
.laNav ul li:last-child ul {
 left:auto;
 right: 0px;
}
.laNav ul ul li {
    display: block;
    text-align: left;
    text-transform: none;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    }    
.laNav ul ul li a {
 color: black;   
}
.laNav .sub-menu {
    display:none;
    }  
 
.laNav ul li:hover {
 background-color: #d44500;   
}
.laNav ul li:hover .sub-menu {
 display:block;   
}
} /* end of desktop */