/*------------------------------------------------- */
/*                                                  */
/*          LANDING PAGE KIT CSS                    */
/*                                                  */
/*------------------------------------------------- */

/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap');*/

.btn-lightweight{
    border:1px solid #d2d2d2;
    color:#6e7880; 
    background-color:#fff;
    min-width: 135px;
    margin: 1em 0.5em 1em 0;
}
.btn-lightweight:hover{
    border:none; 
    color: #6e7880;
    background-color: #fff;
    border-bottom: 3px solid #ff590a;
    box-shadow: 0px 8px 24px 0px rgba(184, 68, 0, 0.07);
}
.btn-lightweight:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4.5px 0 4.5px;
    border-color: #ff580a transparent transparent transparent;
}
.active.btn-lightweight{
    box-shadow: none;
    -webkit-box-shadow:none;
}
.active.btn-lightweight:after{
    border-width: 0px 4.5px 6px 4.5px;
    border-color: transparent transparent #ff580a transparent;
}

#landingpage .mobile {display:none;}
#landingpage .mobileSmall{display:none;}


#landingpage .row{
    margin:0 0 10vh 0; 
    padding-bottom:2em;
}

#landingpage .row:first-of-type{
    margin-top:10vh;
}

#landingpage h2{
    text-align: center;
}

#landingpage h2.white{
    color:#fff;
}

#landingpage h2.top{ 
    max-width:750px; 
    text-align:center; 
    font-size: 4.5rem;
    margin:10vh auto 0; 
    color:#040a23;
}

#landingpage .mcenter{text-align:left;}

#landingpage p{
    /*color:#6e7880;*/
}

#landingpage p.center{
    text-align:center;
    color:#6e7880;
}

#landingpage p.center span{
    font-size:2.2rem;
}

#landingpage a.btn:hover{
    border-color:#ff590a;
}

#landingpage .fakulta{margin:15px 0; position: relative;}
#landingpage .piktogram{width:50%;}

#landingpage .fakultalink{
    position: absolute;
    right: 0px;
    top: 100px;
    display: inline-block;
    margin: 0 0;
}

#landingpage .fakultalink:hover{
    background-color: rgba(254,4,127,1);
    background-image: linear-gradient(45deg, rgba(254,4,127,1) 0%, rgba(254,139,11,1) 65%);
    border-color: rgba(254,4,127,1);
}

#landingpage table, #landingpage .mobile section{
    width:100%;
    color:#6e7880;
    
}
#landingpage .mobile section{padding: 10px 0;}

#landingpage table tr, #landingpage .mobile section{
    border-bottom: 1px solid #d2d2d2;
}

#landingpage table td{
    padding:1em;
    width:20%;
}

#landingpage table td:first-child{
    padding-left:0em;
    width:35%;
}
#landingpage table td:last-child{
    padding-right:0em;
    width:25%;
}
#landingpage table th, #landingpage table th a, #landingpage .mobile section a{
    font-weight:bold; 
    text-transform:uppercase;
    font-family:'utb_textbold', Helvetica, Arial, Verdana, sans-serif;
}

#landingpage .mobile section a{width: 100%; display: block; clear: both;}

#landingpage .mobile section a.atelier{font-family: 'utb_textregular', Helvetica, Arial, Verdana, sans-serif;font-weight:normal; 
    text-transform:none;}

#landingpage .scrollDown{    
    width: 57px;
    height: 56px;
    border: 2px solid #000;
    display: block;
    cursor: pointer;
}
#landingpage .scrollDown:before{content:'';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOS4zOTNweCIgaGVpZ2h0PSIxNy44NzdweCIgdmlld0JveD0iMCAwIDE5LjM5MyAxNy44NzciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5LjM5MyAxNy44NzciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI5Ljc0OSwwLjcwNyAxNy45NzksOC45MzggOS43NDksMTcuMTcgIi8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNy45NzkiIHkxPSI4LjkzOCIgeDI9IjAiIHkyPSI4LjkzOCIvPgo8L3N2Zz4=);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 12px;
    background-color: transparent;
    width: 53px;
    height: 53px;
    display: block;
    transform: rotate(90deg);
}

#landingpage .headline{
    width:100%; 
    height: calc(100vh - 85px - 43px); 
    min-height: 411px;  
    padding-bottom: 35px;
    background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
}

#landingpage .headline .container{
    position: relative;
    height: 100%;
    padding-top: 12vh;
}

#landingpage .headline h2{
    display: block;
    color: #fff;
    text-align: center;
    font-family: 'utb_textbold', Helvetica, Arial, Verdana, sans-serif;
    font-size: 7rem;
    line-height: 7.5rem;
    letter-spacing: -1.5px;
    text-shadow: 3px 3px 4px #545454;
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 42px;
    margin: 0;
}

