/*#region General Styling */

html {
    font-family: "proxima-nova",sans-serif;
}


body {
    font-family: "proxima-nova",sans-serif;
    color: #515151;
    background-color: #F2F2F2;
}

h1, h2, h3, h4, h5, h6 {
font-family: "proxima-nova",sans-serif;
}

h1{
    color:#1B4889;
}
h2{

}
h3 {
    color:#004c6a;
}
h5 {
color:#333;
}

h6 {
color:#666666;
}

a {
    color:#1B4889;
    text-decoration:underline;
}

a:hover {
    color:#00A5E5;
text-decoration:underline;
}

a[href$=".pdf"] {
padding-right: 25px;
background: url(/masterpages/img/icon_pdf.png) no-repeat right center;
}

a.no-pdf-icon[href$=".pdf"]  {
 background-image: none;
}

p {
    margin-bottom: 10px;
}

.noFloat{
    float:none!important;
}
/*#endregion */

/*#region Header Styling */

#header {
    background-color: white;
    /*padding: 25px 0 0 0;*/
}

ul.nav {
    display:inline-block;
    margin-left:0;
    margin-top:17px;
    margin-bottom:10px;
}

    ul.nav li {
        display:inline;
        margin:0 10px 0 10px;
    }
   
        ul.nav li a {
            font-size:.9em;
            text-decoration:none;
            text-transform:uppercase;
            color:black;
        }

        ul.nav li a:hover {
            border-bottom:2px solid #00A5E5;
            
        }

img.logo {
    /*margin-top: 10px;
    margin-bottom: 10px;
    margin-bottom: 15px;*/
}

/*#endregion */

/*#region Misc Pages Menu/Display Styling */
#pagesLeftContent {
    text-align: right;
    /*border-right: 2px solid #1B4889;*/
    background-color: white;
    /*margin-left: 50px;*/
}
    #pagesLeftContent div {
        margin-bottom: 15px;
        margin-right: 30px;
        background-color: white;
        padding-top: 20px;
    }

        #pagesLeftContent div a {
            /*font-weight:bold;
    font-size:1.3em;
    text-decoration:none;*/
            font-size: .9em;
            text-decoration: none;
            text-transform: uppercase;
            color: black;
        }

        #pagesLeftContent div.selected {
            /*margin-right:0;*/
            /*padding-right:30px;*/
            background-color: white;
            /*text-decoration: underline;*/
        }

        @media screen and (max-width:600px) {
            .remove-mobile-padding {
                padding: 0 !important;
            }
        }

    #pagesLeftContent div.selected a {
        color: black;
        border-bottom: 2px solid #00A5E5;
    }

#pagesRightContent div.unselected {
    display: none;
    background-color: white;
    /*margin-right: 50px;*/
}
#pagesRightContent div.selected {
    display: block;
    background-color: white;
    /*margin-right: 50px;*/
    padding: 20px;
    /*padding-right: 20px;*/
}
#pagesRightContent div p {
    line-height:1.5em;
}
#pagesRightContent div h2 {
    margin-top:20px;
}
#pagesRightContent div h2.listTitle {
    margin-top:0;
}
#pagesRightContent div a {
    font-weight:bold;
}
#pagesRightContent a.subPageReadMore {
text-decoration:none;
}
/*#endregion */


/*#region Footer Styling */
#footer {
background-color:#1B4889;
color:white;
font-size:.9em;
margin-top:25px;
}

    #footer a {
        color:white;
        text-decoration:none;
    }
        #footer a:hover {
        text-decoration:underline;
        }
    
        #footer p {
    margin-bottom:0;
    }

.footer-address {
margin-bottom:10px;
}

.regents {
font-size:.8em;
}

.overlap {
    margin-bottom: -45px;
    position: relative;
    top: -70px;
}
.notoverlap {
    margin-bottom: 20px;
}
/*#region Slider Styling */
#full-width-slider{
    width:100%;
}
.heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 337px !important;
  }
        .royalSlider {
visibility: hidden; 
}

/*#region Display Pages Styling */

