/*
Theme Name: Student Affairs Publications
Theme URI: http://clemson.edu/studentaffairs
Author: Dhruv Jain
URI: http://clemson.edu/studentaffairs
Description: Student Affairs Publications, Clemson University, Bootstrap theme 
Version: 1.0
Tags: Student affairs publications, student affairs clemson university 
*/

/*Fixed footer on small screens - changed body tag margin bottom property to 120 px
Change text align to left for SABO CONTACTS PAGE TABLE
Text wrap for button with large text 
Healthy Campus Watermark Properties 
Accordian background color on collapse changed to white from howards rocks
chnage the breakpoint of the bottom navbar because of too many items
Added a class to support vertical spacing in rows (margin - bottom )
The bottom nav white color text 
Added carousel arrows for healthy campus site
Made all iframe responsive 
ol numbers match para font 
print css
Search bar round corners
Making all images responsive
fixed the footer icons 
fixed instagram images coming in one column
divide a row into five columns
Bootstrap3 native solution: http://getbootstrap.com/components/#responsive-embed 
*/

.instagram-height-fix {
    height:450px;
    overflow-y:scroll;
}

#instafeed{background-color: #fff;}

@media(max-width:768px){ 
.margin-top-15px{
    margin-top: 15px;
}
}


[class*="col-xs-6"]{margin-bottom:15px;}

ol, ul {
    padding-left: 40px;
}


* {
  margin: 0;
  padding: 0;
}

