/*
Theme Name: Dust at CIRA
Theme URI: https://www.cira.colostate.edu/
Author: Barbra Lashbrook
Author URI: http://barbralashbrook.com/
Description: Website created for the Dust group of CIRA as they post seminar and other event details
Version: 2025
Dust WordPress Theme © 2011-2019 TidyThemes
*/


html, body {
    font-family: "Poppins", serif;
    margin: 0;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    }
body {
    overflow-x: hidden;
    overflow-y: scroll;
    }  
header {
    position: relative;
    display: block;
    }
    .has-cira-blue-background-color{
        background-color: #115c99;
    }
    .has-dana-blue-background-color{
        background-color: #333947;
    }
    .has-dana-rose-background-color{
        background-color: #b1625e;
    }
    .has-dana-light-rose-background-color{
        background-color: #b0866f;
    }
    .has-dark-grey-background-color{
        background-color: #212529;
    }


    .has-cira-blue-color{
        color: #115c99;
    }
    .has-dana-blue-color{
        color: #333947;
    }
    .has-dana-rose-color{
        color: #b1625e;
    }
    .has-dana-light-rose-color{
        color: #b0866f;
    }
    .has-dark-grey-color{
        color: #212529;
    }
    .has-monte-white-color{
        color: #fff;
    }
    
/* ---- GLOBAL STYLES ---- */
    .topMargin{
        margin-top:15%;
    }
    .bottomMargin{
        margin-bottom:5%;
    }
    .boxShadow{
        box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);
    }
    .sectionShadow{
        box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5) inset;
    }
    .paperBack{
        background-color: #fff  ;
        background-image: url('img/paper.png');
        background-repeat: repeat;
    }
    label {
        width: 100%;
    }
    .es-field-wrap{
        text-align: center;
        margin-bottom:15px;
    }
    iframe{
        width: 100%;
    }
    .wp-block-embed{
        max-width: 350px;
    }
    @media only screen and (max-width: 600px) {
        .col-none{
            display: none !important;
        }
    }
    .link{
        cursor: pointer;
        text-decoration: underline;
    }
 
    .modal a{
        text-decoration: underline;
    }
    .modal a:hover{
        cursor: pointer;
        font-weight: bold;
    }
    .inlineBlock a{
        display:inline-block;
    }
    /* ---- Grow Animation ---- */
        .hvr-grow {
            vertical-align: middle;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
        .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }


    /* ---- BUTTONS ---- */
        button a, input.es_subscription_form_submit{
            color:#fff;
            text-decoration: underline;
        }
        button a:hover, input.es_subscription_form_submit:hover{
            color:#fff;
        }
        .btn-primary, .acf-button,.acf-button a, .es_subscription_form_submit{
            background: #68504B !important;
            border-color: #fff !important;
            margin: 10px auto !important;
            box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.11);
            border-radius: 15px;
        }
        .btn-primary:hover, .acf-button:hover, .es_subscription_form_submit:hover{
            background: #B0766F  !important;
            border-color: #fff  !important;
            box-shadow: none;
        }
    
        .acf-button.button.button-primary.button-large, .acf-button, .acf-button a {
            padding: 5px 10px;
            color: #fff;
            border-radius: 8px;
        }
    /* ---- TEXT/LINKS ---- */
        a{
            color:#333947;
             min-height:44px; 
        min-width: 44px;
            display: inline-block;
        }
        a:hover{
            color:#B0766F;
        }
p{
    line-height: 1.5 !important;
}
        h1, h2, h3, h4, h5, h6{
            margin:0;
        }
        h4{
            font-size: 18px;
        }
        h5{
            font-size: 15px;
            text-align: left;
        }
        .textCenter{
            text-align: center;
        }
        strong{
            font-weight: bold;
        }
        hr{
            color: #B07E6C;
        } 
        .list_style a{
            display:block;
        }
        .paper_links{
            text-decoration: underline;
            cursor: pointer;
        }
        .paper_links:hover{
            font-weight: bold;
        }
        .whiteText{
            color:#fff;
        }