#landingpage .headline h2.landingpageTitle{
    font-family: 'Raleway', sans-serif;
    font-size: 11rem; 
    line-height: 12rem;
    font-size: 5vw;
    line-height: 6vw;
    color: #fe047f; 
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(45deg, rgba(254,4,127,1) 0%, rgba(254,139,11,1) 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    text-align: left !important;
    margin-left: 52%;
    margin-bottom: 3rem;
    padding: 0;
    display: inline-block;
    letter-spacing: -1.5px;
    position: relative;
    width: auto;
}

/*#landingpage .headline h2.landingpageTitle:after{
    content: ' ';
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    color: #fe047f;
    background: -webkit-linear-gradient(45deg, rgba(254,4,127,1) 0%, rgba(254,139,11,1) 65%);
    display: inline-block;
    position: absolute;
    right: -30px;
    bottom: calc(1rem + 0.5vw);
}*/


#landingpage .headline .headline-text{
    max-width: 350px;
    font-size: 1.5em;
    font-size: 1.3vw;
    line-height: 2vw;
    color: #333;
    font-family: 'utb_textbold', Helvetica, Arial, Verdana, sans-serif;
    margin-left: 52%;
}

#landingpage .headline .headline-btns{
    text-align: left;
    margin-top: 38px;
    margin-left: 52%;
}

#landingpage .headline .headline-btns a{
    display: inline-block;
    padding-left: 32px;
    padding-right: 19px;
    margin:0;
}

#landingpage .headline .headline-btns a:hover{
    background-color: rgba(254,4,127,1);
    background-image: linear-gradient(45deg, rgba(254,4,127,1) 0%, rgba(254,139,11,1) 65%);
    border-color: rgba(254,4,127,1);
}

#landingpage .headline .scrollDown{    
    left: 52%;
    bottom: 0;
    position: absolute;

}

#landingpage .mobBackground{
    height: 82%;
    background-size: cover;
    background-position: center center;
    padding: 0;
    margin:0;
}

#landingpage .mobileSmall .container{
    padding: 0 !important;
}


/*------------------------------------------------- */

#boxofpride{}
#boxofpride .boxofpride-item{
    padding:1em 0;
}
#boxofpride .boxofpride-image{
    text-align:center;
    padding:0;
}

#boxofpride .boxofpride-image img{
    max-width: 100%; 
    max-height: 8em;
}
#boxofpride .boxofpride-text{
    font-size:1.14em;
    padding:0 2em 0 1em ;
}
/*------------------------------------------------- */

#facultybox{}
#facultybox .faculty{
    background-color: #c4c4c4; 
    padding: 2em 1em 0em 1em; 
    margin-top:1em;
}

#facultybox .faculty .item{
    padding:0em 1em 2em 1em;
}

#facultybox .faculty .item a{   
    background-color: #fff;
    display: block;
    padding: 1em;
}

#facultybox .faculty .item a img{
    width:100%; 
    height: auto;
}

/*------------------------------------------------- */

#kontaktybox #kontaktyTable{display:none;}
#kontaktybox #kontaktyTable table.mobile th{padding: 1em 1em 0 1em;}
#kontaktybox #kontaktyTable table.mobile td{padding: 0 1em 1em 1em;}
#kontaktybox #kontaktyTable table.mobile tr:nth-child(odd){border-bottom: none;}

/*------------------------------------------------- */    
#absolvent .wrap{   
    display: grid;
    grid-auto-rows: 200px;
    grid-template-columns: repeat(3,1fr);
    column-gap: 32px;
    row-gap: 32px;
}

#absolvent .item{    

    background-size: contain;
    background-repeat: no-repeat;
    text-decoration: none !important;
    position: relative;
    padding:2em;
    cursor: pointer;

}

#absolvent .item:nth-child(3n+1).active{    
    background-size: cover;
    grid-column: 1 / span 2;
    grid-row: 1 /span 2;
}

#absolvent .item:nth-child(3n+2).active{    
    background-size: cover;
    grid-column: 2 / span 2;
    grid-row: 1 /span 2;
}

#absolvent .item:nth-child(3n+3).active{    
    background-size: cover;
    grid-column: 2 / span 2;
    grid-row: 1 /span 2;
}

#absolvent .item p{
    color:#fff;
    max-width: 65%;
    margin:0;
    padding: 0 0 10px;
}
#absolvent .item p.item-title{text-transform:uppercase; opacity: 1; transition: visibility 0s, opacity 0.5s linear;}