.swiper-slide {
    text-align:center;
    /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.nav-stacked .active {
    background-color:#eee;
}


.shadow {
   -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
   box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.shadow:before, .shadow:after {
   content:"";
   position:absolute; 
   z-index:-1;
   -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
   -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
   box-shadow:0 0 20px rgba(0,0,0,0.8);
   top:10px;
   bottom:10px;
   left:0;
   right:0;
   -moz-border-radius:100px / 10px;
   border-radius:100px / 10px;
} 
.shadow:after {
   right:10px; 
   left:auto;
   -webkit-transform:skew(8deg) rotate(3deg); 
   -moz-transform:skew(8deg) rotate(3deg);     
   -ms-transform:skew(8deg) rotate(3deg);     
   -o-transform:skew(8deg) rotate(3deg); 
   transform:skew(8deg) rotate(3deg);
}


.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


#instafeed img { display: inline-block; margin:5px; }

img { display: block;
      height: auto;
      max-width: 100%; }

input[type=search]{

    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    -ms-border-radius: .25em;
    -o-border-radius: .25em;
}

@media print {
/* Hides Different elements on print screen */

a[href]:after {
    content: none !important;
      }
      
.carousel { display : none; }
.navbar { display: none; }
.center-block { display: none; } 
.navbar-default { display:none; }
.collapse { display: block !important;
            height: auto !important; }
}/*Media Print End*/

ol {
    font-family:'Trade-Gothic', Verdana , sans-serif;
    color: rgb( 104, 92, 82 ) ;
 }

.top-navbar
{
    color:#FFF;
    font-size:1em;
    text-shadow:.0625em 0.0625em 0 #000;
    line-height:1.0em;
}


.arrows
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    left: 20px;
    right:10px;
}

.white-font
{
    color:#fff;
}

.row-margin
{
    margin-bottom:30px;
}

@media (max-width:1024px) {

}

@media (max-width: 1024px) {
    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        background-color: #685c53;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
    float: left !important;
    }
 
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-text {
        float: none !important;
        margin: 15px 0 !important;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-collapse.collapse.in { display: block !important; }
    
    .padding-bottom-nav
    {
    text-align:left !important;
    }
}
 
 
@import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One);@import url("//fast.fonts.com/t/1.css?apiType=css&projectid=6fe039dd-823f-4dfb-96d8-45216869a97c");@font-face {
    font-family: "Trade Gothic";
    src: url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix");
    src: url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"),url("../fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),url("../fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"),url("../fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Trade Gothic";
    src: url("../fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot?#iefix");
    src: url("../fonts/59fa12c0-25c9-4c0c-bd1e-32204311d86d.eot?#iefix") format("eot"),url("../fonts/1c164451-034c-41f5-9542-390709016510.woff") format("woff"),url("../fonts/7062b4ff-265a-4366-b34f-443ec5cc2dad.ttf") format("truetype"),url("../fonts/09f52831-e1cf-48be-9c1e-2d1577e420b7.svg#09f52831-e1cf-48be-9c1e-2d1577e420b7") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Trade Gothic";
    src: url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix");
    src: url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"),url("../fonts/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"),url("../fonts/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"),url("../fonts/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Trade Gothic";
    src: url("../fonts/363fd092-cd55-4bd1-bdc5-cfc9a7057517.eot?#iefix");
    src: url("../fonts/363fd092-cd55-4bd1-bdc5-cfc9a7057517.eot?#iefix") format("eot"),url("../fonts/25f577c3-f32b-4fbf-b684-3e7c1a76d1ea.woff") format("woff"),url("../fonts/2ed49e17-92ad-4026-9ae6-d20f88f21840.ttf") format("truetype"),url("../fonts/969cd675-2b4c-4baa-ada6-62bb7ace778f.svg#969cd675-2b4c-4baa-ada6-62bb7ace778f") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Trade Gothic Light";
    src: url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix");
    src: url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"),url("../fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"),url("../fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"),url("../fonts/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Trade Gothic Light";
    src: url("../fonts/b1721311-de06-4277-8dcb-bf39e072b75e.eot?#iefix");
    src: url("../fonts/b1721311-de06-4277-8dcb-bf39e072b75e.eot?#iefix") format("eot"),url("../fonts/c357a65e-dd87-4d11-8063-db04802d44c0.woff") format("woff"),url("../fonts/6b9ca17d-cb9d-43bb-8b43-93670b45b83f.ttf") format("truetype"),url("../fonts/198ed3e2-0cdf-496f-a0ef-86da8d4dde55.svg#198ed3e2-0cdf-496f-a0ef-86da8d4dde55") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Trade Gothic Condensed";
    src: url("../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix");
    src: url("../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix") format("eot"),url("../fonts/fb754dec-aa8f-444c-be48-868464c47ab0.woff") format("woff"),url("../fonts/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf") format("truetype"),url("../fonts/c573d9d0-0726-4b95-aeee-fb621a299563.svg#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Trade Gothic Condensed";
    src: url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
    src: url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("../fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("../fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("../fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Goudy";
    src: url("../fonts/0dc775be-1346-4c48-a41e-60b6c8167465.eot?#iefix");
    src: url("../fonts/0dc775be-1346-4c48-a41e-60b6c8167465.eot?#iefix") format("eot"),url("../fonts/10dfdd3b-578a-4a7f-b756-c0f49d27ce3a.woff") format("woff"),url("../fonts/1f6a7a51-ceed-4d96-8e25-44da3375be83.ttf") format("truetype"),url("../fonts/2cc35ff9-f4b4-4b2b-a51d-4b40c36bc84f.svg#2cc35ff9-f4b4-4b2b-a51d-4b40c36bc84f") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Goudy";
    src: url("../fonts/329dae4d-d4ed-4c25-9ff8-258ffe914e7e.eot?#iefix");
    src: url("../fonts/329dae4d-d4ed-4c25-9ff8-258ffe914e7e.eot?#iefix") format("eot"),url("../fonts/d97d374d-cd95-4df0-b2d6-0fd2d2723eaf.woff") format("woff"),url("../fonts/1b36f00c-afcb-4974-946b-6aa6f3ea7315.ttf") format("truetype"),url("../fonts/d634ba7d-b08e-483a-a4f3-72f5db60e074.svg#d634ba7d-b08e-483a-a4f3-72f5db60e074") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Goudy";
    src: url("../fonts/a9d9d58e-b1c9-4ce7-bd10-1d21f9b7d147.eot?#iefix");
    src: url("../fonts/a9d9d58e-b1c9-4ce7-bd10-1d21f9b7d147.eot?#iefix") format("eot"),url("../fonts/339f40a3-611d-42a2-89e0-c8a6d03ec38e.woff") format("woff"),url("../fonts/a68b9c33-ba16-4a13-902c-06bfa97aced7.ttf") format("truetype"),url("../fonts/50abb585-da00-43ca-a6af-1d4623c14a91.svg#50abb585-da00-43ca-a6af-1d4623c14a91") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Goudy";
    src: url("../fonts/9b35fecc-f07d-454a-b3aa-09a7340b9cfd.eot?#iefix");
    src: url("../fonts/9b35fecc-f07d-454a-b3aa-09a7340b9cfd.eot?#iefix") format("eot"),url("../fonts/c15c2f65-7bca-40dc-86db-ced19c132247.woff") format("woff"),url("../fonts/6a18d8f5-dd8d-4c81-b624-132dd04f044f.ttf") format("truetype"),url("../fonts/562308c1-fdc9-4076-afa4-50947ecf709e.svg#562308c1-fdc9-4076-afa4-50947ecf709e") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "ZapfinoExtraLTW01-Three";
    src: url("../fonts/0e1be940-9227-48d4-9c16-4bc7f5b80fa1.eot?#iefix");
    src: url("../fonts/0e1be940-9227-48d4-9c16-4bc7f5b80fa1.eot?#iefix") format("eot"),url("../fonts/4ebc8e5a-dfcc-4704-ace3-b66405306a9b.woff") format("woff"),url("../fonts/94b611c5-e586-441e-b241-a69ba1f9ff10.ttf") format("truetype"),url("../fonts/552fee16-e2c9-409d-9443-54c2c8cd95d8.svg#552fee16-e2c9-409d-9443-54c2c8cd95d8") format("svg");
}

@font-face {
    font-family: "FG Saga";
    src: url("../fonts/FGSaga.eot?#iefix");
    src: url("../fonts/FGSaga.eot?#iefix") format("eot"),url("../fonts/FGSaga.woff") format("woff"),url("../fonts/FGSaga.ttf") format("truetype"),url("../fonts/FGSaga.svg#FGSaga") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clemson-icons';
    src: url('../fonts/clemson-icons.eot');
    src: url('../fonts/clemson-icons.eot?#iefix') format('embedded-opentype'),url('../fonts/clemson-icons.woff') format('woff'),url('../fonts/clemson-icons.ttf') format('truetype'),url('../fonts/clemson-icons.svg#clemson-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}


.trade-gothic
{
  font-family:'Trade Gothic', Verdana , sans-serif;
  font-size:14px;
  color:#fff !important;
}

/*
@font-face{
font-family:"TradeGothicBoldCn";
src:url("Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
src:url("Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("Fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("Fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("Fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}

.trade-bold-cn
{
  font-size:14px;
  color:#fff !important;
  font-family:'TradeGothicBoldCn', Verdana , sans-serif;
}

@font-face{
font-family:"Trade Gothic Roman";
src:url("Fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix");
src:url("Fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"),url("Fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),url("Fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"),url("Fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg");
}

.trade-roman
{
  font-family: 'Trade Gothic Roman', Verdana, sans-serif;
}
*/
html
{
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  position: relative;
  min-height: 100%;
}

body
{
/* overflow-x:hidden;  */
 height: 100%;
 padding-top: 26px;
 margin-bottom: 60px;
}

@media (max-width:1080px)
{
body {
      padding-top:28px !important;
      margin-bottom:145px;
     }
}

.otherlinks
{
color:#685c53;
}

a{color:#a25016 ;}

a:hover
{
  color:#685c53;
}

p
{color: rgb( 104, 92, 82 ); 
font-family:'Trade Gothic', Verdana , sans-serif;
font-size:14px;
margin: 0 0 0px !important; 
}

/*Footer properties*/
#footer
{
  background-color: rgb( 51, 51, 51 );
  position: absolute;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  bottom:0;
}

.navbar-fixed-bottom
{
 background-color: #333 !important;
}

#wrap {
    height:100%;
    min-height: 100%;
    height: auto;
    margin: auto;
    padding: 0 0 60px;
    border-top: 0.0625em solid #ff7f17; 
}

    #wrap>.navbar-fixed-top{
        height:2.0em;
    }

.icon-padding
{
 margin : 12px 3px; 
 display: inline-block !important;
}

.icon-padding:hover
{
  opacity: 0.5;
}   
    
    
/* Icons */
@font-face {
font-family: 'clemson-icons';
src:url('//www.clemson.edu/_template-assets/1889/fonts/clemson-icons.eot');
src:url('//www.clemson.edu/_template-assets/1889/fonts/clemson-icons.eot?#iefix') format('embedded-opentype'),
url('//www.clemson.edu/_template-assets/1889/fonts/clemson-icons.woff') format('woff'),
url('//www.clemson.edu/_template-assets/1889/fonts/clemson-icons.ttf') format('truetype'),
url('//www.clemson.edu/_template-assets/1889/fonts/clemson-icons.svg#clemson-icons') format('svg');
font-weight: normal;
font-style: normal;
}

.miniheader_search{
    font-size: 1em;
padding: 0 .2em;
padding-right: 1.75em;
outline: none;
-webkit-appearance: none;
-webkit-border-radius: .25em;
-moz-border-radius: .25em;
-ms-border-radius: .25em;
-o-border-radius: .25em;
border-radius: .25em;
border: 0;
color: #000;
height: 1.675em;
width: 11.2em;
margin-top: .05em;
margin-left: 1.4em;
display: inline;
}

.icon-search {
border: none;
cursor: pointer;
color: #333;
background: none;
position: relative;
left: -3.5em;
top: 0.35em;
margin-right: -3em;
float: right;
}
@media(max-height:480px){
    .icon-search{
        
    }
}

@-moz-document url-prefix() {
.icon-search {
    top:-1.2em;
}
}

[class*="icon-"] {
font-family: 'clemson-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-search:before, .sidr-class-icon-search:before { content: "\e001"; }

@-moz-document url-prefix() {
    #searchbar .icon-search {
        top:-2.34em;
    }
}

@media screen and (min-width:0\0) {
    #searchbar .icon-search {
        top:.55em;
    }
}

.ie8 #searchbar .icon-search {
    top:.5em;
}

@media only screen and (max-device-width:768px) and (orientation:landscape) {
    #searchbar .icon-search {
        left:-2.45em;
        top:-2.35em;
    }
}

@media screen and (max-device-width:768px) {
    #searchbar .icon-search {
        left:-2.45em;
        top:-2.35em;
    }
}

