/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */

@media only screen and (min-width: 1100px) {
    .view-home-hero .views-row{
        padding-top: 70px;
        padding-bottom: 215px;
    }
    .title-wrap.with-image h1#page-title{
        padding: 145px 0 160px;
    }
    .node-student-opportunity.node-teaser .node-content{
        padding: 280px 49px 42px 28px;
    }
    .node-logistics.node-teaser .card-link{
        padding: 60px 20px 30px;
    }
    .node-logistics .group-card-info{
        padding: 0 30px 0 0px;
        margin-top: 45px;
    }
    .field-name-field-logistic-logo{
        width: 160px;
    }
}

@media only screen and (max-width: 1024px){
    .card-grid .view-content{
        padding: 0;
    }
    .block-main-menu ul.menu li{
        margin-right: 50px;
    }
}

@media only screen and (max-width: 950px){
    #logo{
        max-width: 95px;
    }
    .container,
    #block-views-student-opportunities-block .view-header,
    .node-home-feature .field-name-body,
    .student-op-list-block .card-grid .view-content,
    .node-student-story.node-teaser .node-content,
    .viewed-term{
        padding: 0 30px;
    }
    
    #burger-wrap{
        display: block;
    }
    #block-menu-menu-utility-menu,
    #primary-menu-wrapper,
    .apply-now.desktop{
        display: none;
    }
    #block-search-form,
    #google-appliance-block-form{
        margin-right: 20px;
    }
    #header-wrapper{
        border-bottom: none;
    }
}

