/**
 * DAR Overrides - Responsive
 */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .panel-impact.flip-through {
    padding: 0 !important;
  }

  .panel-impact.flip-through .flip-through-content {
    width: 100vw;
    margin: 0 !important;
    left: 0 !important;
  }

  .panel-impact.flip-through .flip-through-content li {
    width: 100vw !important;
    padding: 0 40px;
    margin: 0vw;
  }
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
  .node-type-landing-page .slideshow-slides-wrapper .flip-through .flip-through-content {
    width: 320px !important;
  }

  .node-type-landing-page .slideshow-slides-panel.flip-through .flip-through-content li {
    width: 320px !important;
  }
}

@media only screen and (max-width : 480px) {
  .feed-panel.panel-featured-alumni .feed-panel-feed-item {
    width: 100% !important;

  }
}

@media only screen and (min-width: 481px) and (max-width : 620px) {
  .node-type-landing-page .slideshow-slides-wrapper .flip-through .flip-through-content {
    width: 440px !important;
  }

  .node-type-landing-page .slideshow-slides-panel.flip-through .flip-through-content li {
    width: 440px !important;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
}

@media only screen and (max-width : 768px) {
  .feed-panel.panel-alumni-events.feed-panel-3-items .feed-panel-feed-item {
    width: 100% !important;
  }

  .panel-supportpenn-gse #impact-logo{
    display:none;
  }
  .panel-supportpenn-gse #gift-button a{
    width:100%;
  }

  #node-6415 .bg-image-panel-wrapper.has-title h2 {
    margin-bottom: 80px !important;
    margin-right: 10px;
    margin-left: 10px;
  }

  .feed-panel.panel-alumni-events .event-date {
    float: left;
    margin-right: 10px;
    margin-left: 0;
  }

  .feed-panel.panel-featured-alumni .feed-panel-top-content {
    width: 100% !important;
    float: none !important;
    padding: 0 40px;
  }

  .feed-panel.panel-featured-alumni .feed-panel-feed-content {
    clear: both;
    width: 100% !important;
    padding: 40px;
    margin-top: -20px !important;
    float: none !important;
  }

  .content .panel-your-gift-today .bg-image-container {
    padding: 0px;
  }

  div.panel-explore-the-campaign .panel-content {
    margin-top: 60px;
  }

  /*#node-6440 div.slideshow-slides-bg, #node-6405 div.slideshow-slides-bg, #node-6433 div.slideshow-slides-bg {
    height: 700px ;
    
    }*/

  /* div.slideshow-slides-bg{
        height: 700px ;
    }*/

  .feed-panel.panel-featured-alumni h2 {
    font-size: 2.0em;
  }

  .feed-panel.panel-featured-alumni .feed-panel-content-outer-wrap {
    max-height: none !important;
  }

  .feed-panel.panel-featured-alumni .feed-panel-feed-content p {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  div#landing-header img {
    width: 125px !important;
  }

  .panel-explore-the-campaign .btn {
    width: 80%;
  }

  .panel-your-gift-today .form-redirect-form-wrapper {
    width: 100% !important;
    margin: 0px !important;
  }

  .panel-your-gift-today .col-md-7 {
    width: 90% !important;
    margin: 5px 5%;
    clear: both;
    text-align: center;
  }

  .panel-your-gift-today .col-md-5 {
    display: none;
  }

  .panel-your-gift-today .panel-content {
    width: 30%;
  }

  /** Newsroom Version of the above panel... */
  .newsroom-theme #form-redirect-panel-0 {
    padding-top: 0 !important;
  }

  .newsroom-theme #form-redirect-panel-0 .form-redirect-form-wrapper {
    width: 100% !important;
    margin: 0px !important;
  }

  .newsroom-theme #form-redirect-panel-0 .col-md-7 {
    width: 90% !important;
    margin: 5px 5% !important;
    clear: both;
    text-align: center;
  }

  .newsroom-theme #form-redirect-panel-0 .col-md-5 {
    display: none !important;
  }


  .newsroom-theme #form-redirect-panel-0 {
    border-bottom: none !important;
  }

  .newsroom-theme #form-redirect-panel-0 .panel-content {
    width: 90% !important;
    margin-left: 5%;
  }

  /* --- end Newsroom styles for Your Gift Today panel. ---*/

  .form-redirect-panel.panel-extraordinary-impact {
    padding: 0 30px !important;
  }

  .col-xs-6:nth-child(odd) {
    clear: both;
  }

  /*.breadcrumb {padding-left: 40px;text-indent: -25px;}*/

  div.block-link div.block-link-contents {
    padding: 5px 20px !important;
    height: 95px;
  }

  .col-xs-6 .block-link-contents a {
    margin-top: 100px;
  }

  .block-link-set-panel .block-link .btn {
    display: block;
  }

  body.not-front .content-photo-photo {
    overflow: hidden;
  }

  .block-link-set-panel .block-link.col-md-6 img {
    margin-top: 0;
  }

  .form-redirect-panel .panel-content {
    margin-left: 0%;
    width: 90% !important;
    text-align: center
  }

  .form-redirect-panel .panel-content img {
    max-width: 100%;
  }

  .form-redirect-form-wrapper {
    clear: both;
    margin-left: 10%;
    width: 80%;
  }

  .form-redirect-panel input.btn {
    display: block;
    margin-left: 0px;
    margin-top: 10px
  }

  .form-redirect-panel .select-wrapper,
  .form-redirect-panel select {
    width: 100% !important;
  }

  .form-redirect-panel .form-redirect-form-item {
    display: block !important;
    width: 100%;
  }

  /* Additional Form Red(f)irect Styles */
  .form-redirect-form-content {
    width: 100% !important;
  }

  .form-refirect-form {
    width: 100% !important;
  }

  .form-refirect-form input.btn {
    display: block !important;
    clear: both;
    float: none;
    margin-left: 0;
    margin-bottom: 50px;
    margin-top: 10px;
  }

  .form-refirect-form select,
  .form-refirect-form .select-wrapper {
    width: 100% !important;
    height: 41px;
    padding: 0 5px;
  }

  .form-redirect-form-item {
    width: 80% !important;
  }


  /* Responsive Video Embeds */
  .dar-landing-page .has-video .bg-image-embedded-video-wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    top: -100px;
  }

  /* For only remaining video */
  .dar-landing-page.page-node-6415 .has-video .bg-image-embedded-video-wrapper {
    padding-bottom: 56.25%;
  }

  .dar-landing-page .has-video .bg-image-embedded-video-wrapper iframe,
  .dar-landing-page .has-video .bg-image-embedded-video-wrapper object,
  .dar-landing-page .has-video .bg-image-embedded-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .dar-landing-page #block-block-94 img,
  #block-block-94 img {
    /*width: 90% !important;*/
    max-width: 60% !important;

  }

  .node-type-landing-page .flip-controls {
    display: none;
  }

  .dar-landing-page .basic-panel div[class^="col-md"],
  .dar-landing-page .content-photo-panel div[class^="col-md"],
  .dar-landing-page .bg-image-panel div[class^="col-md"] {
    padding: 0 15px !important;
  }

  .dar-landing-page #breadcrumbs {
    top: 100px;
  }

  .dar-landing-page #banner.tall-banner #breadcrumbs {
    top: 300px;
  }

  .dar-landing-page #main-content-row {
    margin-top: 30px;
  }

  /* Block Link Shadows. */
  .block-link .node {
    overflow: hidden;
    position: relative;
  }

  /*.block-link-contents h3 {
    font-size: 24px;
  }*/

  div#landing-header img {
    width: 200px;
  }

  /* .slideshow-slides-bg { /* floats no longer floating, so this should be ok. 
           height: 600px ;
    } */

  .slideshow-slides-panel li .col-sm-4 {
    padding-top: 0px;
    margin-bottom: 40px;
  }

  .slideshow-slides-panel .node h2 {
    left: 0px;
  }

  .slideshow-slides-wrapper .field-name-body {
    padding: 0px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content {
    /*width: 580px !important;*/
  }

  .node-type-landing-page .slideshow-slides-panel.flip-through .flip-through-content li {
    width: 580px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content li {
    margin: 0 10px;
  }

  /*  .page-node-6451 #basic-panel-main + div.slideshow-slides-wrapper,
.page-node-6455 #basic-panel-main + div.slideshow-slides-wrapper,
.page-node-6453 #basic-panel-main + div.slideshow-slides-wrapper,
.page-node-6458 #basic-panel-main + div.slideshow-slides-wrapper {
    margin-top: -80px;
    margin-bottom: 100px !important;
}*/

  .page-node-6451 .slideshow-slides-panel .flip-through-content,
  .page-node-6455 .slideshow-slides-panel .flip-through-content,
  .page-node-6453 .slideshow-slides-panel .flip-through-content,
  .page-node-6458 .slideshow-slides-panel .flip-through-content {
    margin-top: 100px;
  }

  img.mag-single-thumb {
    width: 150px;
  }

  h1.title.priority-title {
    font-size: 42px !important;
  }

  a.dar-cta {
    margin: 0px 5%;
  }

}

@media only screen and (max-width: 991px) {
  .panel-supportpenn-gse #impactlogo{
    margin-top:5%;
  }
}

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

  .dar-landing-page h1.title,
  .dar-landing-page.short-banner #landing-header h1.title {
    font-size: 45px !important;
  }
  .panel-supportpenn-gse #support-text{
    margin-top:-20px;
  }

  .panel-your-gift-today .col-md-7 {
    width: 58.333333333333336%;
    float: left;
  }

  .panel-your-gift-today .col-md-5 {
    width: 41.66666666666667%;
    float: right;
  }

  #node-6432 .h3-gift {
    padding-top: 40px !important;
  }

  .node-6432 #basic-panel-0 {}

  .panel-explore-the-campaign .btn {
    width: 75%;
  }

  .panel-explore-the-campaign div.panel-content {
    width: 100%;
    padding-right: 50px;
  }

  .panel-explore-the-campaign .form-redirect-form-wrapper {
    padding-top: 0px !important;
    padding-bottom: 40px;
  }

  #block-block-98 div.row {
    margin-left: 0 !important;
    text-align: center
  }

  .panel-your-gift-today .panel-content {
    margin-left: 5%;
    width: 25%;
  }

  .panel-your-gift-today .form-redirect-form-wrapper {
    clear: none;
    margin-right: 5%;
    width: 60%;
    margin-left: 5%;
  }

  .panel-your-gift-today {
    min-height: 225px;
  }


  #sidr #menu-82397-1>a,
  #sidr .menu-82397>a,
  #sidr .menu-87>a {
    padding-left: 0;
  }

  .dar-landing-page img {
    max-width: 100% !important;
  }

  .dar-landing-page .has-video .bg-image-copy {
    width: 80%;
    padding: 10px;
    float: none;
    clear: both;
    margin-left: 10%;
    text-align: center;
    position: relative;
    top: -50px;
  }

  .dar-landing-page .has-video .bg-image-embedded-video-wrapper {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    top: -70px;
  }

  .dar-landing-page .bg-image-panel-wrapper.has-video .bg-image-container {
    padding-top: 0;
  }

  .dar-landing-page .bg-image-panel-wrapper.has-video {
    text-align: center;
  }

  .dar-landing-page .bg-image-panel-wrapper.has-video .read-more {
    position: relative;
    top: -60px;
    height: auto;
    min-height: 50px;
  }

  .gse-statistic {
    margin-top: 80px;
  }

  .gse-statistic:first-child {
    margin-top: 30px;
  }

  .gse-statistic .number-lg {
    height: 140px;
    font-size: 80px;
  }

  #learners-impacted .number-lg {
    font-size: 60px;
    position: relative;
    left: -10px;
  }

  #working-in-countries .number-lg {
    font-size: 120px;
  }

  .gse-statistic span.description:before {
    margin-bottom: 20px !important;
  }

  /*body.not-front .panel-your-gift-today .bg-image-container {
    padding: 40px 0 0 0;
  }*/

  .block-title-sm {
    position: relative;
  }

  body.not-front div.flip-through {
    display: block !important;
    height: auto;
  }

  .slideshow-slides-bg {
    margin-top: 40px;
    height: 100%;
  }

  /* #node-6440 .slideshow-slides-bg, #node-6405 .slideshow-slides-bg, #node-6433 .slideshow-slides-bg{
        height: 500px ;
}*/

  .page-node-6451 #basic-panel-main+div.slideshow-slides-wrapper,
  .page-node-6455 #basic-panel-main+div.slideshow-slides-wrapper,
  .page-node-6453 #basic-panel-main+div.slideshow-slides-wrapper,
  .page-node-6458 #basic-panel-main+div.slideshow-slides-wrapper {
    /*margin-top: -80px;*/
    margin-bottom: 199px;
  }

  .page-node-6451 .slideshow-slides-panel,
  .page-node-6455 .slideshow-slides-panel,
  .page-node-6453 .slideshow-slides-panel,
  .page-node-6458 .slideshow-slides-panel {
    padding-top: 0px;
  }

  #node-6451 .slideshow-slides-bg {
    height: 100%;
  }

  .node-type-landing-page .flip-through .flip-through-content li {
    width: 60vw;
  }

  .node-type-landing-page .flip-controls {
    width: 90%;
  }

  div#landing-header img {
    width: 180px;
  }

  .slideshow-slides-wrapper .flip-controls {
    width: 100%;
    left: 0;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content {
    width: 740px;
    left: 0px;
    padding-top: 100px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content li {
    width: 740px;
    margin: 0 80px;
    margin: 0 !important;
    padding: 0 20px;
  }

  /*.slideshow-slides-bg {
        /*height: 775px;
    }*/

  .slideshow-slides-panel p {
    color: white;
  }

  img.mag-single-thumb {
    margin-top: 0px;
    width: 180px;
  }


  #sidr ul.menu li {
    text-align: left;
    padding: 2px;
    min-height: 30px;
  }

  #sidr ul.menu li a {
    padding: 6px 10px !important;
    line-height: 1.2em;
  }

  #sidr ul.menu {
    border: none;
  }

  #sidr .menuparent ul {
    /* No submenus */
    display: none !important;
  }
}