/*Make a Gift icon properties*/
.icon-gift 
{
margin-right: 6px;
color:#fff;
}

.icon-gift:before {
content: "\e00f";
}

/*Black Color for top-nav*/
.navbar-inverse
{
    background-color: #333 !important;
    min-height:0;
    border:none;
}

/*Removes space below navbar*/
.navbar
{
    margin-bottom: 0px !important; 
    line-height: 1em;
}

/*Gives hover color to the top-most black navbar*/
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
{
    color: #999;
}

/*Gives color to the links in the top-most black navbar*/
.navbar-inverse .navbar-nav>li>a 
{
    font-size: 0.875em;
    color: #fff;
    padding: 7px 12px;
}
    
/*Gives padding to right side elements on top navbar.*/

.navbar-right-padding
{
  /*padding-left:100px !important;*/
  float: right!important;
}

@media(max-width: 1218px)
{
  .navbar-left>li
  {
    padding-right:0px !important;
    padding-left:0px !important;
  }
  .navbar-right-padding>li
  {
    padding-left:0px !important;
    padding-right:0px !important;
  } 
}

  @media(max-width: 1218px)
{  
  .navbar-left>li
  {
    float: left;
    margin: 0px;
    display: block;
    padding-right:0px !important;
    padding-left:0px !important;
    margin: 0 auto 1.0625m auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
  }
  
   .navbar-right-padding>li
  {
    padding-left:0px !important;
    padding-right:0px !important;
    margin-left: -1em;
    margin-right: 0.578em;
  } 
}

@media(max-width:1200px)
{
.navbar-right-padding>li
{
    padding-right:0px !important;
    padding-left:0px !important;
}
  
.navbar-left>li
{
  padding-left:0px !important;
  padding-right:0px !important;
}
}