#absolvent .item .item-text-more{display:none;font-size: 1.1em; padding-top: 3em;}    
/*------------------------------------------------- */ 
#landingpage .quick-search{margin-bottom:0;}
/*------------------------------------------------- */ 
#landingpage #eprihlaskaLink {
    margin: 2em 0.5em 1em 0;
    color: #161616;
}

#landingpage #eprihlaskaLink:hover {
    border-color: #161616;

}

/*------------------------------------------------- */ 

.carousel-landingpage a {
    padding: 0 10px;}
.carousel-landingpage a:hover {
    text-decoration:none;}
.carousel-landingpage a img{
    width:100%; object-fit: cover;    margin-bottom: 1em;transition: all .7s; background-color: rgba(254,4,127,1);
    background-image: linear-gradient(45deg, rgba(254,4,127,1) 0%, rgba(254,139,11,1) 65%); aspect-ratio: 1 / 1;
    border-radius: 0 0 0 calc(100% / 6);
}
.carousel-landingpage a:hover img{transform: scale(1.05);transition: all .7s;}
.carousel-landingpage a .header-title{width:100%;text-align:center; font-weight:bold; font-size:1.7rem;    color: #333;}
.carousel-landingpage span.tag {position: absolute;    top: 1.5em;    left: 2.5em;}

/*------------------------------------------------- */ 

@media only screen and (max-width :1024px){
    
    #landingpage .row {
        margin: 0 0 5vh 0;}
    #landingpage .row:first-of-type{
        margin-top:20vh;
    }
    #landingpage .headline .container{padding-top: 0;}
    #landingpage .headline.mobile{
        display: block;
        height: calc(100vh - 108px);
        padding:0;
        margin:0;

    }

    #landingpage .headline.desktop{display: none;} 
    #landingpage .headline h2.landingpageTitle{    
        color: #fff;
        -webkit-text-fill-color: transparent;
        background: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        margin-top: 5vh;
        margin-left: 5vh;
        font-size: 10vh;
        line-height: 11vh;

    }

    /*#landingpage .headline h2.landingpageTitle:after{
        background: #fff;
        width: 20px;
        height: 20px;

    }*/

    #landingpage .headline .headline-text    {
        position: absolute;
        bottom: 15vh;
        margin-left: 15px;
        font-size: 3vw;
        line-height: 4vw;
    }
    
    #landingpage .headline .headline-btns{
        text-align: left;
        margin-top: 0;
        margin-left: 15px;
        position: absolute;
        bottom: 7vh;
    }

    #landingpage .fakultalink{
        position: relative;
        right: unset;
        top: unset;
        display: block;
        margin: 1em 0;
    }

    #absolvent .wrap{   
        grid-template-columns: repeat(2,1fr);
        column-gap: 16px;
        row-gap: 16px;
    }

    #absolvent .item {
        background-size: cover;
    }

    #absolvent .item:nth-child(3n+1).active{    
        background-size: cover;
        grid-column: 1 / span 2;
        grid-row: 1 /span 2;
    }
    
    #absolvent .item:nth-child(3n+2).active{    
        background-size: cover;
        grid-column: 1 / span 2;
        grid-row: 1 /span 2;
    }
    
    #absolvent .item:nth-child(3n+3).active{    
        background-size: cover;
        grid-column: 1 / span 2;
        grid-row: 1 /span 2;
    }

    #boxofpride .boxofpride-text{
        font-size:1.4em;
        padding:0;
    }
    
}

@media only screen and (max-width :680px){
    #landingpage .desktop{display: none;}
    #landingpage .mobile{display:block;}
    #landingpage .headline.mobile{display:none;}
    #landingpage .mobileSmall{
        display:block; 
        padding-bottom:0;
    }
    #landingpage .mcenter{text-align:center;}
    #landingpage .piktogram{width:100%;}
    #landingpage .headline .container {
        padding-top: 6vh;
    }
    #landingpage .headline h2.landingpageTitle{ 
        margin-top: 5vh;   
        margin-left: 3rem;
        /*font-size: 7rem;
        line-height: 8rem;*/
        font-size: 8vh;
        line-height: 9vh;

    }

    /*#landingpage .headline h2.landingpageTitle:after{bottom: calc(1rem + 4px); content: none;}*/

    #landingpage .headline .headline-text    {
        position: relative;
        margin:1em 15px;
        text-align: justify; /* For Edge */
        -moz-text-align-last: center; /* For Firefox prior 58.0 */
        text-align-last: center;
        max-width: 100%;
        bottom: unset;
        font-size: 6vw;
        line-height: 7vw;
    }
    
    #landingpage .headline .headline-btns{
        text-align: center;
        margin:0.5em 15px;
        position: relative;
        bottom: unset;
        display: block;
    }

    #landingpage .headline .headline-btns a {
        /*padding-left: 42px;
        padding-right: 29px;*/

        width: 75%;
        display: block;
        margin: 0 auto 1.5rem;

    }

    #facultybox .faculty {
        padding: 1em 1em 0em;
   }

   #facultybox .faculty .item {
       padding: 0em 0em 1em;
   }

    #absolvent .wrap{   
        display: block;
        
    }

    #absolvent .item{margin-bottom: 1em;background-size: contain; }
    #absolvent .item .item-text-more{color: #333;
        max-width: 100%; display: none;}