@media (max-width: 1170px) {

  #node-6432 #basic-panel-0 {
    margin: 0px;
  }

}

@media only screen and (max-width: 1023px) and (min-width: 582px) {
  .dar-landing-page .read-more.btn {
    width: auto !important;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1023px) and (min-width: 769px) {
  .row.responsive-margins {
    padding: 0 30px;
  }

  body.not-front.node-type-landing-page .read-more {
    width: auto !important;
  }

  .dar-landing-page #block-block-94 img,
  #block-block-94 img {
    width: 300px !important;
    margin: 0 auto;
  }


  .form-redirect-panel .panel-content {
    margin-left: 20%;
  }

  .form-redirect-form-wrapper {
    clear: both;
    margin-left: 20%;
  }

  .panel-your-gift-today .panel-content {
    margin-left: 5%;
    width: 30%;
  }

  .panel-your-gift-today .form-redirect-form-wrapper {
    clear: none;
    margin-right: 5%;
    width: 60%;
    margin-left: 0;
  }

  .panel-your-gift-today {
    min-height: 225px;
  }

  .dar-landing-page .form-redirect-panel {
    padding: 10px;
  }

  .dar-landing-page .form-redirect-panel .bg-image-container {
    padding: 30px 0;
  }

  .dar-landing-page #breadcrumbs {
    top: 100px;
  }

  .dar-landing-page h2.tagline {
    margin-left: 0;
  }

  .dar-landing-page #banner.tall-banner #breadcrumbs {
    top: 300px;
  }

  .dar-landing-page #main-content-row {
    margin-top: 30px;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}