.search-form
{
border:none;
padding-top: 2px;
padding-right:10px;
width: 179px; 
}

@media(max-width:334px)
{
.search-form
  {
    width:161px !important;
  }
}

.input-group
{
  outline:none !important;
}

/*Gives padding to search form below 1091px*/
@media(max-width: 1091px)
{
  .search-form
  {
    border: none;
    padding-top:6px;
  }
}

@media(max-width: 1035px)
{
  .search-form
  {
    border: none;
    padding-top:3px;
    padding-bottom:3px;   
  }
}

/*Gives padding to right sided elements on top nav below 534px*/
@media(max-width: 534px)
{
  .navbar-right-padding
  {
    padding-left:60px;
  }
}

/*Gives padding to right sided elements on top nav below 500px*/
@media(max-width: 500px)
{
  .navbar-right-padding
  {
    padding-left:40px;
  }
}

/*Gives padding to right sided elements on top nav below 477px*/
@media(max-width: 477px)
{
  .navbar-right-padding
  {
    padding-left:20px;
  }
}

/*Gives padding to right sided elements on top nav below 457px*/
@media(max-width: 457px)
{
  .navbar-right-padding
  {
    padding-left:0px;
  }
}

/*Horizontal Line below and above bottom navbar*/
hr 
{    
border: none;
background-color: #a59f9b;
height: 2px;
margin-bottom:0px !important;
margin-top: 0px !important;
}

/*Gives spacing between links on bottom nav -ABOUT,DEPT,GIVING,PUBLICATIONS*/
.padding-bottom-nav>li
{
    padding-left:10px;
    padding-right:18px;
}

/*White text color to bottom nav -ABOUT,DEPT,GIVING,PUBLICATIONS*/
.navbar-default .navbar-nav>li>a 
{
    color: #fff;
    font-weight:bold;
}

/*ORANGE hover color to bottom nav -ABOUT,DEPT,GIVING,PUBLICATIONS*/
.navbar-default .navbar-nav>li>a:hover 
{
    color: #EA6A20;
}

/*Gives Howards Rock color to bottom nav*/
.navbar-default
{
  background-color:#685c53;
  height:2.2em;
  z-index:3; 
  border: none;  
}

@media (max-width: 768px) {
    .navbar-nav 
    {
        float: left;
        margin: 0;
    }
}

@media (max-width: 457px) {
   .hide-gift
    {
      visibility:hidden;
      display: none;
    }    
}

@media (max-width : 1079px) {
     .top-right-navbar-nav
    {
       display:block !important; 
    }
}

@media (min-width : 1025px) {
    .home-button
    {
        visibility:hidden;
        display:none;
    }
    
    .visible-gift
    {
       visibility:hidden;
        display:none !important;
    }
}   

@media (max-width : 1025px) {
   .navbar-left
    {
        visibility:hidden; 
        display: none!important;
    }
    
   .invisible-top-right
    {
        visibility:hidden;
        display: none!important;
    }    
    
    .top-right-navbar-nav
    {
        display: none !important;
    } 
    
    .visible-gift
    {
     visibility:visible !important;
    }
    
    .home-button
    {
     visibility:visible !important;   
    } 
}

/*li.visible-gift a
{
    visibility:visible;
}


.icon-gift
{
 visibility:visible !important;   
}
*/
/*@media (max-width: 992px) and @media(min-width: 768px)
{
    visible-gift 
    {
           visibility:visible !important; 
    }
    
}  */
    
/*REQUIRED TO center bottom nav text*/
.navbar-nav {
    display: inline-block;
    float: none;
}

/*Centers bottom nav text--ABOUT,DEPT,GIVING,PUBLICATIONS*/
@media (min-width:1186px)
  {
.center-bottom-nav-text 
{
    text-align: center;
}
}

/*Left aligns the bottom nav items when collapsed */
@media (max-width: 1185px)
{
   .center-bottom-nav-text
  {
      text-align: center;  
   
  }
}

@media (max-width: 767px)
{
   .center-bottom-nav-text
  {
      text-align: left !important;    
  }
}