@media only screen and (max-width: 768px){
    .field-name-field-logo-grid-item > .field-items > .field-item{
        width: 50%;
    }
    
    .paragraphs-item-person-list-item .group-person-left,
    .paragraphs-item-person-list-item .group-person-right{
        display: block;
        width: 100%;
    }
    .paragraphs-item-person-list-item .group-person-left{
        margin-bottom: 10px;
    }
    #secondary-content-wrapper .container{
        padding: 0;
    }
    .student-op-list-block .view-filters{
        padding: 0 30px;
    }
    .view-home-hero .views-field-body{
        padding: 0 30px;
        font-size: 30px;
    }
    .card-grid .views-row{
        width: 49%;
    }
    .health-safety.card-grid .views-row{
        width: 47%;
    }
    .card-grid .views-row:nth-child(3n+3){
        margin-right: 2%;
    }
    .health-safety.card-grid .views-row:nth-child(3n+3){
        margin-right: 5%;
    }
    .health-safety.card-grid .views-row:nth-child(2n+2),
    .card-grid .views-row:nth-child(2n+2){
        margin-right: 0;
    }
    h1#page-title,
    .node-health-and-safety.node-full h2.node-title, .node-logistics.node-full h2.node-title,
    #block-views-student-opportunities-block h2.block-title,
    .node-home-feature .field-name-field-home-feature-title{
        font-size: 30px;
    }
    #block-views-home-feature-block{
        padding: 40px 0 50px;
    }
    .title-wrap,
    .node-health-and-safety.node-full h2.node-title{
        padding-top: 30px;
    }
    .field-name-field-logistic-logo{
        width: 115px;
    }
    .title-wrap.with-image h1#page-title{
        padding: 55px 0;
        font-size: 36px;
    }
    .group-body-tags .so-term-list:after{
        content: '';
        display: block;
        clear: both;
    }
    .group-body-tags .so-term-list,
    .group-body-tags .field-name-body,
    .group-program-left,
    .group-body-tags > .paragraphs-items{
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 20px;
        padding: 0;
    }
    .view-hosts-partners .views-field,
    .so-term-list .view-rows-wrap{
        float: left;
        width: 50%;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .so-term-list .view-rows-wrap:first-child,
    .so-term-list .view-rows-wrap{
        margin-top: 5px;
    }
    .field-name-field-basic-paragraphs .paragraphs-item-youtube-video,
    .field-name-field-logistic-image,
    .field-name-field-basic-paragraphs .paragraphs-item-large-text, .field-name-field-basic-paragraphs .paragraphs-item-large-text-rule{
        margin: 30px 0;
    }
    .field-name-field-basic-paragraphs .field-name-field-large-text, .field-name-field-basic-paragraphs .field-name-field-large-text-rule{
        font-size: 18px;
    }
    .card-grid .view-content{
        margin-top: 35px;
    }
    .field-name-field-basic-page-intro p:last-child{
        margin-bottom: 0;
    }
    .student-op-list-block .views-exposed-widget{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .student-op-list-block .views-exposed-widget:nth-child(3){
        margin-bottom: 0;
    }
    .event-time-loc div{
        display: block;
    }
    .event-time-loc > div:after{
        display: none;
    }
    .views-field-field-event-summary{
        margin-top: 10px;
    }
    .event-info{
        padding-left: 15px;
    }
    .cal-tab{
        width: 90px;
    }
    .cal-tab-bottom{
        font-size: 40px;
    }
    .front .view-student-opportunities.card-grid .view-rows-wrap,
    .view-misti-tips.card-grid .view-rows-wrap {
        display: flex;
        display: -webkit-flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .front .view-student-opportunities.card-grid .views-row,
    .view-misti-tips.card-grid .views-row{
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        float: none;
        width: auto;
        margin-right: 10px;
        height: auto;
        max-width: 300px;
    }
    .view-misti-tips.card-grid .views-row:last-child{
        margin-right: 0;
    }
    .front .view-student-opportunities.card-grid .views-row article,
    .view-misti-tips.card-grid .views-row .flex-wrap,
    .card-grid.cards-num-1 .view-content{
        width: 268px;
    }
    .card-grid.cards-num-2 .view-content{
        max-width: 552px;
    }
    .front .node-student-opportunity.node-teaser .node-content{
        padding-top: 160px;
    }
    .misti-tips .card-info{
        padding: 10px;
    }
    .misti-tips .views-field-title{
        font-size: 18px;
    }
    .misti-tips .views-field-body p{
        font-size: 14px;
    }
    
    .gsc-above-wrapper-area{
        padding: 0 8px !important;
    }
    .gsc-above-wrapper-area td{
        display: block;
        font-size: 14px !important;
        text-align: left;
    }
    .gsc-result-info{
        padding: 10px 0 !important;
        font-size: 14px !important;
    }
    .gs-result .gs-title *{
        font-size: 16px !important;
    }
    .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{
        font-size: 14px !important;
    }
    .gsc-control-cse .gsc-table-result{
        font-size: 16px !important;
    }
    .gsc-webResult .gsc-result{
        margin-bottom: 25px !important;
        padding: 0 0 20px 0 !important;
    }
    
}

@media only screen and (max-width: 540px){
    .container,
    .view-home-hero .views-field-body,
    #block-views-student-opportunities-block .view-header,
    .node-home-feature .field-name-body,
    .student-op-list-block .card-grid .view-content,
    .node-student-story.node-teaser .node-content,
    .viewed-term{
        padding: 0 15px;
    }
    .node-logistics.node-teaser .field-name-field-logistic-logo{
        width: 75px;
    }
    .node-logistics.node-teaser h2.node-title{
        font-size: 14px;
        text-align: center;
    }  
    .node-logistics .group-card-info{
        padding: 0;
    }
    .field-name-field-rsvp-link a, div.addeventatc, div.addeventatc:hover, div.addeventatc:focus{
        font-size: 14px;
    }
    .view-home-hero .views-field-field-hero-photo-credit{
        display: none;
    }
}
@media only screen and (max-width: 480px){
    .health-safety.card-grid .views-row,
    .card-grid .views-row{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .health-safety.card-grid .views-row{
        margin-bottom: 40px;
        height: auto !important;
    }
    .view-logistics-grid.card-grid .views-row{
        width: 49%;
        float: left;
    }
    .node-resource .group-card-info{
        height: auto !important;
    }
    #logo{
        width: 150px;
    }
    #burger-wrap{
        font-size: 24px;
        line-height: 1.2;
    }
    #header-wrapper{
        padding: 20px 0;
    }
    #block-search-form.search-js-processed .form-item-search-keys,
    #google-appliance-block-form.search-js-processed .form-item-search-keys{
        margin: 0px 0 0 -214px;
        width: 217px;
    }
}

@media only screen and (max-width: 320px){
    .view-home-hero .views-field-body{
        font-size: 24px;
    }
    .view-home-hero .views-row{
        padding-bottom: 120px;
    }
}