/* ---- HEADER ---- */

    /* ---- Navigation ---- */
    .nav-link {
        color: #fff !important;
    }
    #main-menu .sub-menu a {
        color: #000000 !important;
    }
    a.nav-link, tbody a, .news a, blockquote a{
        min-height:44px; 
        min-width: 44px;
        display: inline-block;
    }
    .nav-link:hover{
        color:#B0766F
    }
    .navbar.navbar-expand-lg.navbar-dark.fixed-top{
        background-color: #333947;
    }

    .image_static{
        height:100vh;
        width:100%;
        margin:0;
        background: url('img/dustOne.jpg') no-repeat center;
        background-size: cover;
        top:0;
        position:absolute;
      }
      .static_text{
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 55%;
        height: 250px;
        background-color: #ccc;
        border-radius: 3px;
        background-repeat: no-repeat; 
        background-position:center center;
        border-radius: 20px;
        text-align: center; 
      }


    /* ---- Header Animation ---- */
    .js-loading *,
    .js-loading *:before,
    .js-loading *:after {
        animation-play-state: paused !important;
    }
    .animated-header {
        background: #000;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .animated-header:before {
        animation: show-background 60s .5s cubic-bezier(0,2,.2,1) forwards;
        background: url(img/dustOne.jpg) no-repeat center;
        background-size: cover;
        content: "";
        opacity: 0;
        height: 70vh;
        position: absolute;
        width: 100vw;
    }
    .logo_text{
        animation: show-logo 2s 1.5s cubic-bezier(0,1.79,.28,.73) forwards;
        opacity: 0;
        text-align: center;
        padding:10px;
        background-color: rgba(255, 255, 255, 0.37);
        border-radius: 5px;
    }
    .logo, .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    @media only screen and (max-width: 600px) {
        .logo{
            width: 95%;
            font-size:12px;
        }
      }
    .loading {
        color: #aaa;
        font-size: 48px;
        display: none;
    }
    .js-loading .loading {
        display: block;
    }
    .logo_img{max-width: 180px;}
    @keyframes show-background {
        0% {
            opacity: 0;
            transform: none;
        }
        30% {
            opacity: 1;
        }
        100% {
            opacity: 1;
            transform: scale(2)
        }
    }
    @keyframes show-logo {
        0% {
            opacity: 0;
            transform: scale(.8);
        }
        100% {
            opacity: 1;
            transform: none;
        }
    }