/*Makes tiger fur transparent*/
.img-transparent
{
    opacity:0.1;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

/*Overlays Student Affairs water-mark on tiger-fur image*/
.watermark-sa
{
    position:absolute;
    bottom:35px;
    left:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}  

/*Overlays Believe Magazine watermark on tiger-fur image*/
.watermark-believe
{
    position: absolute;
    left:-50px;    
    bottom:28px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

@media( max-width:1200px ) {
    .watermark-believe  
    {
        left: 20px !important;
    }
}

/*Provides padding to Student Affair watermark below 992px*/
@media(max-width: 992px)
  { 
  .watermark-sa
  {
    left: 200px;
      bottom: 20px;
  }
}

/*Provides padding to Student Affair and Believe watermark below 662px*/
@media(max-width: 662px)
  {
  .watermark-sa
  {
    left: 190px;  
  }
}

@media(max-width: 620px)
  {
  .watermark-sa
  {
    left: 160px; 
  }
}

/*Provides padding to Student Affair below 483px*/
@media (max-width: 483px)
{    
    .watermark-sa
    {    
      left: 140px;
      bottom: 17px  ;
    }
}

/*Provides padding to Student Affair Watermark below 445px*/
@media (max-width: 445px)
{   
    .watermark-sa
    {    
      left: 125px;
      bottom: 17px  ;
    }
}

/*Provides padding to Student Affair  Watermark below 414px*/
@media (max-width: 414px)
{   
    .watermark-sa
    {
     left: 115px;
      bottom: 10px  ;
    }
}

/*Provides padding to Student Affair Watermark below 365px*/
@media (max-width: 365px)
{    
    .watermark-sa
    {
     left: 106px;
      bottom: 10px  ;
    }
}

/*Provides padding to Student Affair Watermark below 339px*/
@media (max-width: 339px)
{    
    .watermark-sa
    {
     left: 100px;
      bottom: 10px  ;
    }
    }
}

/*Changes navbar collapse breakpoint to 1200px*/
@media (max-width: 1020px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navautoht {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 2px;
	}
	.navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .collapse.in{
  		display:block !important;
	}
}

/*To change navbar color to Howard's Rock color when collapsed on a small screen*/
@media only screen and (max-width: 1200px) {  
   /* .collapsing, .in {background-color: #685c53;} */
  /*  .collapsing ul li a, .in ul li a {color: #fff!important;}
    .collapsing ul li a:hover, .in ul li a:hover {color: #ea6a20 !important;}*/
}

/*Gives position, height and width to the main-img*/
.main_image 
{
  /*background-image: ("images/");*/
position: absolute;
left: 142px;
top: 280px;
width: 1304px;
height: 335px;
z-index: 1; 
}

/*Gives padding to right part of top navigation(A-Z Index, Calendar, Webcams, Make a gift etc) when the navbar collapses i.e. below 1200px*/
@media (max-width: 1200px)
{  
  .navbar-nav>li
    {
    overflow:inherit;
    /*padding-right:100px;*/
    }  
}

.thumbnail
{
border: 0 none;
box-shadow: none;
/*width:255px;*/
}

/*TITLE below the main picture and above the four thumbnails */
.title
{
 font-family:"Trade-Gothic , Verdana, sans-serif";
 font-size:20.154px; 
 color: rgb( 104, 92, 82 );
}

/* Event heading properties*/
h3
{
  font-size:20px ;
  color: #685c53;
  font-family: "Trade Gothic", Verdana, sans-serif;  
}

h1
{
  font-size: 26px;
  color: #685c53;
  font-family: "Trade Gothic", Verdana, sans-serif;  
}

h2
{
  font-size: 22px ;
  color: #685c53;
  font-family: "Trade Gothic", Verdana, sans-serif;  
}

h4
{
  font-size:18px ;
  color: #685c53;
  font-family: "Trade Gothic", Verdana, sans-serif;  
}

h5
{
  font-size:16px ;
  color: #685c53;
  font-family: "Trade Gothic", Verdana, sans-serif;  
}

h6
{
  font-size:12px ;
  color: #685c53;
  font-family: "Trade Gothic", Verdana, sans-serif;  
}

.btn {
        border-radius: 0px;
}

.btn-small-text {
    font-size: 1.15em !important;
}


.btn-smaller-text {
    white-space: normal;
    padding: 4px 12px !important;
}

@media(min-width:992px){ 
    .btn-smaller-text{
         font-size: 1.25em !important;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
.btn-smaller-text {
    padding: 0px 12px !important;
       }
}

@media(min-width:992px) and (max-width:1200px){ 
    .btn-smaller-text{
        padding:3px 12px !important;
        font-size: 1em !important;
        
    }
}


.btn-org {
    height:3.25em;
    background-color: #f66733;
    color: #FFF;
    font-size: 1.25em;
    font-family: "Trade Gothic", Verdana, sans-serif;  
    overflow: hidden;
    font-weight: normal;
    border-color: #dd5c2e;
}
.btn-org:hover, .btn-org:focus {
    color:#685c53;
    border: none;
}

@media(min-width:992px) and (max-width:1200px){ 
    .btn-org{
        font-size: 1em;
    }
}

@media(min-width:768px) and (max-width:991px){ 
    .btn-org{
        font-size: 0.75em;
    }
}

.btn-gray
{
  background-color:#c3beba; 
  color:#FFFFFF;
  border: none;
}

.btn-gameday-sky{
    background-color: #109DC0;
    height:3.25em;
    color: #FFF;
    font-size: 1.25em;
    font-family: "Trade Gothic", Verdana, sans-serif;  
    overflow: hidden;
    font-weight: normal;
    border-color: #0d7f9c;
    
}

.btn-gameday-sky:hover, .btn-gameday-sky:focus {
    background-color:#e1e1e2;
    color: #109DC0;
    border-color: #109DC0;
}




/*Gives color, font, sizing to the orange buttons on the right*/
.btn-orange
{
  background-color: #f66733;
  width:256px ;
  height:54px;
  font-size:20px;
  color:#FFFFFF;
  font-weight:bold;
  padding: 11px 12px;
  border: 0px !important;
}
/*
@media(min-width:767px) and (max-width:992px){ 
.btn-orange
{
  background-color: #f66733;
  width:auto ;
  height:auto;
  font-size:16px;
  color:#FFFFFF;
  font-weight:normal;
  padding: 11px 12px;
  border: 0px !important;
}
}
*/

/*Gives color, font, sizing to the orange buttons on the right*/
.btn-green
{
  background-color: #566127;
  color:#FFFFFF;
  border: 0px !important;
}

/*change color of text when you hover*/
a.btn-orange:hover
{
  color:#685c53 !important;
}

a.btn-green:hover
{
  color:#685c53 !important;
}

/* Font of the main text inside the body */
.body-font
{
font-family:'Trade Gothic' , Verdana, sans-serif;
font-size:14px; 
color: rgb( 104, 92, 82 );  
}

/*Footer text color*/
.footer-content
{
  padding-top:12px;
  color:#fff;
}

.a-footer:hover
{
  color: #F66733;
  text-decoration: none;
}

.a-footer
{
  display: inline-block;
  padding-top: 18px;
  color: #fff;
}


/*Gives styling to the last button SUNSET SOIREE*/
.btn-last
{
  background-color:#c3beba; 
  width:256px ;
  height:54px;
  font-size:20px;
  color:#FFFFFF;
  font-weight:bold;
  padding:11px 5px;
  border: 0px !important;
}

/*change color of text when you hover*/
a.btn-last:hover
{
  color:#685c53 !important;
}

/*Footer Font Sizes
.font-1
{
font-family:'Trade-Gothic' , Verdana, sans-serif;
font-weight:normal !important;
font-size:14px;
}

.font-2
{
font-family:'TradeGothicBoldCn' , Verdana, sans-serif;
font-weight:normal;
font-size:14px;
padding-bottom:0px !important;
}
*/
.font-3
{
font-family:'TradeGothicBoldCn' , Verdana, sans-serif;
font-weight:normal;
font-size:10px;
padding-top:5px !important;
}

.contact-font
{
font-size:15px;
font-family: 'Trade-Gothic' , Verdana, sans-serif;
font-weight:normal !important;
}

.home-button-font
{
color: #ffffff ;
}

a{text-decoration: none !important; }/* No underline when hovering over a link tag*/


/* Tiger Paw Icon visible only in Tablet and Phone mode*/
.icon-paw
{
position: relative;
top: 1px;
margin-right: 2px;
color: #FFF;
line-height: 2.2em;
  padding-left:5px !important;
}

[class*="icon-"] {
font-family: 'clemson-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-paw:before, .sidr-class-icon-paw:before {
content: "\e018";
}

.extra-gift-font
{
color:#ffffff !important;   
padding-left:695px !important; 
}

.sidebar-font
{
font-size:15px !important;
font-family:'Trade Gothic' , Verdana, sans-serif;
color:#685c53 !important;
}


@media (min-width:457px) and (max-width:573px)
  {
  .navbar-inverse .navbar-nav>li>a 
  {
   padding: 7px 0px !important; 
  }
}

@media (min-width:1010px) and (max-width:1130px)
  {
  .navbar-inverse .navbar-nav>li>a 
  {
   padding: 7px 12px !important; 
  }
}


.dropdown-menu {

  left:0 ;
  text-align: left !important;
  padding-left:22px !important;
  background:#685c53 !important;
  color:#fff !important;
font-family: 'Trade Gothic Roman' , Verdana, sans-serif;
  box-shadow:none !important;
	}



ul.dropdown-menu li a:hover
{
 color: #f66733 !important;

}

/* Changes the background box color to howards rock when you hover over it */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: #685c53 !important;
color: #f66733 !important;
  
}

/* change the color of the dropdown item background box to howards rock*/
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background-color:#685c53 !important;
  color: #f66733 !important;
}