@media only screen and (max-width : 1090px) {
  #main-menu #main-logo {
    margin: 23px -15px 22px 15px !important;
    width: 170px !important;
  }

  #main-menu ul.sf-menu>.menuparent>a,
  #main-menu ul.sf-menu>li>a {
    font-size: 14px;
    /*width: 94px !important;*/
  }

  /*    #main-menu ul.sf-menu>#menu-82399-1>a,
    #main-menu ul.sf-menu>li#menu-82399-1>a {
        width: 126px !important;
    }*/

  .dar-landing-page h1.title {
    margin-left: 0px
  }

  .dar-landing-page #landing-header h2 {
    margin-left: 0;
  }

  .slideshow-slides-wrapper .flip-controls {
    width: 100%;
    left: 0;
    display: none;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content li {
    width: 740px;
    position: relative;
    margin: 0 100px;
  }
}

@media only screen and (max-width : 1124px) {
  .dar-landing-page .tall-banner #landing-header h1 {
    margin-left: 0;
  }

  .dar-landing-page .tall-banner #landing-header h2 {
    margin-left: 30px;
  }
}

@media only screen and (max-width : 1140px) {
  #main-menu #main-logo {
    margin: 23px 0 22px 15px;
    width: 200px;
  }

}

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

@media (max-width: 1125px) and (min-width: 1024px) {
  .slideshow-slides-wrapper .flip-through-content {
    width: 120% !important;
    margin-left: 15%;
  }
}