/* ---- SECTIONS/PANELS ---- */
    #one{
        height: 85vh;
    }
    #twoA, #twoB, #twoC{
        min-height: 50vh;
        padding-bottom:50px;
        
    }
    #two .container, 
    #three .container, 
    #four .container{
        padding-top:12%;
    }
    #three .container{
        padding-bottom:12%;
    }
    #five .container{
        padding-top:12%;
        padding-bottom:12%;
    }
    #single{
        position: relative;
    }

    .panel {
        top: 25%;
        bottom: 25%;
        position: relative;
        margin: 0 auto;
    }
    .panel_single {
        margin: 0 auto;
    }
    .content_back{
        background-color: rgba(255, 255, 255, 0.85);
        box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);
        border:1px solid #68504B;
        padding:25px;
        border-radius: 25px;
        z-index: 1;
    }
    #two .h1{
        font-size: clamp(8rem, 12vw, 18rem);
        font-weight: bold;
        letter-spacing: 0.03em;
        background: radial-gradient(circle at center, #fff .10rem, transparent 0);
        background-size: .5rem .5rem;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        margin:0 auto;
        display: block;
        position: absolute;
    }
    #five p{
        text-align: center;
    }
    section#two{
        background-color: #333947;
        color:#fff;
        padding-bottom:50px;
    }
    .blueBack{
        background-color: #333947;
        padding-bottom:50px;
    }
    .scrollSection{
        height: 80vh;
        overflow: scroll;
    }
    /* ---- Cards ---- */
        .card {
            border-radius: 5px;
        }
        .card-body .btn.btn-primary {
            margin: 0 auto;
            display: block;
        }
    .card-body p{
        display:contents !important;
    }
    /* ---- Scheduel Blocks ---- */
        #schedule_block{
            padding-top:5%;
            color:#fff;
            position: relative;
            z-index: 5;
        }
        #schedule_block input{
            width: 100%;
            border-radius: 15px;
            padding: 5px;
            border:1px solid rgb(228, 228, 228);
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);
        }
    /* ---- FILTER LIST ---- */
    #filter_list tr a{
        display: block;
    }
    #filter_list h5{
        margin:0;
    }
    input#filter_input {
        width: 100%;
        box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);
        margin-bottom:15px;
    }

    #filter_list{
        max-height: 800px;
        border-radius: 5px;
        box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);  
    }
        #event_details p{
            margin: 0;
            line-height: 1.5;
        }
        #event_details button{
            margin:0 auto;
            display: block;
        }
        .vert_scroll {
            overflow-y: scroll;
            max-height: 500px;
        }
    p.profile_title:before{
            content: "Title: ";
            font-weight: bold;
        }
         p.profile_email:before{
            content: "Email: ";
            font-weight: bold;
        }
         p.profile_about:before{
            content: "About: ";
            font-weight: bold;
        }
         p.profile_ex:before{
            content: "Expertise: ";
            font-weight: bold;
        }
         p.profile_web:before{
            content: "Website: ";
            font-weight: bold;
        }


        .profile_img_img img {
            width: 100%;
            margin: 0 auto;
            display: block;
            max-width: 300px;
            border-radius: 15px;
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.50) inset;
        }
        .abstract_box{
            border:1px solid #ccc;
            padding:5px;
        }
    /* ---- Committee? Blocks ---- */
        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #fff !important;
        background-color: #68504B !important;
        border-color: #dee2e6 #dee2e6 #fff;
        }
        .profile_host img{
            display: block;
        }
        .photo_box{
            overflow: hidden;
            height: 80px;
            width: 80px;
            border-radius: 25px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .profile_img img{
            max-width: 150px;
            border-radius: 25px;
        }
        .speaker_prof_box figure img {
            height: 100px;
            max-width: 100px;
            border-radius: 200px;
            border: 2px solid #B0766F;
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.50) inset;
        
        }
        .speaker_icon {
            width: 80px;
            height: 80px;
            margin-bottom: 5px;
            border-radius: 200px;
            border: 2px solid #B0766F;
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.50) inset;
        }
        li.speaker_lists{
            list-style: none;
        }
        .speaker_icon_tiny {
            width: 40px;
            height: 40px;
            margin-bottom: 5px;
            margin-right: 3px;
            border-radius: 200px;
            border: 2px solid #B0766F;
            box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.30) inset;
            float:left;
        }
    /* ---- Sponsor Section ---- */
        .sponsor_section img{
            max-width: 200px;
            height: auto;
            margin-top:5px;
            width:100%;
        }
        .sponsor_section .sponsor_box{
            background-color: #C8D0CC;
            text-align: center;
            border-radius: 5px;;
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);
            margin:5px;
        }
    /* ---- Contact Section ---- */
        .contact_section{
            text-align: center;
        }
    




/* ---- SINGLE TEMPLATE ---- */

    /* ---- Speaker Section ---- */
        .affiliated_box img{
            max-width: 200px;
            height: auto;
            margin-top:5px;
            width:100%;
        }
        .affiliated_box{
            background-color: #C8D0CC;
            text-align: center;
            border-radius: 5px;;
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);
            margin:5px;
        }
    /* ---- Committee Member Section ---- */
        .single .photo_box{
            overflow: hidden;
            height: 80px;
            width: 80px;
            border-radius: 25px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .single .profile_img img{
            max-width: 100%;
        }
    /*----- Archieve Page ---- */
        .single_page #filter_list{
            height:80vh;
            min-height: 250px;
            border-radius: 5px;
            box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.11);  
        }



/* ---- FOOTER ---- */
    footer{
        background-color: #333947;
        color:#fff;
    }
    footer a{
        color:#fff;
    }
    .foot_logo{
        padding: 15px;
        border-radius: 15px;
        margin: 0 auto;
    }
   footer img {
        max-width: 120px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: inline-block;
    }
    footer .nav-link{
        cursor: pointer;
    }
    /* ---- ARROW DOWN ---- */
    .scroll-down {
        position: absolute; 
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, 0);
        color: black;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 16px;
        overflow: visible;
    }
    #btt_button {
        display: inline-block;
        background-color: #B07E6C;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 30px;
        transition: background-color .3s, 
          opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }
      #btt_button:hover {
        cursor: pointer;
        background-color: #B0766F;
      }
      #btt_button i{
          color:#fff;
          font-size:2em;
      }
      #btt_button:active {
        background-color: #fff;
      }
      #btt_button.show {
        opacity: 1;
        visibility: visible;
      }



      .wp-block-heading:empty{
        display: none;
      }