#absolvent .item .toggleBtn{max-width: 100%;padding-top:2em;}

}


#quicksearch .utbcourse-search-tab, #utbcourse-autocomplete {
    box-sizing: border-box;
    color: rgb(172, 183, 191);
    cursor: pointer;
    display: inline-block;
    font-family: utb_textbold, Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 11px;
    margin-right: 0px;
    max-width: 100%;
    text-size-adjust: 100%;
    text-transform: uppercase;
    text-decoration: none;
    width: auto;
    padding-right:2.5em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: color 0.25s;
}
#quicksearch .utbcourse-dropdwn-btn.selected{
    color: rgb(255, 89, 10);
    transition: color 0.25s;
}
           
#quicksearch .course-tabs{
    width:calc(100% - 56px);
}
#quicksearch .utbcourse-dropdwn-content, #quicksearch #utbcourse-autocomplete ul{
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    margin-top:0.5em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}
#quicksearch #utbcourse-autocomplete ul{
    padding-left:0;
}
#quicksearch .utbcourse-search-tab:hover .utbcourse-dropdwn-content,
#quicksearch .utbcourse-search-tab .utbcourse-dropdwn-content:hover
{
    display: block;
}
           
/* Links inside the dropdown */
#quicksearch .utbcourse-dropdwn-content a, #quicksearch #utbcourse-autocomplete ul li {
    color: #626b77;
    text-decoration: none;
    display: block;
    clear: both;
    padding: 5px;
    cursor: pointer;
    text-align: left;
    font-size: 1.5rem;
    padding: 9px 16px;
    transition: background 0.25s;
}
/* Change color of dropdown links on hover */
#quicksearch .utbcourse-dropdwn-content a:hover,
#quicksearch #utbcourse-autocomplete ul li:hover,
#quicksearch #utbcourse-autocomplete ul .ui-state-hover, #quicksearch #utbcourse-autocomplete .ui-widget-content .ui-state-hover,   
#quicksearch #utbcourse-autocomplete ul .ui-state-focus, #quicksearch #utbcourse-autocomplete .ui-widget-content .ui-state-focus
{background-color: #ecf0f5}

@media screen and (max-width: 767px) and (min-width: 0px){
    #quicksearch .course-tabs{
        width:100%;
    }
}



.studyprogramList .mobile{display: none;}
.studyprogramList table, .studyprogramList .mobile section, .studyprogramList table tbody{width:100%;color:#6e7880; border:none; margin-bottom: 0;}
.studyprogramList .toggleTile{padding-bottom:2em;}
.studyprogramList table tr, .studyprogramList .mobile section{border-bottom: 1px solid #d2d2d2; background-color: transparent;}
.studyprogramList .toggleTile table tr:last-child, .studyprogramList .toggleTile .mobile section:last-child{border-bottom: none;}
.studyprogramList table td{padding:1em; width:33%; font-size: 0.875em; line-height:  1.428em;}
.studyprogramList table td:first-child{padding-left:0em; width:40%;}
.studyprogramList table td:last-child{padding-right:0em; width:26%;}
.studyprogramList table tr:nth-child(even) td{background-color: transparent;}
.studyprogramList table th, .studyprogramList table th a, .studyprogramList .mobile section a{font-weight:bold; text-transform:uppercase;font-family:'utb_textbold', Helvetica, Arial, Verdana, sans-serif;}
.studyprogramList table td a{font-weight:bold; text-transform:uppercase;font-family:'utb_textbold', Helvetica, Arial, Verdana, sans-serif;}
.studyprogramList .tags{padding-bottom:0;}

.studyprogramList .mobile section{padding: 0.5em 0;}
.studyprogramList .mobile section a{display: block; clear: both; padding-top: 0.5em;}
.studyprogramList .mobile section > span{display: block;}

.studyprogramList table.mobile th{padding: 1em 1em 0 1em;}
.studyprogramList table.mobile td{padding: 0 1em 1em 1em;}
.studyprogramList table.mobile tr:nth-child(odd){border-bottom: none;}