@media (max-width: 1023px) {
.nav-collapse {
    overflow-y: auto;
}
}

/*Color of text when collapsed on dropdown*/

.dropdown-menu>li>a 
{
color:#fff !important;
}




@media(max-width: 1080px)
{
.navbar-fixed-top
{
border:none;
padding-top:0px;
padding-right: 20px;
height: 28px; 
}
}



@media(max-width: 640px)
{
.navbar-fixed-top
{
border:none;
padding-top:0px;
padding-right: 20px;
height: 28px; 
}
}

@media(max-width: 640px)
{
  .search-form
  {
    border: none;
    padding-top:2px;
    padding-right: 20px;
  }
}

/*Fade effect in carousel left and right sliding*/
.carousel-control.left, .carousel-control.right {
    background-image: none;   
}

/*Padding for three dots in the carousel*/
.carousel-indicators {
bottom: -10px;
z-index:2;
}



@media(max-width: 768px)
{
 .carousel-indicators
  {
    bottom: -10px;
    z-index:2;
    left: 425px !important;
  }
  
}


@media(max-width: 600px)
{
 .carousel-indicators
  {
    bottom: -10px;
    z-index:2;
    left: 320px !important;
  }
  
}


@media(max-width: 470px)
{
 .carousel-indicators
  {
    bottom: -10px;
    z-index:2;
    left: 260px !important;
  }
  
}


@media(max-width: 390px)
{
 .carousel-indicators
  {
    bottom: -10px;
    z-index:2;
    left: 220px !important;
  }
  
}

@media (max-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a  {
    border-bottom: 1px solid #ddd !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
  }
}


/*
p
{
font-family:'Trade Gothic Roman' , Verdana, sans-serif;
font-size:14px; 
color: rgb( 104, 92, 82 );   
}

*/
/*------------------------------------------------PARKING AND TRANSPORTATION SERVICES CSS----------------------------------------------------*/


.transportation-text
{
    color:#fff !important;
    font-size:200%;
    position: relative;
    top:262px;  
}

.parking-text
{
    color:#fff !important;
    font-size:200%;
    position:relative;
    top:262px;   
}