ul.footerBranding {
                margin-top:15px;
                margin-bottom:5px;
                margin-left:0;
                /*font-size:1.5em;*/
            }
            ul.footerBranding li{
                display:inline;
                margin-left:2px;
            }
                  ul.footerBranding li a{
                color:white;
                text-decoration:none;
            }
                        ul.footerBranding li a:hover{
                            color:#858585;
            }
                        ul.footerBranding li:after{
                            content: "•";
                            margin-left:6px;
                        }
                        ul.footerBranding li:last-of-type:after {
                            content:none;
                        }


    p.mainSliderCredit a {
        color: white;
        text-decoration: none;
    }

        p.mainSliderCredit a:hover {
            text-decoration: underline;
        }

@media screen and (max-width:583px) {
    p.mainSliderCredit {
        bottom: 5px;
        left: 15px;
        top: initial;
    }
}

@media screen and (max-width:377px) {
    p.mainSliderCredit {
        max-width: 150px;
    }
}

@media screen and (min-width:970px) {
    .overlap {
        margin-bottom: -45px;
        position: relative;
        top: -70px;
    }
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 450px !important;
    }
}

@media screen and (min-width:960px) and (min-height:660px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 450px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 250px !important;
    }

    .infoBlock {
        padding: 10px;
        height: auto;
        max-height: 100%;
        min-width: 40%;
        left: 5px;
        top: 5px;
        right: auto;
        font-size: 12px;
    }

        .infoBlock h3 {
            font-size: 14px;
            line-height: 17px;
        }
}


/************************************
            SIDER STYLING
************************************/
.infoBlock {
    position: absolute;
    top: 30px;
    right: 10px;
    left: auto;
    max-width: 25%;
    background: #FFF;
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 15px;
    padding-bottom: 0;
    padding-top: 7px;
}

@media screen and (max-width:767px) {
    .infoBlock {
        display: none;
    }
}


.infoBlockLeftBlack {
    min-width: 300px;
    max-width: 300px;
    color: #231F20;
    background: white;
    background: rgba(0,0,0,0.80) !important;
    background: none;
    left: 10px;
    right: auto;
    top: 66%;
}

    .infoBlockLeftBlack h5 {
        line-height: 1.2em;
        color: white !important;
    }

        .infoBlockLeftBlack h5 a {
            display: block;
            padding-top: 10px;
            text-align: left;
            font-size: .9em;
            color: white !important;
        }

.heroSlider .rsOverflow,
.royalSlider.heroSlider {
    height: 450px !important;
}

/**** SLIDER EXTRA NEEDED CSS ROYAL SLIDER  copied from ccs ******/

#full-width-slider {
    width: 100%;
    color: #000;
}


.infoBlock {
    position: absolute;
    top: 30px;
    right: 30px;
    left: auto;
    max-width: 25%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 20px;
}

.infoBlockLeftBlack {
    min-width: 300px;
    max-width: 300px;
    color: #FFF;
    background: #000;
    background: rgba(0,0,0,0.50);
    left: 60px;
    right: auto;
}

.infoBlock p {
    font-size: 14px;
    margin: 4px 0 0;
}

.infoBlock a {
    color: #FFF;
    text-decoration: underline;
}

.infoBlock h5 {
    color: white;
}


.fullWidth {
    max-width: 1400px;
    margin: 0 auto 24px;
}


p.mainSliderCredit a {
    color: white;
    text-decoration: none;
}

    p.mainSliderCredit a:hover {
        text-decoration: underline;
    }

@media screen and (max-width:583px) {
    p.mainSliderCredit {
        bottom: 5px;
        left: 15px;
        top: initial;
    }
}

@media screen and (max-width:377px) {
    p.mainSliderCredit {
        max-width: 150px;
    }
}

@media screen and (min-width:970px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 450px !important;
    }
}

@media screen and (min-width:960px) and (min-height:660px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 450px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 300px !important;
    }

    .infoBlock {
        padding: 10px;
        height: auto;
        max-height: 100%;
        min-width: 40%;
        left: 5px;
        top: 5px;
        right: auto;
        font-size: 12px;
    }

        .infoBlock h3 {
            font-size: 14px;
            line-height: 17px;
        }
}