@media only screen and (max-width : 1267px) {
  /*    #main-menu ul.sf-menu>.menuparent>a,
    #main-menu ul.sf-menu>li>a {
        width: 105px;
        padding-left: 15px;
        padding-right: 15px;
    }*/

  /*    #main-menu #menu-82395-1 > a {
        width: 114px !important;
    }

    #main-menu #menu-82400-1 > a,
    #main-menu #menu-82399-1 > a,
    #main-menu #menu-82397-1 > a {
        width: 124px !important;
    }*/

  .dar-landing-page ul.menu li.expanded>a {
    padding-right: 40px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content {
    left: -30px;
    width: 86%;
  }

  .slideshow-slides-wrapper .flip-through .flip-controls .flip-left {
    margin-left: 50px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content li {
    width: 800px;
    position: relative;
    margin: 0 50px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content li .node {
    width: 715px;
  }

  .flip-through .flip-through-content ul {
    width: 10000px;
  }

  .slideshow-slides-wrapper .flip-controls {
    width: 110%;
    left: -2%;
  }

  @media only screen and (max-width: 1125px) {
    .slideshow-slides-wrapper .flip-controls {
      display: none;
    }
    .slideshow-slides-wrapper .flip-through .flip-through-content li { 
      margin: 0 100px;
      margin: 0;
      width: 100vw !important;
    }
    .panel-supportpenn-gse div#support-text{
      text-align:center;
    }

  }

  @media only screen and (min-width: 992px) {
    .slideshow-slides-wrapper .flip-through .flip-through-content {
      width: 800px;
    }
    .slideshow-slides-wrapper .flip-through .flip-through-content li .node {
      /*width: 615px;*/
    }

   /* #basic-panel-0 .row.gift-today {
      padding-top: 0px;
    }*/


  }

}

@media only screen and (max-width: 992px) {
    .slideshow-slides-wrapper .flip-through .flip-through-content li .node {
      width: auto;
    }

    .dar-landing-page .gse-statistic {
      max-width: 100%;
    }

    .slideshow-slides-wrapper .flip-through .flip-through-content li {
      /*width: 700px;*/
      width: 82vw !important;
    }

}

@media (max-width:685px) {

  .bg-image-panel-wrapper.has-title h2 {
    font-size: 36px
  }

  #learners-impacted .number-lg {
    font-size: 40px;
    left: 0;
  }

  #num-alums-worldwide .number-lg {
    font-size: 60px;
  }

  .slideshow-slides-wrapper .flip-through .flip-through-content {
    left: 0;
  }

    .slideshow-slides-wrapper .flip-through .flip-through-content li {
      /*width: 700px;*/
      /*width: 100vw !important;*/
      margin: 0 3vw !important;
    }
}

@media (min-width:1180px){
  .block-link-set-panel .block-link.col-md-6 #node-6423 img{
    margin-top: -160px;

  }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}