/*
.btn-default.btn1 {
  box-shadow: none;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  padding: 10px 26px;
  font: bold 12px/30px 'Verdana';
  text-transform: uppercase;
  margin: 0;
  text-shadow: none;
  border-radius: 0;
  letter-spacing: 2px;
  color: #ffffff;
  background: #F66733;
  -webkit-transition: all 0.85s ease-out;
  -moz-transition: all 0.85s ease-out;
  transition: all 0.85s ease-out;
  width: 100%;
  height: 115px;
}*/

.btn-transit { 
  color: #ffffff; 
  background-color: #F66733; 
  border-color: #522D80; 
} 
 
.btn-transit:hover, 
.btn-transit:focus, 
.btn-transit:active, 
.btn-transit.active, 
.open .dropdown-toggle.btn-transit { 
  color: #ffffff; 
  background-color: #522D80; 
  border-color: #522D80; 
} 
 
.btn-transit:active, 
.btn-transit.active, 
.open .dropdown-toggle.btn-transit { 
  background-image: none; 
} 
 
.btn-transit.disabled, 
.btn-transit[disabled], 
fieldset[disabled] .btn-transit, 
.btn-transit.disabled:hover, 
.btn-transit[disabled]:hover, 
fieldset[disabled] .btn-transit:hover, 
.btn-transit.disabled:focus, 
.btn-transit[disabled]:focus, 
fieldset[disabled] .btn-transit:focus, 
.btn-transit.disabled:active, 
.btn-transit[disabled]:active, 
fieldset[disabled] .btn-transit:active, 
.btn-transit.disabled.active, 
.btn-transit[disabled].active, 
fieldset[disabled] .btn-transit.active { 
  background-color: #F66733; 
  border-color: #522D80; 
} 
 
.btn-transit .badge { 
  color: #F66733; 
  background-color: #ffffff; 
}

/*------------------------------------------------LOGOS PAGE CSS ----------------------------------------------------*/

.filterable {
    margin-top: 15px;
}
.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}

.carousel-caption {
  padding-bottom: 0px;
}

.carousel-caption {
bottom: 2px;
}

.image-text {
    color:#FFFFFF;
    font-family: 'Trade-Gothic', Verdana , sans-serif;
    font-size: 15px;
    margin: 0 0 0px !important;
}

.image-text-shift {
    white-space: nowrap;
}

.carousel-caption-shift {
    left: 10%;
}

.regalia {
    background-color: #cec4db;
    border-color: #522D80;
}

.thumbnail-transit {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    padding: 5px;
}

/*------------------------------------------------SABO CSS----------------------------------------------------*/

.table_title_text_align
{
    text-align:center;
}

@media (max-width:768px)
{
    .table_title_text_align
    {
        text-align:left;
    }
}



/*------------------------------------------------Healthy Campus CSS----------------------------------------------------*/


.chevron{
        width:30%;
        position:absolute;
        top:40%;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
         box-shadow:none;
      }
      
.chevron-left {left : 5%;}
.chevron-right {right : 5%;}
.orangebox1{background-color:#E8E8E8;}
.orangebox1 li {color:white;}
.nav-tabs > li.active > a { color:white; background-color:#ffffff;}
.center2 {text-align: center;}
.round5 {border-radius: 5px !important;}


.btn-big-text
{
    white-space:normal !important;
    padding:7px !important;
    line-height:1em;
}

.watermark-healthy-campus
{
    left:10px;
    position:absolute;
    bottom:32px;
}


/*Provides padding to Healthy Campus watermark below 992px*/
@media(max-width: 992px)
  { 
  .watermark-healthy-campus
  {
    left: 200px;
    bottom: 6px;
  }
}

/*Provides padding to Healthy Campus and Believe watermark below 662px*/
@media(max-width: 662px)
  {
  .watermark-healthy-campus
  {
    left: 190px;
    height:75px;  
  }
}

@media(max-width: 620px)
  {
  .watermark-healthy-campus
  {
    left: 160px;
    height:70px;
    bottom:6px;
  }
}

/*Provides padding to Healthy Campus below 483px*/
@media (max-width: 483px)
{    
    .watermark-healthy-campus
    {    
      left: 140px;
      bottom: 0px;
      height: 60px;
    }
}

/*Provides padding to Healthy Campus Watermark below 445px*/
@media (max-width: 445px)
{   
    .watermark-healthy-campus
    {    
      left: 125px;
      bottom: 0px;
      height:55px;
    }
}

/*Provides padding to Healthy Campus Watermark below 414px*/
@media (max-width: 414px)
{   
    .watermark-healthy-campus
    {
     left: 115px;
      bottom: 0px ;
      
    }
}

/*Provides padding to Healthy Campus Watermark below 365px*/
@media (max-width: 365px)
{    
    .watermark-healthy-campus
    {
     left: 106px;
      bottom: 0px;
      height:46px;
    }
}

/*Provides padding to Healthy Campus Watermark below 339px*/
@media (max-width: 339px)
{    
    .watermark-healthy-campus
    {
     left: 100px;
     bottom: 0px;
     height:40px;
    }
    }
}

iframe, object, embed {
        max-width: 100%;
}

/*---------------------------------------Suicide Prevention Website Button CSS---------------------------------------*/

.buttonsp
{
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  font-size: 24px;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  margin: 5em auto;
  top:0; right:0; bottom:0; left:0; 
  padding: 10px 10px 10px 10px;
  width: 220px;
  height:50px;
  background: #fff;
  /*border: 1px solid #a25016;*/
  color: #f66733;
  overflow: hidden;
  transition: all 0.4s;
  display:block;
}

@media screen and (max-width:992px){
    .buttonsp{
        font-size: 1.5em;
        width:100%;
        margin:90% auto;
    }
}

@media screen and (max-width:662px){
    .buttonsp{
        font-size: 1em;
        width:100%;
        padding:15px 5px 15px 5px;
        margin:10.6em auto;
    }
}

@media screen and (max-width:483px){
    .buttonsp{
        font-size: 0.5em;
        width:50px;
        margin:22.5em auto;
        padding:15px 2px 0px;
    }
}

@media screen and (max-width:400px){
    .buttonsp{
        margin:23em auto;
    }
}

.buttonsp:hover, .buttonsp:active 
{
  text-decoration: none;
  color: #fff;
  border-color: #a25016;
  background: #522D80;
}

.buttonsp span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.buttonsp span:after 
{
  content: '';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -18px;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-0deg);
}