.progheader{

    font-size:50px;
}
.as-row {
    margin:0 60px;
}

@media screen and (max-width: 768px) {

    .socialmedia {
        display display:none;
    }
    #header img.logo{
        max-width:100%!important;
    }
    #header div {
        margin-left:0px!important;
    }
    /*img.logo {
        margin-left:-45px;
        margin-top: 5px;
        margin-bottom: -20px;
        float:left;
    }*/

    #pagesLeftContent div {
     
        background-color: white;
        padding-top: 0px;
    }

    .as-row {
        margin: 0;
        padding: 13px !important;      
    }

    ul.nav li{
        margin-bottom:.5em;
    }
    .progheader {
        font-size: 28px;
    }



}

@media only screen and (max-width: 400px) {

    .top-logo {
        max-width:350px !important; 
    }

    #pagesLeftContent {
        text-align:left; 
        padding:5px;
        margin-bottom:10px;
    }

    #ids-study {
        width: unset !important; 
    }

    #pagesRightContent div.selected {
        padding: 10px !important; 
    }

    h1.title-studies {
        font-size:14px !important; 
    }

    div.title-welcome {
        font-size: 18px !important; 
    }

    table.stack {
        width: 330px !important;
    }
    table.stack tbody tr td {
        width: 320px !important; 
    }

    table.stack tbody tr td.ids-travelstudy {
            width: 275px !important;
        }

    table.stack tbody tr td.travel-list {
            width: 275px !important;
     }

    table.stack tbody tr td.major-stats { 
        width: 290px !important; 
    }

    table.stack tbody tr td.ames-studytable {
        height: unset !important; 
    }

        .guidebook {
            padding: 2px !important;
        }

    .apply-here {
        font-size:unset !important; 
    }

    .minor-buttons {
        padding: 3px !important; 
    }

    img.travel-study {
        width: 268px !important; 
        height: unset !important; 
    }

    img.transfer-students {
        height: unset !important;
    }

    img.ames-studyabroad {
        height: unset !important;
    }

    img.ames-timeline {
        height: unset !important; 
    }

    img.ames-honors {
        height: unset !important; 
    }

    img.asba-program {
        width: unset !important;
        height: unset !important;
        float: unset !important;
        margin: unset !important;
    }

    img.asba-honors {
        height: unset !important;
    }

    img.esba-program {
        width: unset !important;
        height: unset !important;
        float: unset !important;
        margin: unset !important; 
    }

    img.esba-honors {
        height: unset !important;
    }

    img.ids-about {
        width: unset !important;
        height: unset !important;
    }

    img.ids-honors {
        width: unset !important; 
        left: unset !important;
        float: unset !important;
        margin: unset !important; 
    }

    img.ids-honors-eligibility {
        height: unset !important; 
    }

    div.eight-mymajor {
        margin: 35px !important;
        width: 345px !important;
    }

    .ids-applyhere {
        margin: unset !important; 
        padding: 7px !important; 
        font-size: 24px !important;
    }

    .sync {
        min-height: unset !important; 
    }

    table tr td.ids-current-fallcourse:before {
        font-weight: bold;
        margin-bottom: 5px;
        text-decoration-line: underline;
        text-decoration-style: solid;
    }

    td.ids-current-fallcourse:nth-of-type(1):before { content: "Fall 22"; }

    table tr td.ids-current-wintercourse:before {
        font-weight: bold;
        margin-bottom: 5px;
        text-decoration-line: underline;
        text-decoration-style: solid;
    }

    td.ids-current-wintercourse:nth-of-type(2):before { content: "Winter 23"; }

    table tr td.ids-current-springcourse:before {
        font-weight: bold;
        margin-bottom: 5px;
        text-decoration-line: underline;
        text-decoration-style: solid;
    }

    td.ids-current-springcourse:nth-of-type(3):before { content: "Spring 23"; }


}