/*---------------------------------------Suicide Prevention website CSS---------------------------------------*/

.buttonsp:hover span:after, .buttonsp:active span:after 
{
  transition: opacity 0.5s, top 0.5s;
  opacity: 1;
  border-color: #0C5;
  right: 0;
  top: 50%;
}
.btn-purple {
    background-color: #522d80;
    border-color: #f66733;
    color: #ffffff;
}
.btn-purple:focus {
    background-color: #f66733;
}
 
.btn-purple:hover {
    background-color: #f66733;
    color:#522d80;
}


/*---------------------------------------calendar formatting CSS---------------------------------------*/

.event { margin-bottom: 1.6875em; }
.event-date {
border: 1px solid #d7d7d7;
text-align: center;
padding: 0;
float: left;
display: inline-block;
padding: .4375em .75em;
margin-right: .625em;
}

.event-date .month, .event-date .day { display: block; }
.event-date .month { font-size: 1.125em; }
.event-date .day { font-size: 1.625em; color: #522d80; }

.event p { line-height: 1.3; }

.event .event-time, .event .event-location { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.event .event-title { margin: 0 0 .1875em; line-height: 1; }

.event .event-time { margin: 0; }
.event .event-time:before {
content: "\e002";
margin-right: .3125em;
color: #666;
font-family: "clemson-icons";
}

.event .event-location { margin: 0; }
.event .event-location:before {
content: "\e003";
margin-right: .3125em;
color: #666;
max-height: .625em;
font-family: "clemson-icons";
}
.event .event-location a { color: #666; }
.event:last-of-type { margin-bottom: 1.25em; }






/*
Theme Name: Student Affairs Publications - Campus life
Theme URI: http://clemson.edu/student-affairs
Author: Dhruv Jain
URI: http://clemson.edu/student-affairs
Description: Student Affairs Publications, Clemson University, Bootstrap theme 
Version: 1.0
Tags: Student affairs publications, student affairs clemson university, campus-life, campus-recreation, fike, recreation  
*/

/*Latest Release  */
/*Changed the background color Howrds rock to white on small screens of the accordian. */
/*Changed Table width to auto from 100% so that it does not cover the full page 
  Fixed footer issue - changed wrap margin to auto and footer properties and added margin-bottom to 60px in body tag
  Making iframe responsive 
  Add css for responsive tables in mozilla firefox 
  Added padding to panel-heading for text wrap on small screens*/
  
.watermark-cr { bottom: 20px !important; }

@media (max-width: 992px) { .watermark-cr { bottom: 2px !important; } }

.vcenter { display: inline-block; vertical-align: middle; float: none; }



/*---------------------------------------Info on Hover CSS---------------------------------------*/
/** Code for hover info **/

dfn {
  background: #e9e9e9;
  border-bottom: dashed 1px rgba(0,0,0,0.8);
  padding: 0 0.4em;
  cursor: context-menu;
  font-style: normal;
  position: relative;
  
}
dfn::after {
  content: attr(data-info);
  display: inline;
  position: absolute;
  top: 22px; left: 0;
  opacity: 0;
  width: 230px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
  padding: 0.5em 0.8em;
  background: rgba(0,0,0,0.8);
  color: #fff;
  pointer-events: none; /* This prevents the box from apearing when hovered. */
  transition: opacity 250ms, top 250ms;
}
dfn::before {
  content: '';
  display: block;
  position: absolute;
  top: 12px; left: 20px;
  opacity: 0;
  width: 0; height: 0;
  border: solid transparent 5px;
  border-bottom-color: rgba(0,0,0,0.8);
  transition: opacity 250ms, top 250ms;
}
dfn:hover {z-index: 2;} /* Keeps the info boxes on top of other elements */
dfn:hover::after,
dfn:hover::before {opacity: 1;}
dfn:hover::after {top: 30px;}
dfn:hover::before {top: 20px;}

.submit-btn{
    background-color: #f66733;
    color:#ffffff;
    border-color: #f66733;
}
.submit-btn:hover{
    background-color: #522d80;
    border-color: #522d80;
}

@media(max-width:1290px){
    .nav.navbar-nav.navbar-left li {
         display: none;
    }
.nav.navbar-nav.navbar-left li:first-of-type {
         display: block;
    }
}

/*Student Affairs Survey Application styling*/
form#survey > .panel{
    padding: 0 0.5em;
}
div.answer > label{
    font-weight: normal;
}